August 12, 2011

How To Add Floating Social Bookmark on Blogger

How To Add Floating Social Bookmark on Blogger

1.Login to your blogger dashboard--> desing- -> Edit HTML

2.Scroll down to where you see ]]></b:skin> tag.

3.Copy below code and immediately after it paste ]]></b:skin> tag.

#divStayTopLeft {left:5px;position:absolute;top:15px;}

.sidetab {}

.sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0;}

.sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;}

.sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;}

.sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;}

.sidetab a:hover {border: none;background: #e8e8e8;}

.sidetab .button a {background:none;height: 25px; width: 25px;}

4.Now Scroll down to where you see </body> code.

5. Immediately above it, paste below code:

<DIV id='divStayTopLeft'>
<div class='sidetab'>
<ul class='navlist'>
<li class='button'><a href='Enter Your Feed Here'><img height='25' src='' title='Subscribe to RSS feed' width='25'/></a></li>

<a class='addthis_button_facebook'><img alt='Facebook' height='25' src='' width='25'/></a>

<a class='addthis_button_delicious'><img alt='Delicious' height='25' src='' width='25'/></a>

<a class='addthis_button_email'><img alt='Email' height='25' src='' width='25'/></a>

<a class='addthis_button_favorites'><img alt='Favorites' height='25' src='' width='25'/></a>

<a class='addthis_button_twitter'><img alt='Twitter' height='25' src='' width='25'/></a>

<a class='addthis_button_google'><img alt='Google' height='25' src='' width='25'/></a>

<a class='addthis_button_digg'><img alt='Digg' height='25' src='' width='25'/></a>

<a class='addthis_button_more'><img alt='More' height='25' src='' width='25'/></a>




<script src='' type='text/javascript'/>

<script src='' type='text/javascript'/>

Note: Replace Enter Your Feed Here with your blogger feed address.

Look at the example below:

6.Now click on "Save template" you are done


No comments:

Post a Comment