Kamis, 07 November 2013

Cara Memasang Tombol Share Di Bawah Postingan (Facebook, Twitter, Google+, Dll)

tombol share di bawah postingan
Tombol share di bawah postingan

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/ blog Anda kepada kalangan yang lebih luas. Pada artikel saya kali ini akan membahas bagaimana cara memasang tombol share dari addthis 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, Twitter, Google+, Pinterest, LinkedIn, Stumbleupon, dan satu tombol yang memuat semuanya. Baiklah langsung saja saya tunjukkan caranya.

Artikel lain yang mungkin Anda inginkan: Cara Memasang Tombol Share Melayang di Blog

Cara Memasang Tombol Share Di Bawah Postingan
  • Login ke akun Blogger Anda kemudian masuk ke Template
  • Backup dulu template Anda bila perlu
  • Klik Edit HTML dan centang Expand Widget Templates 
  • Cari kode ini (gunakan CTRL + F untuk memudahkan pencarian)
<data:post.body/>

  • Kemudian letakkan kode di bawah ini tepat di bawah kode <data:post.body/> itu
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_button_pinterest_pinit'/>
<a class="addthis_button_linkedin_counter"/>
<a class='addthis_button_stumbleupon_badge'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5064705719d41eef' type='text/javascript'/>
<!-- AddThis Button END -->

Catatan: Apabila kode <data:post.body/> ada dua, letakkan kode di atas tepat di bawah kode kedua. Anda juga dapat menghapus tombol share yang tidak Anda inginkan dengan cara menghapus 1 baris  kode yang berwarna kuning. Misalkan Anda tidak menginginkan tombol LinkedIn maka Anda hapus kode <a class="addthis_button_linkedin_counter">.

  • Simpan Template Anda dan lihatlah perubahannya pada blog Anda.

Sekarang pengunjung Anda dapat dengan bebas membagikan Artikel Anda, dengan begitu pengunjung dan traffic website/blog Anda akan meningkat. Sekian postingan dari saya kali ini dan nantikan postingan menarik selanjutnya dari D-Genera Blog.

Tidak ada komentar:

Posting Komentar