Welcome To My

Welcome To My
Showing posts with label html coding. Show all posts
Showing posts with label html coding. Show all posts

Add stylish moving label widget on your blogspot


Today,I am going to show you how to add Flash animated labels cloud widget in your blogspot.It is a type of widget that makes your blog more stylish.All the labels are appeared like round ball in Labels box.If you move your cursor, the labels will rotates.This also help blogger to increase their Traffic.So,Now follow my steps for adding it to your blog with the help of HTML.

  • First open the Dashboard and open the Template.
  • After opening it, click on Edit html.When the page will appear.
  • Search this code(Ctrl+F),in the page.
                       <b:section class='sidebar' id='sidebar' preferred='yes'>
  • Now add this below code just before the above code and then click on Save template.

<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='https://sites.google.com/site/nbtcode/NBTswfobject.js' type='text/javascript'/>
<div id='flashcontent'>Widget by  <a href='http://www.newbloggertips.com'>NBT</a></div>
<script type='text/javascript'>
var so = new SWFObject("https://sites.google.com/site/nbtcode/NBTtagcloud.swf", "tagcloud", "300", "250", "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>