Blogger Store

Created for bloggers who want to start an e-commerce or shopping site, Blogger Store is a professional looking template compatible with Paypal or Google Checkout

  • Animated shopping cart
  • Dual dropdown menu bar
  • Automatic featured content carousel
  • Grid and list style post view
Blogger store shopping blogger template

Lightroom Photo Blog Template

A beautiful photo blog template that displays photos in gallery format and is available in two styles basic and advanced

  • Switchable background
  • Attractive theme font
  • Integrated social media icons
  • Left sidebar and navigation menu
Lightroom Photo Blog Template


Magazine style theme adapted from wordpress

  • Featured slider section
  • Dual menu bar
  • Tabbed widget
  • 4 column footer
Magpress Magazine style Blog Template


A simple theme with a clean layout

  • Full width featured slider
  • 4 column footer
  • Social widgets integrated
Sens Blogger template

Pop Out Social Bookmarking Widget

A nice-looking pop out social bookmarking widget that allows readers to share their favorite post easily

  • Neat display
  • Easy to install
Add pop out social bookmarking widget for blogger

Add Pop Out Social Bookmarking Widget for Blogger edit post

Posted by Bhavika On Tuesday, March 27, 2012
floating pop out social bookmarking widget for blogger
Social media sites are important to generate traffic to your blog/site, draw new visitors and boost your search rankings.

I found a nice pop out social bookmarking widget for blogger that allows readers to share their favorite post easily, and it looks neat as well without any widget scrolling constantly on the page. Check the widget on one of our sites - Reliance Digital TV.

The widget allows you to add sliding social media buttons like - Facebook, Twitter, Digg, Google +1 and Stumbleupon - you just have to hover on it and the widget comes sliding out on the right. Here are few easy steps of installing it on your site.

1) Go to Design--Edit Html and add Jquery JavaScript Plugin (Ignore this step if your blog already has a Jquery Plugin). Search for this code -
Add this line of code before it -
<script src="" type="text/javascript"></script>

2) Now search for the head tag.
Paste this code below it and save the template -
<script src='' type='text/javascript'> {lang: &#39;en-US&#39;} </script>
Note: Google +1 button only works when you disable default share buttons in blog posts

3) Go to Design--Page Elements, click 'Add a gadget' in the sidebar or blog post, then choose HTML/JavaScript. Paste the below code and save the changes.
<script type="text/javascript">
jQuery(document).ready(function() {jQuery(".btntslidebox").hover(function() {jQuery(this).stop().animate({left: "0"}, "medium");}, function() {jQuery(this).stop().animate({left: "-70"}, "medium");}, 500);});
<style type="text/css">
.btntslidebox{ background: url("") no-repeat scroll right top transparent !important; display: block; float: left; height: auto; padding: 0 40px 0 5px; width: 65px; z-index: 99999; position:fixed; left:-70px; top:20%;}
.btntslidebox div{ border:none; position:relative; display:block;}
#floatingbuttons{ background: #fff; border-radius: 5px 5px 5px 5px; border: 1px solid #CCCCCC; float:left; padding:0 0 3px 0; bottom:15%; z-index:399;}
#floatingbuttons .floatbutton{ float:left; clear:both; margin:5px 4px 0 4px;}
.addbuttons{ clear:both; text-align:center; padding-top:5px;}
.addbuttons a span.getfloat, .addbuttons a span.sharebuttons{ color:#000; background:none; font-family:arial, sans-serif; display:block; font-size:9px; font-weight:bold;text-decoration:none; line-height:11px;}
.addbuttons a:hover span{ color:#fff; background:none; text-decoration:underline;}
<div class="btntslidebox" style=""> <div><div id='floatingbuttons' title="Share this post!"><script src="">
</script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = ''; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='' type="text/javascript"></script><div class='floatbutton' id='facebook'><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='floatbutton' id='google+1'><g:plusone size="tall"></g:plusone></div>
<div class='floatbutton' id='stumbleupon'><script src=""></script></div>
<div class='floatbutton' id='digg'><a class="DiggThisButton DiggMedium"></a></div>
<div class='floatbutton' id='twitter'><a href="" class="twitter-share-button" data-count="vertical" >Tweet</a></div>
<div class="addbuttons"><a href="" title="Add floating social media share buttons to your blog!"><span class="getfloat">Get buttons</span></a> </div> </div>
Check the blog and see the widget in action. Its really neat, looks good and makes it simple for readers to share your content.
Share this Blogger Template:
, edit post

0 Response to "Add Pop Out Social Bookmarking Widget for Blogger"

Post a Comment

    Recent Templates

    Recent Comments

    Video Guides