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
2.
HTML2
3.
HTML3
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 == "item"'>
Isi dengan Kode HTML Button Share
</b:if>
contoh :
<b:if cond='data:blog.pageType == "item"'>
<!-- 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
2 Comments
Terimakasih atas infonya,
ReplyDeletesangat bermanfaat buat saya...
nice shared kawan..
happy Blogwalking kawan!
silahkan kunjungi Blog saya..
http://aan-shared.blogspot.com
Terimaksih, artikelnya membantu sekali...... ;)
ReplyDeleteSilahkan Kunjungi Blog saya di http://teddyharyanto.blogspot.com
Sudah saya praktekan script share button nya....