Awesome Slide Opened Upwardly Oculus Bookmarking Gadget For Blogger

This widget released past times Sharethis squad was made every bit a Valentine gift from them. The pump bookmarking gadget has a cool slide out number that makes the pump picture carve upward each fourth dimension y'all mouse hover it, displaying several bookmarking buttons similar Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email in addition to many other bookmarking choices. This gadget/widget comes alongside a fixed lay in addition to stays inwards the corner of the page, in addition to thus it volition catch your readers' attending in addition to brand them portion your posts easily.

I'm certain y'all volition beloved it later seeing the present of this gadget!

View Demo

Adding The Open Heart Bookmarking Gadget to Blogger

Step 1. Go to your Blogger Dashboard, guide 'Template' in addition to click the 'Edit Html' button:

....select the "Expand Widget Templates" box (it is recommended to brand a backup first)

Step 2. Find the next tag (Ctrl + F):

</head>

Step 3. Paste above/before the </head> tag, the next code:

<!-- Start Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ -->

Step 4. Now honor (CTRL + F) this tag:

</body>

Step 5. Paste above/before </body> tag the next code:

<!-- Start Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>
<!-- End Open Heart Bookmarking Gadget From http://www.helplogger.blogspot.com/ -->

How To Move The Position Of The Gadget

To alter the lay of this widget from the bottom correct corner of your weblog to whatever place y'all want, alter the 2% percentages from Step 5.

Step 6. Now preview in addition to Save Template. That's it!

Share this post