Share Button Google plus, Facebook, dan Twitter di postingan
Share Button Google plus, facebook, dan twitter di postingan - Share Button sangatlah penting bagi sebuah website. Dengan tujuan, memudahkan pengunjung untuk berbagi informasi. Hanya dengan cara melakukan klik kepada salah satu tombol, dan kontent tersebut bisa terbagikan sesuai dengan kemauan pengungjung tersebut.
Dan seperti terlihat di blog saya , tepatnya bagian bawah postingan.
Jika anda ingin memasang seperti yang ada di bagian bawah postingan saya ini, silahkan ikuti tutorial berikut :
Log in ke Blogger.com
Klik Design. Lalu klik Edit HTML
Kemudian cari kode berikut : </head>
Dan paste kode warna merah berikut ini di atas kode </head> tadi
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
Setelah itu cari kode <data:post.body/> , dan paste kode warna biru di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<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;'>
Share this article on :
</div>
<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'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<g:plusone size='medium'/></div>
</div>
</b:if>
<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;'>
Share this article on :
</div>
<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'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<g:plusone size='medium'/></div>
</div>
</b:if>
Sekian dari saya, semoga bermanfaat.
Di tulis oleh Agung Susanto
0 comment:
Posting Komentar