Social Share Widget Below Every Post With aHover Effect
Before going Further Check Our Another Social Share Widget- Social Share Sidebar widget(Tested 100% Working)
- AddToAny Social Share Widget Below Every Post For Blogger(Tested 100% Working)
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 .
<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>
//<![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/>
<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.