Hari ini saya merasa sangat bahagia banget karena dapat menyuguhkan tutorial tentang Cara Pasang Facebook Like Badge pada sobat blogger. Mungkin sobat blogger jarang mendengar istilah Facebook Like Badge, karena di beberapa blog yang tenar itu adalah Facebook Like Button, Tapi menurut saya pribadi jauh lebih bagus memasang Facebook Like Badge ketimbang Facebook Like Button. Kedua fitur facebook ini sangat berbeda, Facebook Like Badge hanya muncul ketika blog kita di buka dan Facebook Like Button hanya muncul di blog post atau area postingan. Dengan memasang Facebook like Badge pada blog, Blog terlihat indah dan keren.
Cara pasang Facebook Like Badge pada blog :
- Sign In di http://www.blogger.com/
- Klik Menu Rancangan, lalu pilih Edit HTML.
- Kasih tanda Centang pada Expand Widget Template
- Cari kode <body>
- Kalau kode <body> tidak ada, cari kode <body expr:class='"loading" + data:blog.mobileClass'>
- Copy dan Paste kode di bawah ini SETELAH kode tersebut
<!-- KakiNetwork.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Blogger Tutorial Blog'
//]]>
</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/BloggerTutorialBlog',
closeable: true,
});
});
//]]>
</script>
<div id='fbtpdiv'/>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->
- Klik Save
Tambahan :
- Ganti tulisan "Blogger Tutorial Blog" dengan nama facebook sobat blogger
- Ganti http://www.facebook.com/BloggerTutorialBlog dengan URL Facebook sobat blogger
- Ganti angka 15 dengan waktu yang sobat blogger inginkan
Sumber : http://bloggertutorialblog.blogspot.com
0 comments:
Post a Comment