Cara Memasang Tombol Share di Posting Blog

Azka

Sabtu, 01 Oktober 2011

Artikel sebelumnya saya sudah membahas tentang Cara Menambahkan 2 Kolom Elemen Halaman Di Bawah Header, kali ini saya akan memberikan posting tentang Cara memasang tombol share di posting blog.

Sebagai blogger sangat dianjurkan bahkan di wajibkan memasang tombol share pada setiap posting. Manfaat yang diperoleh dari pemasangan tombol share di setiap posting, terutama trafficnya akan terus meningkat.

Sebagai bayangan ilustrasi jika visitor yang membaca posting anda memiliki akun facebook yang beranggotakan 400 teman, di saat visitor tersebut melakukan klik tombol like maka otomatis postingan anda akan terkirim di dindingnya. Saat itulah teman-teman dari visitor tersebut juga akan ikut membaca artikel anda.

Berikut ini ada 3 pilihan tombol share yang bisa anda gunakan sesuai kebutuhan.

1. Kode script button share style-1:

<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71feed783c3890"></script>
<!-- AddThis Button END -->

2. Kode script button share style-2:

<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71ff8750bee738"></script>
<!-- AddThis Button END -->

3. Kode script button share style-3:

<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71fdea5bff8d67"></script>
<!-- AddThis Button END -->

Setelah anda menentukan salah satu preview yang cocok, langkah selanjutnya memasang di template. Berikut cara pemasangannya.

1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.
3. Cari kode <data:post.body/>  atau kode <div class='post-header-line-1'/>  pada template anda ( salah satunya saja ! ) dan letakkan script button sharenya diatas kode tadi.
4. Save template dan lihat hasilnya.

Lihat hasilnya. Semoga bermanfaat.

Labels: Panduan Membuat Blog

Terima Kasih sudah membaca artikel Cara Memasang Tombol Share di Posting Blog. Bantu Like dan sebarkan melalui fb, tweeter, dll dibawah ini.. Salam Hangat..!