Blogger Widgets Cara memasang Fans page Facebook Melayang Di Blog - BERBAGI ITU INDAH
Slide # 1

Indra Gunawan

Pantai Pasir Putih, Pulau Nusakambangan, Cilacap Jawa Tengah

Slide # 2

Indra Gunawan

Senja di Sudut Kota Kecil Yang Mempesona, Bumiayu Jawa Tengah

Slide # 3

Indra Gunawan

Pelatihan Mahasiswa Dan OutBond, Baturaden Adventure Forest Banyumas Jawa Tengah

Slide # 4

Indra Gunawan

Ajibarang, Banyumas, Jawa Tengah

Slide # 5

Indra Gunawan

Pantai Pasir Putih, Pulau Nusakambangan, Cilacap Jawa Tengah

Wednesday, 1 May 2013

Cara memasang Fans page Facebook Melayang Di Blog

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

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

Indra Oze Gunawan. Powered by Blogger.