Friday, July 20, 2012

Cara Membuat Tombol Like Pada Setiap Postingan

Blog Com akan bagikan trik blog mengenai tentang cara membuat tombol like pada setip postingan, berikut contohnya

berikut caranya :
1. Terlebih dahulu kalian harus login ke akun blog kalian masing-masing.
2. Rancangan lalu Edit Html.
3. Beri centang pada Expand widget default.
4. Cari kode </head>, agar gampang gunakan kombinasi Ctrl + F3.
5. Tambahkan kode berikut tepat diatasnya :
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;en-US&#39;}
</script>
6. cari kode <data:post.body/> atau <p><data:post.body/></p>.
7. Jika sobat ingin menambahkan tombol like pada bawah postingan taruhlah kode berikut tepat dibawah kode tadi, jika sebaliknya sobat ingin menambahkan tombol like pada atas postingan tambahkan kode berikut tepat diatas kode diatas, kodenya di bawah ini :
<b>Bagikan posting ini di:</b><br/>
<tbody><tr><td><iframe allowtransparency='true' class='twitter-share-button twitter-count-horizontal' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/tweet_button.1337330192.html#_=1337861351239&amp;count=horizontal&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2F#%2F;url=http%3A%2F%2F#%2F' style='width: 110px; height: 20px;' title='Twitter Tweet Button'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td><td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td><td><div class='addthis_toolbox addthis_default_style '><a class='addthis_counter addthis_pill_style addthis_nonzero' href='#' style='display: block;'><a class='atc_s addthis_button_compact'><span/></a></a><div class='atclear'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/></td></tr></tbody></table></div>
<br/>
8. Simpan template sobat.


EmoticonEmoticon