Cara Memasang Button
Share Artikel Di Blog - Membuat
tombol share artikel/posting ke berbagai social bookmark saat ini
seperti
sudah menjadi satu kewajiban bagi seorang blogger. Karena dengan
memasang
tombol/button share artikel ini justru akan membuka peluang bagi kita
untuk
mendapatkan tambahan trafik dari berbagai social bookmark seperti Facebook,
Twitter, Reddit, Digg, StumbleUpon, Myspace,
Google Buzz atau mungkin Google Plus One (+1). Nah pada
tips
blogging kali ini saya mau share bagaimana cara memasang button share
artikel
(Bagikan Artikel ini ke…) di blog sobat yang kode scriptnya saya ambil
dari
layanan Addthis.com. Dengan memasang
script dari Addthis ini maka sobat
blogger dengan mudah dapat membagikan (share) artikel anda ke
ratusan layanan
social bookmark hanya dengan sekali klik saja. Tombol/button
share social bookmark ini nantinya akan berada diatas
postingan atau dibawah judul artikel, mirip seperti yang ada di blog ini
(tapi
ngga sama lho..).
Dibawah ini ada 3 script untuk membuat tombol/button
share artikel berikut preview gambarnya :
1. Kode script button share style-1:
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType ==
"item"'>
<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 ==
"item"'>
<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 ==
"item"'>
<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 -->
Nah dari 3 style button share social bookmark yang ada diatas, tinggal sobat pilih aja mau menggunakan yang mana. Adapun cara pemasangannya pada template, ikuti langkah-langkah dibawah ini :
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.
