Setelah saya berkelana di alam mbah google, akhirnya saya menemukan juga cara memasang fans page Facebook melayang untuk saya terapkan di bl;og saya. Bagi teman-teman bloger yang ingin mengikuti memasangnya, silahkan ikuti langkah-langkahnya berikut ini.
langsung Cekidott Mas Brow!Langkah-langkah Memasang Nya!
1. login ke gmail
2.masuk ke blogger
3. klik Tata letak
4. klik tambah Gedged
5. klik HTML/Javascript
lalu masukan Kode Di bawah ini:
<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/StiforpIndonesianetwork?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&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='#'>×</a>
</div>
Pada URL yang Berwarna Merah Tinggal Di ganti Saja Dengan Url FansPage Masbrow
Dan Selesai..
Gampang kan?
Yaudah mungkin cukup Segini Elmu Yang Dapat Saya Sampaikan Kurang Nya mohon di Tambahkan, Jika Ada Yang salah Mohon Di Maaf kan...
0 comments:
Post a Comment