Add Animated Label Cloud Widget For Blogger
Everyone wants to design his/her blog exclusively. In blogger blog you have the opportunity to add blog Labels at the sidebar.By presenting this Labels with a great look we can make our blog more beautiful.
That's why,I am going to share how to add animated tag/labels cloud to the sidebar of our blog unlike the default one that presented by blogger.
Getting started:
- Log into your blogger account.
- Go to dashboard--> layout- -> Edit HTML
- Find the next code by clicking ctrl+f in your browser.
]]></b:skin>
- Now Paste the below codes immediately after the above code.
<b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/> <div id='flashcontent'></div> <script type='text/javascript'> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
- Click on "Save Templates" and Refresh your site.
- You are done. enjoy it.
0 comments:
Post a Comment