Cara Membuat Twitter dan Facebook Like Post Blog

Setelah sekian lama  tidak posting.. Saya keli ini akan membagikan cara membuat facebook like post dan twitter tweet, setelah sebelumnya menulis Cara menyelesaikan rubik 3 kali 3.
Cara membuat Posting dengan widget Like facebook dan Tweet Twitter sebenarnya mudah.
hanya saja mungkin tidak tahu kode HTML apa yang sedang anda cari untuk membuat itu.

Contoh dari Like Facebook dan Twitternya seperti ini:




OK, Langsung Ke Caranya deh:

1. Login Blogger
2. Design
3. Pilih Edit HTML
4. Klik Expand Template Widget
5. Cari Kode <data:post.body/>
6. Letakkan Kode Berikut di atas kode pada point ke 5 tadi.

<div style='float:left;width:80px'>
<a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></div>
<div style='float:left;padding-left:10px;width:60px'>
<g:plusone size='medium'/></div>
<div style='float:left;padding-left:10px;width:90px'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='20' scrolling='no' style='border:none;overflow:hidden; '/></div>

8. Untuk yang Memakai template yang sudah ada Auto Read More, Letakkan Kode Point Ke-7 pada <data:post.body/> yang kedua.
7. Klik Preview.
8. Jika Tidak ada yang salah, Klik Save template..
9. Selesai.

Semoga bermanfaat..