Thursday, November 8, 2012

Cara Membuat Like Fanspage melayang

Cara Membuat Link Like Fanspage melayang | Cara Terbaru membuat like fanspage melayang 2012 | cara membuat link fanspage melayang yang keren terbaru 2012 |

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

Cara Membuat Link Like Fanspage melayang




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='#'>&times;</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&amp;width=295&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ddd&amp;stream=false&amp;header=false&amp;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 |

Ditulis Oleh : Yudha Situmorang ~ Komunitas Anak TKJ

Yudha situmorang Sobat sedang membaca artikel tentang Cara Membuat Like Fanspage melayang. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya Review oleh: Yudha Situmorang
Update pada: 10:20 PM | Rating: 4.5
 
Copyright © 2013. Komunitas Anak TKJ . All Rights Reserved
Home | Contact Us | About Me | Privacy policy | Disclaimer | Site map
Design by Yudha Situmorang .