Cara Menciptakan Fanspage Melayang Di Blog

 Cara Membuat Fanspage Melayang Di Blog- kita niscaya pernah melihat kotak facebook melayang di blog, niscaya kita sudah pernah melihat bukan? Di blog ini pun aku memasang kotak  like fanspage beserta follow twitter dibawah nya, dan dapat dilihat dikala membuka halaman beranda situs ini, kotak nya melayang sendiri dari atas, hehe..

 Widget ini pun, salah satu cara alternative, dikala banyak nya widget yang penuh berjejeran di sidebar, memasang kotak like fanspage melayang di blog ini solusi sempurna untuk mengatasi  penuh nya widget yang berada di sidebar dan fanspage kita pun jadi nya banyak yang mengelike. Mungkin juga agan tertarik dengan artikel Cara Meningkatkat Pengunjung Difanspage Paling Ampuh
Dan untuk memasang nya , dibawah ini yaitu langkah langkah untuk menciptakan kotak widget like fanspage beserta Twitter melayang di blog:

1.Buka Dasbor Blog

2. Pilih Tata Letak

3. Klik HTML/Java Script

4.  Pastekan Kode Script Dibawah ini

<style type='text/css'>
/* 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">Kalau Bermanfaat,Silahkan Dilke Ia</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Cirebon.Chikafe?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="Cara Membuat Fanspage Melayang Di Blog" 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=fujianto21&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href=" " target="_blank">Get This Widget</a></div>
<a class='close' href='#'>&times;</a>
</div>

5.  Silahkan Ganti Tulisan ini!
 (Edit nya hati hati , jangan hingga ada isyarat yang kehapus)

• yang Berwarana Hijau: Tulisan atau pesan nya
• Yang warna Merah : Url Fanspage nya
• Yang warna Biru : username Twitternya ,( misal @fujianto21 maka jadi fujianto21)

6.Save, selesai., hasil nya menyerupai gambar di bawah ini

Permasalahan Yang Sering Terjadi :

1. Tombol Close Tidak Muncul ?  

Solusi nya : Jangan Sampai kehapus isyarat ini  <a class='close' href='#'>times;</a> , alasannya yaitu isyarat itu isyarat buat munculin tombol close nya.

2. Like  Facebook nya gak muncul hanya Twitter nya aja ? 

Solusinya : pastikan Url fanspage nya benar, pola Url fanspage aku : https://www.facebook.com/Cirebon.Chikafe , alasannya yaitu kalau salah memasukan url nya, jadi tombol like fanspage gak akan muncul.

 Demikian cara memasang kotak like fanspage dan twitter melayang di blog.

Semoga bermanfaat dia gan

Share this post