How to Install Floating Social Bookmark on Blogger.

STEP #1
Log in to Blogger -> Layout -> Edit HTML and select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template

]]></b:skin>

And immediately ABOVE/BEFORE it, paste this code:

#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;}

STEP #2:

Now find this code in the template:

</body>

And immediately above it, paste this code:

<DIV id='divStayTopLeft'>

< div class='sidetab'>

< ul class='navlist'>



< li class='button'><a href='http://bdlab.blogspot.com/feeds/posts/default'><img height='25' src='http://upic.me/i/ci/rss_48.png' title='Subscribe to RSS feed' width='25'/></a></li>

< a class='addthis_button_facebook'><img alt='Facebook' height='25' src='http://upic.me/i/8n/facebook_32.png' width='25'/></a>

< a class='addthis_button_delicious'><img alt='Delicious' height='25' src='http://upic.me/i/k6/delicious.png' width='25'/></a>

< a class='addthis_button_email'><img alt='Email' height='25' src='http://upic.me/i/bo/emailsmall.jpg' width='25'/></a>

< a class='addthis_button_favorites'><img alt='Favorites' height='25' src='http://upic.me/i/ij/favorites.png' width='25'/></a>

< a class='addthis_button_twitter'><img alt='Twitter' height='25' src='http://upic.me/i/bx/twitter_32.png' width='25'/></a>

< a class='addthis_button_google'><img alt='Google' height='25' src='http://upic.me/i/fm/gsmall.jpg' width='25'/></a>

< a class='addthis_button_digg'><img alt='Digg' height='25' src='http://upic.me/i/0v/mdigg.png' width='25'/></a>

< a class='addthis_button_more'><img alt='More' height='25' src='http://upic.me/i/5e/wmore.png' width='25'/></a>

< /ul>

< /div>

< /DIV>

< script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/>

< script src='http://hackublog.googlecode.com/files/FloatingMenu.js' type='text/javascript'/>

Now Click Save Template

Note: Replace the YOUR-BLOG-ADDRESS-HERE with your Feed Link if the run ends blogspot domain. If they run their own domains replace the YOUR-BLOG-ADDRESS-HERE / feeds / posts / default in your Feed link.

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..