Cara Membuat Like Box FansPage Melayang

 

Membuat Like Box (FansPage) facebook merupakan cara jitu promosi blog dari sosial media. Cara ini terbukti dapat meraup banyak pengunjung suatu blog dalam waktu singkat. Kemudian Bagaimana penempatan Like Box (FanPage) yang tepat? Kebanyakan sobat blogger pastinya pusing dengan penempatan widget dan gadget anda, apalagi Like Box (FanPage) Facebook ini memerlukan space yang besar. Sebagai solusinya kita bisa membuat Like Box (FanPage) Facebook ini melayang pada Blog kita.

Cara Membuat Like Box FansPage Melayang Berikut Ini :

1. Buat Dulu fanspage di Facebook.

2. Jika sudah ada fanspage, silahkan copy link addres URL fanspage anda disini Facebook Developers.

3. Buka blogger melalui akun anda.

4. Klik Dasboard - Tata Letak - Tambah Gadget

5. Kemudian pilih HTML Javascript lalu masukkan Kode Berikut 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">Silahkan Klik Tombol Likenya !! Like This !!</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FMedia-Impressive%2F261231254087035%3Fref%3Dhl&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" 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=alzguruh&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div> 

Keterangan :
-Ganti Warna Biru Dengan Kata-kata yang diinginkan
-Ganti Warna Merah Dengan Kode FansPage Anda
-Ganti Warna Hijau Dengan URL Twitter Anda


6. Save.

Lihat blog atau website anda, facebook dan twitter melayang pada saat beberapa detik blog terbuka menjadi lebih keren dan mudah untuk menarik minat untuk menjadi follower anda bukan?


Terimakasih Telah Berkunjung !! Mohon Komentarnya Demi Kemajaun Blog Ini :)

• Tweet
• Share
• Share
• Share
• Share

Info Admin Media Impressive

Terima Kasih Sebelumnya Kepada Pembaca Artikel Media Impressive, Bilamana Ada Yang Kurang Mengerti Didalam Artikel Diatas, Tanyakanlah Di Kolom Komentar. Dan Bagi Anda Yang Ingin MengCopy Paste Artikel Media Impressive Diharapkan Menyertakan Sumber.

Related Post