Headlines News :
Home » » Cara Membuat Tombol Share di Atas Postingan Blog

Cara Membuat Tombol Share di Atas Postingan Blog

Written By Admin on Tuesday, August 28, 2012 | 3:53 PM


Langsung saja sob:
1.Login ke akun Blogger anda lalu masuk ke Rancangan » Edit HTML »Centang Expand Gadget
2.Cari code <div class='post-body entry-content'> dengan menekanCTRL+F
3.Pastekan kode dibawah ini tepat di atas code tadi


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'/>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='USER TWITTER KAMU' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='medium'/>
</div><div style='float:left'><a href='http://www.bit-xp.tk/2011/08/cara-membuat-tombol-share-di-atas.html' target='_blank' title='Get This Button Share'>[ I ]</a></div></div></b:if>
5.Edit tulisan "USER TWITTER KAMU" menjadi ID Twitter kamu, jika tidak tau apa itu ID Twitter ini contohnya 'http://www.twitter.com/bitxp' nah huruf yang tercentang tebal itu adalah ID kamu..
6.Jika sudah melakukan semua step diatas saatnya SAVE
Share this post :
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOG-NUSANTARA - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger