Saturday 24 November 2012

memasang tombol like facebook, twitter, dan google+ untuk berbagi artikel

Seringkali blogger bingung bagaimana caranya agar pengunjung bisa melakukan share suatu artikel ke suatu social media seperti facebook, twitter, dan google+ masing-masing pengunjung blog tanpa melakukan copy paste secara manual. Dengan cara ini pengunjung tinggal menge-klik tombol yang disediakan.

Langkah-langkahnya sebagai berikut

1. Login ke akun blogger
2. Klik template - edit HTML
3. Centang Expand Template Widget 
4. Temukan kode di bawah ini :

<data:post.body/>

5. Copy kode di bawah ini di atas kode di atas

<div><br>
<div style='float:left;width:80px'>
<a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></div>
<div style='float:left;padding-left:10px;width:60px'>
<g:plusone size='medium'/></div>
<div style='float:left;padding-left:10px;width:90px'>
<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&quot;' frameborder='0' height='20' scrolling='no' style='border:none;overflow:hidden; '/></div>
</br></div>

6. Simpan template.

Apabila blogger ingin menampilkan widget ini hanya pada halaman postingan saja, cukup tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> diantara kode tombol tadi. Dan hasilnya menjadi seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
--kode nomer 5 di atas--
</b:if> 

No comments:

Post a Comment