Change Classic Blogger Template to New Blogger Template (Part 3)

Labels cloud

1. CSS part, place the following codes between the tags <b:skin> ... </b:skin>, you can place it right before the end of the tag.
   
   
   /* Label Cloud Styles
   ----------------------------------------------- */
   #labelCloud {text-align:center;font-family:arial,sans-serif;}
   #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
   #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
   #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
   #labelCloud a{text-decoration:none}
   #labelCloud a:hover{text-decoration:underline}
   #labelCloud li a{}
   #labelCloud .label-cloud {}
   #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
   #labelCloud .label-cloud li:before{content:"" !important}


2. Here's the widget, place it anywhere between <b:section id="'sidebar'"> ... </b:section>
   
   The figures in variables under "// Label Cloud User Variables" can be customized to the way you like.
   
   
   


3. Save the template, and you are done.

Favicon in new blogger template

1. Go to "Edit HTML" under "Layout" tab, near the top you will see a line like this:
   
   
   <title><data:blog.pageTitle/></title>
   
   Copy and insert the following code below the line:
   
   
   <link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

   -or-

   <link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/>

   -or-

   <link href='URL of your icon file' rel='shortcut icon' type='image/gif'/>
   
   Remember to type in the "URL of your icon file".


2. Save the template, done~