
For Live Demo of this widget visit Funny Pictures Blog
As before i had an early post on how to to flash animated label cloud widget for blogger blog if you want your labels in moving or animated format get it from there.
Now i will tell you how to install label cloud widget for blogger.
Log in into blogger
Click Layout.
Click Edit HTML tab
Click Download Full Template and back up the template first.
Find the closing skin tag
]]>
And place the below code right BEFORE that.
/* 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}
Now Find for and place the below codes before it
You can change all sizes and colors in above codes to alter the widget according to your needs.
Now Expand your widgets in your html i.e checkmark the option to expand widgets and search for below line
And replace it with below codes:-
Now preview your template if goes all right save your template.I hope it would be working fine for you.If still you have any problem with this tutorial or need more details about the widget read the original post from here with all necessary details.
0 comments: on "Labels Cloud Widget Hack For Bloggers"
Post a Comment