Cara Memasang Share Botton Lengkap

Admin    3:48:00 PM    Tutorial , Tutorial Blog , Widget   

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.

Dibawah ini ada 4 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>

<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 -->

4. Kode script button share style-4

Preview

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ffbd6e419159ec8"></script>
<!-- AddThis Button END -->

Nah dari 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.

2.       Pilih Rancangan > Edit HTML, centang Expand widget template.

3.       Cari kode <data:post.body/>  atau  <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.

Nah sekarang sobat blogger dan pengunjung blognya sudah bisa melakukan share artikel yang sedang dibaca ke berbagai social bookmark. Berdo’alah semoga orang lain yang melihat link blog anda di social bookmark tertarik untuk mengklik link tersebut dan sobat akan mendapatkan trafik-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.

Semoga bermanfaat.