Sabtu, 03 Maret 2012


Cara Memasang Button Share Artikel Di Blog New Update  - Salah satu cara untuk membuat posting kita bisa di share kemana saja maka Anda dapat Membuat tombol share artikel/posting ke berbagai social bookmark.Sepertinya sudah menjadi satu kewajiban bagi seorang blogger.Dengan memasang tombol/button share artikel ini dapat menjadi 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 kali ini saya share buat teman2 Blogger semuanya.Yang pengen pasang diblognya , silahkan di lihat tutorialnya disini .


Dibawah ini sudah saya pasang 3 script untuk membuat tombol/button share artikel berikut anda bisa lihat 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 -->

Nah dari ke-3 style button share social bookmark yang ada diatas, sobat pilih salah satu yang yang Anda mau.
Berikut langkah-langkah pemasangan di template blog:
1.       Login ke akun Blogger > dashboard .
2.       Anda pilih menu  Template > Edit HTML > Lanjutkan , centang Expand widget template.
3.       Anda cari kode ini <data:post.body/>  atau cari kode ini  <div class='post-header-line-1'/>  pada template anda ( Anda pilih salah satunya saja ) dan letakkan script button sharenya diatasDIATAS  kode  <data:post.body/>  atau  kode ini <div class='post-header-line-1'/>
 4.       Save template dan lihat hasilnya.
Demikian tips dan trik blogger blogspot dari saya , jadi dengan memasang button share ini moga-moga ada yang bisa membaca posting Anda . semoga Anda berhasil!!

0 komentar:

Posting Komentar