Membuat Tombol Share di Blogger

Adanya tombol share di bawah posting artikel akan memudahkan anda untuk share / berbagi artikel blog anda kepada orang lain. Tombol share / berbagi terhubung dengan banyak situs lain yang bisa anda manfaatkan untuk promosi gratis dan juga mendatangkan traffic blog seperti facebook, twitter, email, google buzz dan masih banyak situs yang lain. Anda tinggal klik tombol tersebut dan memilih ikon situs dimana anda akan membagikan artikel anda dan otomatis anda akan terhubung dengan situs tersebut.

Dalam berbagi dengan orang lain ataupun situs-situs yang lainnya Anda dapat menggunakan tombol share sosial bookmark lainnya, namun dalam tutorial kali ini saya hanya akan menjelaskan cara menambahkan button share bawaan dari blogger,

1. Login Blogger
2. Rancangan
3. Elemen Laman
4. Klik Link Edit pada bagian kanan bawah

Lalu akan dimunculkan gaambar berikut :

Anda bisa mengatur posisi-nya dengan drag pada tombol tersebut jangan lupa disimpan... Lihat tampil atau tidak icon share tersebut, jika belum? ikuti langkah-langkah yang diberikan di bawah ini untuk menambahkan tombol blogger berbagi ke blog Anda.

Blogger now offers new share buttons. The new buttons can be placed under each post and let your blog readers easily share your post via email, Blogger, and popular social networks—we now support Google Buzz, Twitter, and Facebook, and we plan to add more services in the future.

-From Blogger Buzz

 1. Login to your blogger dashboard--> layout- -> Edit HTML

2. Klik on "Expand Widget Templates"

3. Lihat ke bawah dan temukan kode berikut :

<div class='post-header-line-1'/>

Copy kode "Blogger Sharing buttons" berikut di atas kode :

<div class='post-header-line-1'/>

Kode  "Blogger Sharing buttons" :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='post-share-buttons' style='float:right;margin-right:10px;'>

<b:include data='post' name='shareButtons'/>

</div>

</b:if>

Jika anda tidak menemukan kode <div class='post-header-line-1'/> cari saja kode <data:post.body/> dan paste kode "Blogger Sharing buttons" tersebut sebelum kode <data:post.body/>