Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Tuesday 2 July 2013

Customized Share widget after every PoSt For Blogger

Social Share Widget Below Every Post With aHover Effect
Before going Further Check Our Another Social Share Widget


To add this widget Follow following steps:->

  • Go to Blogger Dashboard > Select the Blog > Go to Template page of the Blog
  • Click Edit HTML button.
  • Then press Ctrl+f and go to </head> .
  • Insert Following Code1 before the closing </head> tag .
Code1:
<script type="text/javascript">
//<![CDATA[
(function() {
var shr = document.createElement('script');
shr.setAttribute('data-cfasync', 'false');
shr.src = '//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js';
shr.type = 'text/javascript'; shr.async = 'true';
shr.onload = shr.onreadystatechange = function() {
var rs = this.readyState;
if (rs && rs != 'complete' && rs != 'loaded') return;
var apikey = 'cdd1efa0217834ef589b82992947eeed';
try { Shareaholic.init(apikey); } catch (e) {}
};
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(shr, s);
})();
//]]>
</script>
  • Then find for this code : <data:post.body/> 
  • Place the following code2 Just Below <data:post.body/> 
Code2:
<div class='shareaholic-canvas' data-app='share_buttons' data-app-id='363600'/></div>

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.