Awesome Slide Open Heart Bookmarking Gadget in Blogger

Awesome Slide Open Heart Bookmarking Gadget in Blogger

In this article you will learn How to Add Awesome Slide Open Heart Bookmarking Gadget in Blogger? The original source for this widget is ShareThis. This widget was provided as a gift at valentine day by ShareThis.

Awesome Slide Open Heart Bookmarking Gadget makes the heart icon each time you mouse hover it, displaying several bookmarking buttons. This gadget/widget comes with a fixed position and stays in the corner of the page.

How to Add Awesome Slide Open Heart Bookmarking Gadget in Blogger?

• Login Blogger Account
• Go to Template > Edit HTML
• Select Expand Widget Templates box (I recommend you to backup your template 1st)
• Search for the following code

</head>

• Paste the following code above or before the searched code
• Now search for "</body>"
• Paste the following code above or before the searched code

<!-- Awesome Slide Open Heart Bookmarking Gadget by http://www.techztutorials.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>

<!-- Awesome Slide Open Heart Bookmarking Gadget by http://www.techztutorials.blogspot.com/ -->

How To Move The Position Of The Gadget?

• To change position of widget from the bottom right corner of your blog to any location you want, change the 2% percentages.
• Save Template
• Done!

Last Updated — July 16, 2017

Tags : Blogger

Get Notifications Via Email