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: 'en-US'}
</script>
6. cari kode <data:post.body/> atau <p><data:post.body/></p>.{lang: 'en-US'}
</script>
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&count=horizontal&id=twitter-widget-0&lang=en&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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' 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.
<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&count=horizontal&id=twitter-widget-0&lang=en&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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' 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/>
Anda baru saja membaca artikel yang berkategori Blog
dengan judul Cara Membuat Tombol Like Pada Setiap Postingan. Anda bisa bookmark halaman ini dengan URL https://sayangmamah07.blogspot.com/2012/07/cara-membuat-tombol-like-pada-setiap.html. Terima kasih!
Ditulis oleh:
Unknown - Friday, 20 July 2012
Belum ada komentar untuk "Cara Membuat Tombol Like Pada Setiap Postingan"