Cara Buat / Pasang Share Buttons di Posting Blogger (Like FB, Tweet, G+)

Setelah Kita melihat Cara Membuat Share Facebook pada Postingan Blog dan Cara Membuat Like Facebook pada Postingan Blog, ada tambahan lagi untuk situs Kamu dengan Cara Buat / Pasang Share Buttons di Posting Blogger (Like FB, Tweet, G+).

























Let's Cekiprot'z Gan...

Jika sudah pernah memasang Google+ 1 Button, tidak perlu lagi memasang script plugin API Google +1 seperti berikut :

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

Jika belum, pasang script plugin API Google +1 tersebut di atas </head> pada edit HTML/Edit Template.

Cara Memasang Share Buttons (Facebook Like, Tweet, & Google +1)

Setelah memastikan beberapa hal di atas, pasang widget share buttons dengan langkah-langkah berikut:

1. Copy script/kode berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'><tbody><tr>
    <td><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Twitter Anda">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></td>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
</tr></tbody></table>
    </b:if>

2. Buka halaman edit HTML/Edit Template :

Design/Layout > klik Edit HTML/Edit Template > Centang (check) "Expand Widget Templates" 

3. Jika ingin memasang di bawah judul posting :

Cari (Ctrl + F) <div class='post-header-line-1'>
Kalau  <div class='post-header-line-1'/> tidak ketemu
Cari <data:post.body/>
Letakkan script/kode tepat di ATASnya.

4. Jika ingin memasang di bawah posting/artikel :

Cari (Ctrl + F) <data:post.body/>
Letakkan script/kode tepat di BAWAHnya.

5. Save template 'n lihat hasilnya.

6. Done.

Semoga bermanfaat Kawan... (",)