Cara Memasang FansPage Melayang Diblog ~ Cyber Seuramoe

Hay-hay sobat jumpa Lagi bersama saya..

Kali ini saya akan memberitahukan bagaimana Memasang FansPage Melayang Seperti Yang Saya Terapkan di Blog kesayangan saya Ini, yah tepat-nya seperti dalam postigan, :) ..

Emm, alasan Saya Membuat Artikel Ini Adalah Supaya Para pecinta blog yang baru.atau pemula bisa memperindah tampilan blog nya.Jika Anda Ingin Memasang FansPage Melayang Seperti Saya Ini.

Ok ya langsung Aja yaa!

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:#F8EAEA;

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'>



Jangan Lupa Like ya

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://facebook.com/pages/Cyber-Seuramoe/547896415291388?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>



<a class='close' href='#'>×</a>

</div>