Senin, 22 Februari 2010

Pasang AddThis Button (Bookmark & Share) di blogspot


Sering main ke forum ponsel suka manfaatkan Bookmark & Share postingan teman-teman disana ke akun facebook atau twitter, iseng-iseng saya klik link menuju http://www.addthis.com wah ternyata gampang banget pasang AddThis ini. Diwebnya ada pilihan :

1. Select your service.-- saya pilih Blogger karena mau pakai di blogspot.
2. Select a button style. -- saya pilih yang nomor 3, kelihatannya lebih keren aja :).
3. Do you want analytics? -- saya pilih No, just give me the button, karena males juga ngedaftar.
4. You're done! -- klik Get Your Button. Dan dapat kode sbb:
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a
href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b823817793e2f44' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_myspace'></a>
<a class='addthis_button_google'></a>
<a class='addthis_button_twitter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b823817793e2f44"></script>
<!-- AddThis Button END -->

Ada Petunjuk:
Blog Post Toolbox Instructions
If you want to include the button below each blog post, copy and paste the code snippet into your Blogger template, right after the <div class='post-footer'> tag.

OK, login ke blogger.com
Klik Edit HTML
Centang Expand Widget Templates
Lalu cari <div class="post-footer">
Setelah dapat paste kan kode AddThis Button diatas tepat dibawah <div class='post-footer'>
Save Template
View Blog
Eh udah jadi :).

Note: kalau tidak ketemu <div class='post-footer'> paste dibawah kode ini juga bisa <p class='post-footer-line post-footer-line-1'>

Thanks.

Update 24 Juni 2010 : Cara Pasang Share Buttons punya Blogger lewat menu Configure Blog Posts.

Tidak ada komentar:

Poskan Komentar