Template information

Cara Membuat Widget Share dan Google Plus 1 di Bawah Posting Blog

  • login ke Blogger dulu, 
  • lalu klik Rancangan, klik Edit HTML (jangan lupa centang expand widget template) 
  • Cari Kode </head> lalu letakkan script ini diatasnya (ini untuk tombol google +1) jika sobat sudah pernah memasangnya, lewati langkah ini.

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

  • Cari kode <data:post.body/> lalu paste script berikut setelahnya

<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;'>
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>

  • Selesai dan Liat Hasilnya

0 Response to "Cara Membuat Widget Share dan Google Plus 1 di Bawah Posting Blog"

Posting Komentar