Paling Baru :

Sabtu, 25 Januari 2014

Cara Memasang Tombol Share di Blog (Facebook,Twitter,Google+,dll)

khoir | 10.33 | |

Beberapa hal yang perlu kalian 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 aderiko.blog kali ini akan membahas bagaimana cara memasang tombol share dari addthis di blog 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.

  • Login ke akun Blogger Anda kemudian masuk ke Template  
  • Backup dulu template Anda bila perlu 
  • Klik Edit HTML dan centangExpand 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 hijau. 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.
  • Untuk penempatan di bawah Judul Blog Cari kode ini (gunakan CTRL + F untuk memudahkan pencarian)
<div class='post-header'>

nah jangan lupa setelah membaca artikel di atas boleh di like dan beri komentar di bawah jika masih belum faham.


Berkomentar dengan
atau
silahkan tentukan pilihan sobat!

3 komentar:

Translate

PPC Iklan Blogger Indonesia

Followers

 
Flag Counter
Copyright © 2013. ADERIKO.BLOG - All Rights Reserved