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.
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
<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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light"' 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 == "item"'> dan </b:if> diantara kode tombol tadi. Dan hasilnya menjadi seperti ini:
<b:if cond='data:blog.pageType == "item"'>
--kode nomer 5 di atas--
</b:if>
<b:if cond='data:blog.pageType == "item"'>
--kode nomer 5 di atas--
</b:if>
No comments:
Post a Comment