2015/10/21
Hai sobat berjumpa lagi sama saya banicyber di postingan saya yang membahas cara memasang widget fanspage facebook melayang di blog anda masing masing,belum tahu fanspage itu apa? Fanspage adalah halaman fb yang digunakan untuk dijadikan sarana bersosialisasi antar sesama pengguna fb, di dalam fanspage melayang ini tersedia follow twitter untuk supaya orang bisa follow twitter anda.
untuk membuat fanspage melayang tersebut anda harus mengikuti langkah langkah atau cara admin berikut ini karena kode fanspage fb melayang susah cari sumber aslinya !
==!> Read More :
1.pergi dulu ke dasbor anda masing masing
2.ketika sampai di dasbor cari tata letak / layout
3.kalau sudah sampai ,klik bacaan tambahkan gadget / add gadget
4.akan ada browse kecil muncul ,klik bacaan html/ javascript.
<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">Like Fanspage untuk mendapatkan berita baru</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Banicyber99?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=banicyber&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://www.bani-hacker.tk/2015/10/cara-memasang-widget-fanspage-facebook.html" target="_blank">Get This Widget</a></div>
<a class='close' href='#'>×</a>
</div>
5.Masukkan kode diatas di kotak konten.
Keterangan :
Merah ialah pesan yang di sampaikan untuk pengunjung blog
Kuning ialah ID blog anda
Hijau ialah ID twitter anda
Nah berhasil kan ,widget fanspage melayang ini berhasil di blog ku ,tapi karena template blog nya tidak mendukung jadi gak nampak tombol close dan tombol like nya gak nampak ,begitu lah artikel saya semoga berhasil dan selamat mencoba . :) ;;(