Facebook Like button di Blogspot

Tutorial ini saya berikan atas request dari teman saya yang meminta tutorial tentang memasang Facebook Like button ini. Button ini bisa kita pasang di blog berplatform Blogger dengan mudah dengan tampilan yang menawan.

Dan berikut adalah cara untuk memasang Facebook Like button di Blogspot.

1. Buka tab Edit HTML lalu expand template anda.
2. Cari kode
<div class='post-header-line-1'/>
,
dan pasang kode barikut tepat dibawahnya.
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=segoe+ui&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Jika anda hanyua ingin memunculkan button tersebut dalam keadaan full posting ( setelah mengklik read more ), maka tembakan kode ini dianatara kode diatas ...
<b:if cond='data:blog.pageType == &quot;item&quot;'>
...
</b:if>
dan hasil akhirnya sebagai berikut ...


dan simpan template anda :) ... Semoga berhasil !

4 komentar:

24 Juni 2010 pukul 19.45 Hosting Murah Indonesia Indositehost.com mengatakan...

manteb nie infonya, izin untuk menaplikasikan :)

10 Mei 2011 pukul 16.16 R-Wasp mengatakan...

Sip, bos. Makasih buat tipsnya. Udah saya coba & berhasil

19 Oktober 2011 pukul 08.00 toyink mengatakan...

krend... ptut d coba

25 Oktober 2011 pukul 11.51 Therealkutro mengatakan...

Mantaaaap gan :)

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Anda bisa menggunakan HTML seperti <b> , <i>, <s>, <a> ... Jangan spamming, komentar bernada spam akan kami hapus.
Terima kasih telah berkomentar di JogjaWiki

 

Post yang berkaitan :

Grab this Widget ~ Blogger Accessories
 
© Copyright 2010 - Jogja Wiki Blog - Best viewed in 1152 x 864 pixel by Mozzila Firefox
Our Network at Bloggercustom and Healthy Tips | Post Entries | Comments -