Cara Membuat Facebook Like Fanspage Melayang di Blog
Kali ini saya akan menerangkan bagaimana cara nya membuat facebook like fanspage melayang di blog pada widget. Widget ini termasuk cara alternativ yang berguna untuk meminimalisir akibat banyaknya jumlah widget yang kita pakai, yang dikarenakan tidak ada ruang kosong lagi untuk menambahkah facebook fanspage pada halaman blog kita. Oleh karena itu facebook like fanspage ini sangat berguna bagi Anda yang ingin memiliki widget banyak namun dapat tertata dengan rapih.
 |
| Cara Membuat Facebook Like Fanspage Melayang di Blog |
Berikut adalah Cara membuat Facebook Like Fanspage Melayang Di Blog :
- Masuk ke Akun Blog Anda.
- Kemudian pada halama Dashboard pilih " Tata Letak ".
- Pilih HTML/Java Script.
- Dan Paste kan kode script dibawah 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">
Join With Us !</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=
https://www.facebook.com/infogadgetbandung?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 -->
<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& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=
ilyasmuamarm&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
Keterangan :
- Tulisan dengan warna
Biru bisa diganti sesuka Anda.
- Tulisan dengan warna
Merah diganti dengan Halaman Facebook Fanspage Anda.
- Tulisan dengan warna
Hijau diganti dengan id Twitter anda ( misalkan Twitter Idnya @ilyasmuamarm , Anda hanya tinggal memasukan " ilyasmuamarm " nya saja tanpa tanda " @ " )
Terakhir Jika sudah diganti semuanya seusai dengan keinginan Anda, silahkan Klik Save dan Kemudian lihat hasilnya.
Demikianlah Artikel Tentang
Cara Membuat Facebook Like Fanspage Melayang di Blog, Cara Membuat Facebook Like Fanspage Melayang di Blog, yang bisa disajikan oleh
obray-inisetut.blogspot.com "(
4.0)"
Semoga Bermanfaat.
