Thursday, March 28, 2013

Tutorial Letak Facebook Like Badge Masa Blog Dibuka

 Tutorial Letak Facebook Like Badge Masa Blog Dibuka

Facebook dan blogger adalah kombinasi yang agak bagus. Dengan adanya facebook page, blogger dapat berinteraksi dengan pengunjung. Salah satu penggunaan yang cool adalah dengan meletakkan facebook like badge semasa blog anda dibuka.

Secara tidak langsung dapat menggalakkan pengunjung blog anda untuk pada masa yang sama 'like' pada page anda.

Contoh seperti dibawah


Anda juga boleh melihat demo di test blog ini.

Tutorial letak facebook like badge semasa blog dibuka seperti dibawah.

1. Dari dashboard > design > edit HTML

2. Backup template blog sebagai langkah berjaga²

3. Dengan menggunakan fungsi find (ctrl + F), cari kod <body>
3.1 Jika anda tidak jumpa code <body>, cari kod ini
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

4. Copy dan paste code di bawah selepas kod yang anda jumpa di langkah 3 atau 3.1
<!-- KakiNetwork.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='OhBest'
//]]>
</script>
<link href='http://kakinetwork.com/sources/fbfans-pro/kakinetwork.css' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/unwanted86/javascript/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='https://sites.google.com/site/unwanted86/javascript/kakinetwork.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 15,
wait: 0,
url: 'http://www.facebook.com/OhBest',
closeable: true,
});
});
//]]>
</script>
<div id='fbtpdiv'/>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->


Contoh:




NOTA:
i) Gantikan 'OhBest' pada row KNFBFansPRO='OhBest' dengan nama yang anda mahu.
ii)Gantikan '15' pada row 'timeout: 15,' dengan masa paparan yang anda mahu semasa blog dibuka
iii) Gantikan dengan url page anda pada row url: 'http://www.facebook.com/OhBest',

5. Save dah lihat hasilnya.:)

0 comments:

Post a Comment

#

Random Post

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Blogger Theme by Lasantha - Premium Blogger Templates | Affiliate Network Reviews