Cara Memasang Tombol Share di Bawah Postingan

Seperti diketahui kalau memasang tombol share di bawah postingan berguna untuk memudahkan para pengunjung blog yang ingin membagikan artikel yang telah dibacanya ke jejaring sosial, Facebook Like dan share, Twitter Tweet dan Google+1 merupakan layanan berbagi yang populer saat ini.

Banyak hal yang perlu Anda lakukan untuk meningkatkan pengunjung blog Anda. Saat ini Anda perlu berterimakasih kepada situs-situs jejaring sosial karena dengan itu Anda dapat mempromosikan dan berbagi website atau blog Anda kepada kalangan yang lebih luas. Pada tutorial kali ini, saya akan membahas bagaimana cara memasang tombol share dari sharethis di bawah postingan Anda. Saya akan menyediakan berbagai macam script tombol share dan Anda dapat memilih mana yang Anda ingin pasang di website Anda. Tombol share yang saya sediakan diantaranya Facebook like dan share, Twitter, Google+, Pinterest, Digg, Stumbleupon. Lihat gambar...

Langkah-langkahnya adalah sebagai berikut:

1. Login ke akun blog Anda

2. Pilih menu Template => Edit HTML
3. Cari kode script </head> (gunakan Ctrl + F untuk mempermudah pencarian)

4. Copy dan pastekan kode di bawah ini tepat di atas kode tadi !!

<script src="http://w.sharethis.com/button/buttons.js" type="text/javascript"></script>

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

5. Lalu cari kode <data:post.body/>, jika Anda menemukan banyak kode tersebut, gunakan kode yang ke-2

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

<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 orange di atas adalah kode pemanggil tombol share, Anda dapat menghapus tombol share yang tidak diinginkan. Anda tinggal membaca kata terakhirnya seperti “facebook” atau “tweet” atau “pinterest”.

7. Selesai, lihat blog Anda !!

Semoga tutorial cara memasang tombol share di bawah postingan blog ini bisa bermanfaat buat blogger yang lainnya.... Baca juga Cara Mengubah Tampilan Scrollbar Jadi Keren. Jika Anda masih ingin membaca Tutorial dan Tips Blog seperti diatas, silahkan buka DAFTAR ISI di blog ini.

Tolong bantu saya klik Tombol Vote ini...

Share : Facebook Twitter Google+

Unknown | 8:26 PM | 29 komentar

Artikel Terkait : Cara Memasang Tombol Share di Bawah Postingan

Super White Black Template Blogger Template ini merupakan template blogger hasil desain saya sendiri yang saya terapkan dulu di blog ...

Template Blogger Tugasku4u Valid HTML5 dan CSS3 Template Blogger Tugasku4u yang sudah Valid HTML5 dan CSS3 merupakan template yang di d ...

Cara Menghilangkan Entri Atom dan Subscribe Komentar Aduhh, lama nih tidak posting Tips Dan Trick Blog... tetapi tidak apa-apa karena kali ini Say ...

Cara Mengubah Tampilan Scrollbar Jadi Keren Pada postingan kali ini, Tugasku4u akan berbagi tutorial bagaimana cara mengubah tampilan scr ...

Cara Membuat Teks Berjalan di Bawah Footer Cara membuat teks berjalan di bawah footer dengan efek melayang ini bisa dibilang gampang-gamp ...

Cara Membuat Blog di Blogger Blogspot Cara membuat blog Gratis di Blogger itu bisa dikatakan gampang bagi orang yang sudah tahu, ta ...

Cara Membuat Tulisan atau Teks Berjalan pada Blog Cara membuat teks atau tulisan berjalan di atas header pada blog ini menggunakan efek ma ...

Cara Memasang Menu Navigasi keren pada Blog Menu navigasi horizontal biasa digunakan pada situs web atau blog. Dilihat dari peranannya m ...

Cara Memasang Slideshow Artikel terbaru di Blog Hello Sobat, selamat datang di Tugasku4u.com, dipostingan Kali ini saya tidak akan mempo ...

Cara Menonaktifkan klik kanan pada Blog Pada tutorial kali ini saya ingin berbagi sedikit informasi tentang cara menonaktifkan atau m ...