Please save the code above </style> or ]]></b:skin>:
#shareonbox{padding:0;position:relative;margin:20px 0;}Then save the HTML code under the code as below
#sharebox{background-color:#fff;border: 1px solid #eee;box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);font-size:16px;padding:10px 0 11px 10px;position:relative;transition:all .8s ease-in-out;width:98%;margin-left:-800px;cursor:pointer;}
#sharetitle{background-color:#fff;border: 1px solid #eee;box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);font-size:14px;font-weight:700;font-family: 'Roboto', sans-serif;font-style:italic;padding:10px 0 11px 10px;position:absolute;top:0;left:0;width:98%;transition:all .8s ease-in-out;cursor:pointer;}
#sharetitle:hover{background:#eee;}
a.more{background:#007eff;border:1px solid #0b6bce;border-radius:2px;font-size:16px;font-weight:700;color:#fff;text-align:center;padding:0 8px 2px;margin-top:-4px;}
a.more:hover{background:#0f6bc9;}
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>HTML code:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>Make sure the template you already have a Facebook Javascript SDK as below under the code <body>
<div id='shareonbox'>
<div id='sharebox' onclick='document.getElementById('sharetitle').style.left='0px';sharebox.style.margin='0 0 0 -800px';'>
<span class='title-share' style='float:left;margin-right:30px;font-size:18px;font-weight:700;font-family: Roboto, sans-serif;color:#666;text-transform:uppercase'>Share this article :</span>
<div style='margin-right:30px;margin-top:-1px;float:left;'>
<span class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/>
</div>
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' title='Share via Twitter'>Tweet</a>
<script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;'>
<div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/>
</div>
<a class='a2a_dd more' href='http://www.addtoany.com/share_save' title='More Share'>+</a>
<script async='async' src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
</div>
<div id='sharetitle' onclick='document.getElementById('sharetitle').style.left='-800px';sharebox.style.margin='0';'>
Apakah Anda menyukai postingan ini? Silahkan share dengan klik di sini
</div>
</div>
<div style='clear: both;'/>
</b:if>
<div id='fb-root'/>For those who use the template code <!--</body>--></body> Also make sure you have javascript Google+ like this
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;js.async=true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
After that please SAVE your template and see the results in the pages of your blog posts. Good luck..
http://www.kompiajaib.com/2014/06/membuat-slide-social-share-botton-di-bawah-postingan.html
Leave a comment
To insert a link, use tag
[url=http://your_link]your-link[/url]To insert the code , use the tag
<i rel="code">your-code</i>The long code can use the tag
<i rel="pre">your-long-code</i>To insert an image , use the code
[img]URL Image[/img]To insert a title , use tag
<b rel="h4">Your Title here...</b>To creat Bold text
<strong>Your text here...</strong>To create Italic text used tag
<em>Your text here...</em>