How to add a tag / label cloud to your Google Weblog OR Blogspot Template

You can use several widgets that are available that require you to register and claim your like the leading website Technorati you will then be on their blogroll which you might as well do anyway. At the time of posting the widgets section is being revamped so if you just want a simple cloud just for your blog not linked to another site read on.

First you need to add Bloggers own Configure label widget through the dashboard., this may suffice for you needs but its not much of a cloud.



Next you need to add several lines of HTML code to your template in the editor I suggest you donwload it first for a backup copy should you make a mistake.

Next you need to do a search for this line of HTML code this the where you add the next two pieces of code

]]>


Above this code add this code in place of the single line I suggest that you add a carriage return either side of it, you must not add it after the last 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}
]]>