Cara membuat Like Facebook melayang dengan Timer

Posted by : Renzalino Ridwan Thursday, August 1, 2013

Kali ini saya akan share Cara membuat Like Facebook melayang dengan Timer. Dengan Like Facebook melayang ini diharapkan blog anda mempunyai banyak likers. Tutorial Like Facebook ini akan menampilkan widget facebook seperti pop up.

Tahap-tahap membuat widget Like Facebook melayang dengan Timer adalah:
1. Masuk ke dashboard blogger.
2. Klik edit template edit HTML.
3. Jangan lupa centang expand widget template.
4. Cari kode dibawah ini, agar mudah mencari tekan CTRL+F

</body>

5. Kemudian copy paste kode dibawah ini dibawah kode point 4 diatas.

<style>#fblikepop {
background-color: #fff;
display: none;
position: fixed;
top: 200px;
_position: absolute;
/* hack for IE 6*/
width: 450px;
border: 10px solid #6F6F6F;
z-index: 200;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
margin: 0pt;
padding: 0pt;
color: #333333;
text-align: left;
font-family: arial,sans-serif;
font-size: 13px;
}

#fblikepop body {
background: #fff none repeat scroll 0%;
line-height: 1;
margin: 0pt;
height: 100%;
}

.fbflush {
cursor: pointer;
font-size: 11px !important;
color: #FFF !important;
text-decoration: none !important;
border: 0 !important;
}

#fblikebg {
display: none;
position: fixed;
_position: absolute;
/* hack for IE 6*/
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #000000;
z-index: 100;
}

#fblikepop #closeable {
float: right;
margin: 7px 15px 0 0;
}

#fblikepop h1 {
background: #6D84B4 none repeat scroll 0 0;
border-top: 1px solid #3B5998;
border-left: 1px solid #3B5998;
border-right: 1px solid #3B5998;
color: #FFFFFF !important;
font-size: 14px !important;
font-weight: normal !important;
padding: 5px !important;
margin: 0 !important;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}

#fblikepop #actionHolder {
height: 68px;
overflow: hidden;
}

#fblikepop #buttonArea {
background: #F2F2F2;
border-top: 1px solid #CCCCCC;
padding: 10px;
min-height: 50px;
}

#fblikepop #buttonArea a {
color: #999999 !important;
text-decoration: none !important;
border: 0 !important;
font-size: 10px !important;
}

#fblikepop #buttonArea a:hover {
color: #333 !important;
text-decoration: none !important;
border: 0 !important;
}

#fblikepop #popupMessage {
font-size: 12px !important;
font-weight: normal !important;
line-height: 22px;
padding: 8px;
background: #fff !important;
}

#fblikepop #counter-display {
float: right;
font-size: 11px !important;
font-weight: normal !important;
margin: 5px 0 0 0;
text-align: right;
line-height: 16px;
}</style>
<script src='http://www.google.com/jsapi'/><script>google.load("jquery", "1");</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="SeoGoogleKu",
kakinetworkdotcom01title="Dapatkan informasi tips dan trik blogger di fanspage kami!",
kakinetworkdotcom01skin="04",
kakinetworkdotcom01time="20",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='https://adjifb.googlecode.com/files/pop-up-fans-fage-facebook-blogger-tutorial.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: false });});
//]]>
</script>