Membuat Fans Page Melayang di blog

adscblog

Banyak sekali para blogger menggunakan Fans Page melayanng ini,tujuan memasang Fans Page melayang di lbog ini agar para pengunjung lebih mudah untuk meng Klik Like box yang terpasang di Fans Page ini,dan dengan memasang Fans Page melayang ini,ini adalah cara yang epektif untuk meningkatkan Traffic blog mereka,dan di fans page ini selain Facebook juga Twitter yang dapat anda Simpan di Fans Page tersebut,dan untuk pembuatan Fans Page tersebut sangatlah mudah dan bisa di lakukan oleh para Newbe sekali pun.

Cara Memasang Fans Page melayang di blog

Untuk membuat atau memasang Fans Page ini adalah sebagai berikut

• Masuk ke blogger anda
• Setelah itu silahkan anda pilih template nya
• Kemudian silahkan anda masuk ke Dashboard
• Kemudian pilih Tataletak atau layout
• Lalu klik Tambah Gadget
• Dengan mengklik Tambah gadget maka akan terbuka Popup yang menyediakan berbagai pasilitas dan silahkan anda pilih Javascrift/Html
• Dan letakan kode di bawah ini di Kotak yang telah tersedia

 

<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>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/caraonspot?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 -->
<a class='close' href='#'>&times;</a>
</div>

Dan untuk tulisan yang berwarna merah (caraonspot) silahkan anda ganti dengan nama Fans Page anda

• Setelah itu klik Save atau OK dan lihat hasilnya

Nah itulah cara  Membuat Fans Page Melayang di blog sangat mudah bukan,selamat mencoba aja sob dan salam blogger adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 13 Juni and have 0 komentar