Ok sobat TKJ kali ini saya akan memposting cara membuat link like fanspage melayang yang keren, dan ini pesanan dari teman saya, tadi dia meminta saya untuk membuatkan postingan tentang ini, jadi mau gak mau ya di buat deh demi teman, apa sih yang enggk ?? hehehehe
pasti sudah pada paham kan apa maksud dari tutorial kali ini ??? tutorial ini di peruntukkan untuk blogger, jadi klw anda sudah masuk ke postingan ini, berarti anda adalah sang blogger yang ingin Memasang gedget like fanspage melayang di blog ia kan ??? hehehe jangan bilang saya dukun ya klw saya benar... :P
ok dari pada sobat TKJ mendengar saya ngelantur mending kita langsung saja ke cara nya...
untuk hasil nya bisa anda lihat seperti gambar dibawah
nah cara nya sbb :
Login ke blogger lalu ke tata letak dan add gedget HTML, lalu copy code di bawah ke gedget HTML tadi dan save
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute; /* IE6 */
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
Jangan Lupa Like ya
<center>
CODE FANSPAGE SOBAT
</center>
<!-- HTML End -->
<a class='close' href='#'>×</a>
</div>
pada warna merah adalah code fanspage kamu yang kamu ambil dari developers facebook contoh nya code fanspage saya <iframe src="www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fyudha.fernando.situmorang%3Fref%3Dhl&width=295&height=180&colorscheme=light&show_faces=true&border_color=%23ddd&stream=false&header=false&appId=234768879977433" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:295px; height:180px;" allowtransparency="true"></iframe>
Ok sekain, semoga bermanfaat dan semoga bisa membantu, diharapkan yang meminta tutor ini harus mengomentari pertama kali di postingan ini... di tunggu komentar nya ya :)
Terimakasi buat Bang Punyo Ambo yang memberitau script ini kepada saya...! :)
Cara Membuat like fanspage keren di blog | Cara terbaru membuat like fanspage melayang keren di blog | Cara terbaru membuat link like fanspage melayang yang keren di blog 2012 |
