Menambahkan Button Share di Setiap Postingan

[Z-Xp] Terkadang anda ingin membagikan artikel agar dapat dibaca oleh orang banyak, biasanya untuk lebih mudah anda dapat klik share button pada artikel tersebut, sehingga anda tidak perlu menyalin/ meng-copy link artikel yang ingin anda bagikan, cukup klik share button saja.
Untuk caranya silahkan simak dibawah ini :

1. Login ke blog anda
2. Pilih Tata letak
3. Pilih Edit HTML
4. Check list expand Templat Widget
5. Cari kode di bawah ini (Ctrl + F)
<div class="post-footer-line post-footer-line-1">
 atau
<data:post.body/>
6. Copas code ini dibawah kode <div class="post-footer-line post-footer-line-1"> atau <data:post.body/>.

        <!-- AddThis Button BEGIN -->
        <div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0" /></a>
        <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4bf9d1fd4fe523aa"></script></div>
        <!-- AddThis Button END -->

7. Klik SIMPAN TEMPLATE

Beberapa pilihan share button dari addthis.com :
1.

2.

3.




untuk kode nomor :

1.
HTML1
<!-- AddThis Button BEGIN -->
<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>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f8d6ecd70ebfeab"></script>
<!-- AddThis Button END -->

2.
HTML2
<!-- AddThis Button BEGIN -->
<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>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f8d728d260762fd"></script>
<!-- AddThis Button END -->

3.
HTML3
<!-- AddThis Button BEGIN -->
<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>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f8d72d0000e8d3b"></script>
<!-- AddThis Button END -->



Cara diatas ini menampilkan di setiap postingan pada saat membuka halaman blog anda, jika anda ingin share button ini muncul ketika postingan/artikel anda sedang dibuka, tambahkan code berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Isi dengan Kode HTML Button Share

</b:if>

contoh :

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- AddThis Button BEGIN -->
        <div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0" /></a>
        <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4bf9d1fd4fe523aa"></script></div>
        <!-- AddThis Button END -->


</b:if>

Selamat Mencoba

Post a Comment

2 Comments

  1. Terimakasih atas infonya,
    sangat bermanfaat buat saya...

    nice shared kawan..

    happy Blogwalking kawan!

    silahkan kunjungi Blog saya..
    http://aan-shared.blogspot.com

    ReplyDelete
  2. Terimaksih, artikelnya membantu sekali...... ;)

    Silahkan Kunjungi Blog saya di http://teddyharyanto.blogspot.com

    Sudah saya praktekan script share button nya....

    ReplyDelete