Don't miss these Blodger posts!

Friday, 16 March 2012

The most basic Blogger template


Confused by XML b:widget:ID skins wrappers etc, then you are not the only one. (and avoid all by just using pre-designed templates from Blogger or other sources and tweaking them via layout designer)
Following a discussion on Google groups
http://groups.google.com/group/bloggerdev/browse_thread/thread/21fa1f65c12d120d?pli=1
the code below was expressed as a view of most basic blogger template after contributions by Holmes, David Kutcher, and Alain Christian.
There is a difference in what is accepted as the most basic by new template designer and old one, and the old one (as of Mar 2012) now appears to prompt for a variety of  widget declarations or you may lose them. (how fatal and what recovery options have now been tested by author as yet ..)
So after backing up your template in your test blog, copy in the following and create the most basic blog ... the view isn't that flattering but obviously can be worked on if you fancy working from the bottom up. 

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
        <b:include data='blog' name='all-head-content'/>
        <title>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <data:blog.pageName/> : <data:blog.title/>
        <b:else/>
                <data:blog.pageTitle/>
        </b:if>
        <b:if cond='data:blog.url == data:blog.homepageUrl'> : HOME TITLE ADD-ON</b:if>
</title>
        <meta content='' name='description'/>
        <meta content='' name='keywords'/>
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<b:skin><![CDATA[
* { margin:0; padding:0; border:0; }
#navbar-iframe {
        height:                 0px;
        visibility:             hidden;
        display:                none;
}

body {
        font-size:                      84.5%;
        font-family:            Arial,sans-serif;
        color:                          #000000;
        background-color:       #cccccc;
}

div#wrapper {
        margin: 0 auto 0 auto;
        width:  800px;
}

]]></b:skin>
</head>
<body>
<div id='wrapper'>
<b:section class='main' id='main'>
<b:widget id='Header1' locked='true' title='terry most basic (Header)' type='Header'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
<b:widget id='Profile1' locked='false' title='Blog Profile' type='Profile'/>
</b:section>
</div>

</body>
</html>

Hope I haven't mistyped anything, er 

Explanation of these to follow (or update to this post - won't be long)
There will be sections added on a template how to section



Tuesday, 6 March 2012

Move Blog from one account to another / multiple admins


So you might want  to move your blog to a new more appropriate email account, or generally reorganise and split things up, add joint authors for someblogs but not others, or put all your blogs under one master blog (email) account) which can oversee all and run also by separate more public accounts ?

Then try this for joint administration of a blog: 

  1. Login to your design dashboard for xyz.blog (for this scenario you are the Master.. )
  2. depending on what Blogger version you either need to go to Settings on left hand side menu then part way down middle of screen will be Permissions title. 
  3. Under Blog Authors box click the Add Author link. Enter the email address you wish to add / invite and click on Invite
  4. The second account  (henceforth known as Newboy) has to go into his/her gmail and accept this link from the Blogger email invitation.
  5. Newboy will then be entered into the blog but as author who can add and maintain posts only
  6. Master then needs to log in again, and in the same Settings Permissions screen needs to change newboy from author to admin 
  7. xyz.blog now has two admins who can independently administrate the account  
  8. WARNING: not sure what would happen if both accounts tried to delete each other at the same time !


Changing ownership:

  1. As above steps 1-7
  2. Newboy enters blog and goes to Settings Permissions and deletes Master.
  3. Master logs into his blogger account and notices that xyz.blog is no longer visible to him/her. Hopefully won't be a surprise :-)

Multiple ownership

In this scenario Master oversees several sites. He could have joint admins for people he trusts, or he could just have several other accounts which are visible from individual blogs and which act as fronts to the blog. He could allows other people to author (create and maintain posts)
Master could be the controller of the adsense account for example

  1. Use steps 1-7 as above to create other accounts



Saturday, 3 March 2012

Showing HTML code in Blogger


If you want to display mouse over colour changing table code shown in previous post ie the table like this 

1  Rob T riley
 Great free photo links
2  Duckingham Palace
 Beautiful Ducks


Then in Blogger - Page - Compose just cut and paste HTML code onto screen. It automatically strips some of HTML tags to allow it to be displayed as code ..


<table bgcolor="#CCCCFF" border="0" height="31" onmouseout="this.bgColor='#CCCCFF';" onmouseover="this.bgColor='#FDD017';" style="width: 515px;">
 <tbody>
<tr>
  <td height="25" rowspan="2" width="34">1</td>
  <td height="13" width="465">&nbsp;<span style="color: blue; font-family: Verdana; font-size: 10pt;"><a href="http://robtriley.com/" target="_blank">Free photography link</a></span></td>
 </tr>
<tr>
  <td height="12" width="465"><span style="font-family: Verdana; font-size: 10pt;">&nbsp;</span><span style="font-family: Verdana; font-size: 10pt;">In Depth view from experts</span></td>
 </tr>
</tbody></table>


The issue is that HTML tags will be interpreted as HTML unless thay are


HTML Tag in English Substitute
& ampersand &amp
" double quote &quot
' single quote &#039;
< less than &lt;
> greater than &gt;


For example this

<td height="25" rowspan="2" width="34">1</td>


becomes

  &lt;td height=&quot;25&quot; rowspan=&quot;2&quot; width=&quot;34&quot;&gt;1&lt;/td&gt;

If it's up use Gordon Hudsons http://www.hudson.nu/convert-html-to-blog.html

If you are using for example c# , perl, or other code in your blog and want to display this then a better way is to use Google Prettify.



Colour changing tables



If you fancy a table where rows change colour when you mouse over use HTML as below

1  Free photo link
 Great free photo links
2  Duckingham Palace
 Beautiful Ducks

Blogger lets you do many things in a controlled manner, but also gives you the flexibility to insert other HTML and java script code

<table bgcolor="#CCCCFF" border="0" height="31" onmouseout="this.bgColor='#CCCCFF';" onmouseover="this.bgColor='#FDD017';" style="width: 515px;">
 <tbody>
<tr>
  <td height="25" rowspan="2" width="34">1</td>
  <td height="13" width="465">&nbsp;<span style="color: blue; font-family: Verdana; font-size: 10pt;"><a href="http://www.cambridgeincolour.com/tutorials.htm" target="_blank">cambridge in colour</a></span></td>
 </tr>
<tr>
  <td height="12" width="465"><span style="font-family: Verdana; font-size: 10pt;">&nbsp;</span><span style="font-family: Verdana; font-size: 10pt;">In Depth view from experts</span></td>
 </tr>
</tbody></table>

If you want to learn enhanced javacript techniques then try for example
http://www.netmechanic.com/news/vol4/javascript_no20.htm


Friday, 2 March 2012

Updating two blogger blogs at the same time


So you have two blogger blogs each under two different accounts and you find that when you are in one, and you try and open the other in a new window to edit/tab and it presents you with original account, even if you allow multiple logins on both ?

Solution is to open two different browser sessions , open up links and sign in a different browser. This works with Firefox, Chrome and Internet explorer (8+).



 

Blodger Copyright © 2010 LKart Theme is Designed by Lasantha


Downloaded from Free Templates

Modified to LK Magazine v2 Pimp No6 and Copyright © 2013 by Blodger