Cara Membuat Fans Page Melayang

Cara Membuat Fanspage Melayang 




Sering kita menjumpai fans page melayang pada saat kita mengunjungi blog, tujuan pemasangan face book melayang adalah agar para pengunjung mau memberikan klik suka atau jempolnya bagi pemilik blog. Namun kadang face book melayang ini terasa sangat mengganggu pengunjung. Tetapi ada solusinya yaitu bisa keluar dengan meng-klik tombol close sehingga face book melayang tersebut bisa hilang dan menjadikan pengunjung nyaman.

Bagaimana membuatnya, barangkali ada yang belum memahaminya ?
Langkah-langkahnya sebagai berikut :
1. Yang pasti Anda harus memiliki halaman face book.
2. Buka akun blog Anda.
3. Masuk ke dasbor Anda.
4. Pilih  pada elemen Tata Letak.
5. Klik Tambahkan gadget.
6. Pilih HTML/Javascript.
7. Copy script di bawah ini. 
8. Pastekan di Javascript tadi dan Simpan.
9 Lihat Hasilnya.




/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
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;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</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 -->
<center><a class="murub">Trima kasih kalau suka silakan di klik</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/topyulianto?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=topyulianto&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://topyulianto.com/2013/10/cara-membuat-fanspage-melayang-di-blog.html" target="_blank">Get This Widget</a></div>

<a class='close' href='#'>&times;</a></div></div>



Perhatian :
1     1.  Kode ini jangan sampai terhapus 
           <a class='close' href='#'>times;</a> 
           karena kode itu untuk  tombol close.
2     2  Pastikan URL fanspage nya Anda benar.
       3.  Kalimat berwarna merah tertulis 
           Terima kasih kalau suka silakan di klik, 
           bisa diganti sesuai selera Anda.



            Sumber referensi : fujianto21






































Silahkan Tinggalkan Komentar Anda :