Tutorial Membuat Tombol Share Pada Setiap Posting

Tweet

Kali Ini Aleron_Light ingin berbagi tentang pengalaman Membuat tombol share Disetiap posting, yaitu diletkan di bawah ataupun diatas. dalam tutorial ini saya akan membahas semua dengan langkah dari awal sampai akhir, dengan adanya tombol share ini secara tidak langsung jika pembaca artikel pada blog anda menyukai artikel yang anda pasang maka artikel tersebut akan dishare melaui tombol yang akan di buat ini secara tidak akan meningkatkan pengunjung yang datang pada blog anda dengan melihat artikel yang telah dishare sebelumnya.. Penjelasan yang saya artikan mungkin agak ribet it's ougkey ga papa yang penting secara garis besarnya tombol ini sangat berguna...


Dari pada tambah pusing ndengerin saya ngomong, langsung saja ke TKP
langkahnya..

1. Pada halaman dasbor blog, klik tab RANCAGNAN
2. Pada halaman RANCANGAN, klik tab EDIT HTML.
3. Sebaiknya download dulu template anda untuk mencegah kerusakan template karena salah dalam melakukan pengeditan pada kode HTML Template blog.
4. Klik kotak kecil yang ada di depan tulisan EXPAND TEMPLATE WIDGET guna menghindari galat dalm pengeditan template...
5. Jika sobat blogger ingin meletakannya diatas post carilah kode :

<div class='post-body entry-content'>

atau dan jika ingin menaruhnya dibawah posting silahkan cari kode berikut dan pilih yang ke 2

<data:post.body/>

6. Kemudian copas kode ini dibawah ini tepat dibawah kode diatas

<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;'/><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'/></div><div style='float:left;padding-left:10px;'><a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div><div style='float:left;padding-left:10px;'><a class='DiggThisButton DiggCompact'/><script type='text/javascript'>(function() {var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];s.type = &#39;text/javascript&#39;;s.async = true;s.src = &#39;http://widgets.digg.com/buttons.js&#39;;s1.parentNode.insertBefore(s, s1);})();</script></div><div style='float:left;padding-left:10px;'><a class='twitter-share-button' data-count='horizontal' data-via='Christian_ID_04' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='medium'/></div><div style='float:left'></div></div></b:if>

NB: Tulisan "Christian_ID_04" tolong diganti dengan user twitter sobat blogger sendiri

7. Yang terakhir kemudian simpan templatenya...

TARA... WOW.. Lihat diblog sobat sudah ada tombol Share sekarang...
hehehehehe... BERHASIL..

SEMOGA ARTIKEL INI BERMANFAAT BUAT SOBAT SEMUA masih banyak tutorial menarik lainnya....
Jangan malu bertanya kalu tidak tahu...