How to Add Beautiful Heart Shape Shared Buttons In Blogger

How to Add Beautiful Heart Shape Shared Buttons In Blogger

How to add beautiful heart shaped sharing buttons to blogger ?

* Go to Template > Edit HTML > find the </head> tag

* Copy and Paste the following code Above / Before </head> tag

<!-- Start Heart Bookmarking Gadget Code  -->

<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 Heart Bookmarking Gadget Code  --> 

* Now find the </body> tag and  Copy/Paste the below Code Above / Before </body> tag

<!-- Start Heart Share Code  -->

<div style='position: fixed;bottom: 2%; right: 12%;'>

<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 Heart Share Code -->

Note: You can change the location of the Heart by editing the values of bottom: 2%; left: 2%;(which is in red color)

* Save your template.

If You Like the post  press Facebook like button

Please Give Us Your 1 Minute In Sharing This Post!

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Powered By: