Share This Share Heart - Heart Shaped Sharing Widget for Blogger Blogs

I will show you that how this gadget can be added to a blogger hosted blog.

 

1. Click TEMPLATE>EDIT HTML in the dashboard of you Blogger blog.

2.   Look for the following code in the template code by pressing CTRL+F.

</head>

This tag is called the ending HEAD tag.

3. Copy and Paste the following JavaScript code right before the ending head HEAD tag(</head>).

 

 

 

<!-- Start Heart Bookmarking Gadget Code From http://www.learntricks.in/ -->

<script src="http://w.sharethis.com/gallery/shareegg/shareegg.js" type="text/javascript">
   1:  
   2: <br /><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><br /><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"></link>

<!-- Start Heart Bookmarking Gadget Code From http://wwww.learntricks.in/ -->

 

4. Now find the following code in the template of your blog using CTRL+F again.

</body>

This is called the ending BODY tag.

5. Now copy and paste the following code right before the ending BODY tag(</body>).

 

<!-- Start Heart Bookmarking Gadget Code From http://wwww.learntricks.in/ -->

<div style="bottom: 2%; left: 2%; position: fixed;">

<div class="shareEgg" id="shareThisShareHeart">

</div>

<script type="text/javascript">
   1:  
   2: 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> </div>

<!-- Start Heart Bookmarking Gadget Code From http://wwww.learntricks.in/ -->

 

Now save your template.

You can adjust the position of the gadget by changing the 2% bottom and left  values in the code that you put before the ending BODY tag (</body>) you should do this only if required.

Now you have a great looking heart social sharing gadget in your blogger blog.

Posted in: How To, Internet Tricks, Others