-->
Advertise
Advertise

Cara Pasang Tombol Share di Blog/Web

2 min read
bagaimana cara pasang tombol share disetiap postingan
Abdul Hamid Info - Akhirnya edit html yang Ane garap sudah selesai. postingan kali ini tentang edit html yang sudah selesai Ane garap gan yaitu tentang bagaimana cara pasang tombol share disetiap postingan seperti punya Ane gan.

Ane sudah merasakan fungsi tombol ini. salah satu nya setiap update artikel Ane langsung mengunakan tombol share ini untuk share artikel Ane di berbagai social network dan submit artikel di berbagai social bookmarking.

Berikut cara pasang tombol share di atas postingan :

1. Kunjungi website layanan dari www.addthis.com (Sobat bisa menggunakan layanan lain)

2. Pilih style button yang gan sukai. Setelah itu "get the code"
Jika ada form register di close aja

3. Jika ada form register di close aja, sehingga muncul seperti ini. (jika ingin register silahkan)

4. Setelah 3 langkah diatas dilakukan, masuk ke akun blog => Edit HTML => cari kode ini <data:post.body/>

5. paste kode dibawah ini, dan letak dibawah kode <data:post.body/> yang pertama
<div style='text-align: right;'><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
Baca Juga
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4efb76ef66a135e4"></script>
<!-- AddThis Button END --></div>
6. Simpan dan lihat hasilnya

Tombol share sangat berguna sekali untuk share artikel kita di social network dan social bookmarking.

keterangan:

warna merah adalah untuk letak bisa dirubah sesukanya Sobat.
warna biru bisa diganti dengan style button yang Sobat suka.
Advertise
Advertise

You may like these posts

9 comments

  1. mantap gan tipsnya..

    visit back to http://wisnu-friskian.blogspot.com/

    (FOLLOW BACK GAN)
  2. @Wisnu Friskian Adhi : Makasih telah berkunjung & semoga bermanfaat gan...
  3. thanks tipsx sob, sdh terpasang di blog'ku...
    D tggu kunjunganx www.adiesaputra.com
  4. Perlu dicoba nih. Makasih infonya.
  5. Ga' bisa, , ,
    -____-"
    http://sisilainkebebasan.blogspot.com/
  6. ko' ga bs/error ya sob d tmpat ane..??
    mksh infonya salam kenal
  7. ga bisa di template saya kenapa yah, malah muncul hanya 1 posting saja :(
  8. itu kode yang dipake yang dari addthis.com atau yang di langkah no. 5 sob?
  9. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...
Abdul Hamid Info sangat menghargai pendapat Anda. Bijaksana dan etis lah dalam menyampaikan opini. Pendapat sepenuhnya tanggung jawab Anda sesuai UU ITE.
Post a Comment
tes4 tes4 tes4 tes4
tes5 tes5 tes5 tes5 tes5
Advertise
CLOSE