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>

Read More

How to add Shareaholic Sassy Bookmarks on blogspot

Shareaholic is famous for its Social Bookmarking widgets.Sassy Bookmarks is another cool Gadgets by Shareaholic.It floats bottom left corner of your blogspot page.So If you have to make your blog more beautiful then you do it.

To add Sassy Bookmarks to the blogger. So lets follow the steps.

• First,open the Dashboard.
• Then open the Template>Edit html.
• Then find(Ctrl+F) this code </body>

     

      Then add this code just above/before the </body> 

<!-- Start Shareaholic Sassy Bookmarks HTML (wikitechnol.blogspot.com)-->

<div class="shr_ss shr_publisher">

</div>

<!-- End Shareaholic Sassy Bookmarks HTML (wikitechnol.blogspot.com) -->

<!-- Start Shareaholic Sassy Bookmarks settings -->

<script type="text/javascript">

var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};

</script>

<!-- End Shareaholic Sassy Bookmarks settings -->

<!-- Start Shareaholic Sassy Bookmarks script -->

<script type="text/javascript">

(function() {

var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;

sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";

var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);

})();

</script>

<!-- End Shareaholic Sassy Bookmarks script (wikitechnol.blogspot.com) -->

• Then save the template and enjoy.

Read More