Cara memasang Tombol Share di bawah Postingan

Beginilah Cara memasang tombol share di bawah postingan - Tombol Share ini terdiri dari Facebook Like dan share, Twitter, Google+1, Pinterest, Digg dan Stumbleupon.

Banyak hal yang bisa anda manfaatkan setelah memasang tombol share tersebut antara lain anda bisa langsung mempromosikan Artikel anda ke Facebook, Twitter, digg dan stumbleupon agar teman-teman anda di Facebook dan Twitter bisa di arahkan untuk mengunjungi artikel-artikel baru di blog anda dan tentunya bisa meningkatkan Rank Alexa blog anda.

Tutorial kali ini, saya akan membahas bagaimana cara memasang tombol share dari sharethis di bawah postingan Anda. Untuk lebih berfariasi dan ber-explorasi sendiri silahkan kunjungi sharethis. Berikut ini erbagai macam script tombol share dan Anda dapat memilih mana yang Anda ingin pasang di blog Anda. Tombol share yang saya sediakan diantaranya Facebook like dan share, Twitter, Google+, Pinterest, Digg, Stumbleupon. Lihat gambar dibawah ini.

Langkah-langkahnya adalah sebagai berikut:

1. Login ke akun blog Anda
2. Sebelum Edit Template biasakan untuk mencadangkan dahulu template anda.

3. Pilih menu Template => Edit HTML

4. Cari kode script </head> (gunakan Ctrl + F untuk mempermudah pencarian)

5. Copy dan pastekan kode di bawah ini tepat di atas kode tadi.

m/button/buttons.js" type="text/javascript"></script>
<script type="text/javascript">stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

6. Lalu cari kode <data:post.body/>, jika Anda menemukan beberapa kode tersebut dalam template anda, gunakan kode yang terakhir.

7. Copy-paste kode berikut ini tepat di bawahnya:

<script src="http://w.sharethis.co<b:if cond='data:blog.pageType == &quot;item&quot;'><style>
.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px;box-shadow: #B3B3B3 5px 5px 5px;padding: 5px;margin: 10px;}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_plusone_hcount' displayText='Google +1'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
<span class='st_digg_hcount' displayText='Digg'/>
<span class='st_stumbleupon_hcount' displayText='StumbleUpon'/>
<span class='st_fblike_hcount' displayText='Facebook Like'/>
</p></b:if>

Keterangan:

Huruf yang berwarna ungu di atas adalah Script Code pemanggil tombol share, Anda dapat menghapus tombol share yang tidak diinginkan. Anda tinggal membaca kata terakhirnya seperti “facebook” atau “tweet” atau “Digg”atau “pinterest” dst.

7. Klik Pratinjau dulu sebelum disimpan, untuk memastikan letak Script Kode diatas betul apa tidaknya. Jika sudah berhasil Simpan, Selesai.

8. Selamat Berkarya. Semangat untuk terus berbagi kebaikan.

Semoga tutorial cara memasang tombol share di bawah postingan blog ini bisa bermanfaat buat Sahabat ekomunikasi yang saya kutip sebagian dari blog sahabat. Baca juga Cara Memasang Icon Social Media. Jika Anda masih ingin membaca Tutorial dan Tips Blog seperti diatas, silahkan buka Daftar Isi di blog ini.

ARTIKEL TERKAIT: