Cara Memasang Button Share Artikel Di Blog

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 FacebookTwitterRedditDigg,StumbleUponMyspaceGoogle 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 layananAddthis.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 == &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>
<!– 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>
<!– 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>
<!– 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.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s