Daisypath - Personal pictureDaisypath Happy Birthday tickers
Daisypath - Personal pictureDaisypath Anniversary tickers

..:: Selingan Cinta::..

Flying BeeFlying BeeFlying Bee Flying Bee Flying BeeFlying BeeFlying BeeFlying BeeFlying Bee Flying BeeFlying BeeFlying BeeFlying Bee

Saturday 22 December 2012

Tutorial Blog : Button Like Fb di Post


Selain meletakkan button ini di sidebar, anda juga boleh meletakkannya pada setiap bawah entri post blog anda. Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Template"

(jangan lupa "backup template" terlebih dahulu sebelum melakukan apa-apa perubahan pada skrip html, sebagai langkah berjaga-jaga)

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod  
<data:post.body/>

4) Letakkan kod di bawah  SELEPAS kod <data:post.body/> yang anda cari di langkah 3 tadi
<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=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

* Rupa kod anda akan jadi seperti ini 
<data:post.body/>

<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=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

5) Save dan lihat hasilnya. Selamat mencuba! :)


EditingMySpace.com - Valentines Day Dividers



BabyNurul Ain

No comments:

Post a Comment