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~

4 comments:

Elvin said...

Sweet, easy and simple. hehe. will surely introduce this site to other blogger.com beginners. thumbs up!

♥ Renise said...

yooo! thanks a lot elvin. xD

YinYin said...

oh do u know how to make your own template ???
I always want to have a nice template that which is design by my self......

♥ Renise said...

yin, i made redesigned the minima black (blogspot template) myself. xD

Renise does not warrant for any legal liability or responsibility for accuracy, completeness or usefulness of any information, opinion, comment, product or process published in this blog. External links which link to other Internet sites for the convenience of blog readers, Renise is not responsible for the availability or content of the external sites for its accuracy, completeness or usefulness of the information published. The content in this blog is just for readers to enjoy their free time in reading.

One click a day, please

Interesting Blogs

Awesome Followers

the Fans

Blogger's Badge

BlogMalaysia.com

Misc

blog lovers online ♥