Jumat, 11 Januari 2013

Cara Memasang Button Share Artikel di Blog

Membuat tombol share artikel/posting ke berbagai social bookmark saat ini sepertisudah menjadi satu kewajiban bagi seorang blogger. Karena dengan memasangtombol/button share artikel ini justru akan membuka peluang bagi kita untukmendapatkan tambahan trafik dari berbagai social bookmark seperti Facebook, Twitter, Reddit, Digg, StumbleUpon, Myspace, Google Buzz atau mungkin Google Plus One (+1).

Nah pada tipsblogging kali ini saya mau share bagaimana cara memasang button share artikel(Bagikan Artikel ini ke…) di blog sobat yang kode scriptnya saya ambil darilayanan Addthis.com. Dengan memasangscript dari Addthis ini maka sobatblogger dengan mudah dapat membagikan (share) artikel anda ke ratusan layanansocial bookmark hanya dengan sekali klik saja. Tombol/button share social bookmark ini nantinya akan berada diataspostingan atau dibawah judul artikel, mirip seperti yang ada di blog ini (tapingga sama lho..).

Dibawah ini ada 3 script untuk membuat tombol/buttonshare artikel berikut preview gambarnya :

1.      Kode script button share style-1:
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType ==&quot;item&quot;'>
<div class="addthis_toolboxaddthis_default_style ">
<aclass="addthis_button_preferred_1"></a>
<aclass="addthis_button_preferred_2"></a>
<aclass="addthis_button_preferred_3"></a>
<aclass="addthis_button_preferred_4"></a>
<aclass="addthis_button_compact"></a>
<a class="addthis_counteraddthis_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_toolboxaddthis_default_style addthis_32x32_style">
<aclass="addthis_button_preferred_1"></a>
<aclass="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<aclass="addthis_button_preferred_4"></a>
<aclass="addthis_button_compact"></a>
<a class="addthis_counteraddthis_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_toolboxaddthis_default_style ">
<aclass="addthis_button_facebook_like"fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<aclass="addthis_button_google_plusone"g:plusone:size="medium"></a>
<a class="addthis_counteraddthis_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 -->
Nah dari 3 style buttonshare social bookmark yang ada diatas, tinggal sobat pilih aja maumenggunakan yang mana. Adapun cara pemasangannya pada template, ikutilangkah-langkah dibawah ini :
  1. Login ke dashboard blogger anda.
  2. Pilih Rancangan > Edit HTML, centang Expandwidget template.
  3. Cari kode <data:post.body/>  atau kode <divclass='post-header-line-1'/>  pada template anda ( salahsatunya saja ! ) dan letakkan script button sharenya diatas kode tadi.
  4. Save template dan lihat hasilnya.
Nah sekarang sobat blogger dan pengunjung blognyasudah bisa melakukan share artikel yang sedang dibaca ke berbagai socialbookmark. Berdo’alah semoga orang lain yang melihat link blog anda di socialbookmark tertarik untuk mengklik link tersebut dan sobat akan mendapatkantrafik-trafik baru yang datang dari layanan social bookmark tersebut.Mudah-mudahan tips blogging cara memasang tombol share artikel ke social bookmark ini berguna untuk anda. Salam Blogger.