Cara Membuat Fanspage melayang di blog

Cara Membuat Fanspage melayang di blog

Jalak Ikal 31 May 0 komentar
Pada pembahasan sebelum nys saya sudah shae tentang Cara pemasangan FansPage di widget,yang dimana Fanspage tersebut akan tampil di bagian widget saja,dan contoh nya dapat anda lihat di blog ini di bagian sideba sebelan kanan

Dan artikel ini juga masih sama membahas tentang cara pemasangan Fanspage di blog,namun Fanspage kali ini sedikit berbeda dengan Fanspage sebelum nya fanspage kali ini unik nya melayang dan tampil di tengah-tengah halaman blog

Mungkin para blogger juga pasti sudah melihat atau sudah tau Fanspage melayang seperti ini,karena cara pemasangan atau tentang tutorial pemasangan Fanspage melayang ini bukan hanya disini saja,melain hampir di semua blog tutorial pasti ada Fanspage melayang ini

Baca Juga: Cara Membuat Widget Fanspage di blog

Namun Fanspage melayang seperti ini tidak semua blogger memasang di blog nya,dan belum tau alasan nya kenapa,tetapi yang jelas setiap blogger pasti mempunyai lasan tersedniri unutk merias atau tidak nya blog yang merek amiliki

Apakah ada guna nya memasang Fanspage di blog

Sudah pasti ada manfaat nya fanspage di pasang di blog,dan salah satu manfaat pemasangan fanspage ini di antara nya untuk meningkatkan kunjungan ke blog atau dapat meningkatkan traffic blog,karena setiap para penggunjung yang datang ke blog kita mungkin saja mereka me Like Fanspage yang sudah tersedia di blog tersebut,semakin banyak yang nge like maka semakin bagus hasil nya

Apabila anda mencari artikel Fanspage melayang di blog,anda tidak salah mengunjungi halaman ini,dan andapun bisa menerapkan atau mempraktekan pemasangan Fanspage melayang ini,dan cara nya pun sangatlah mudah,namun jika anda masih bingung unutk menerapkan fanspage ini di blog,anda dapat mengikuti langkah-langkah pemasangan nya sebagai berikut
  • Silahkan untuk masuk ke blogger dengan email dan pasword nya
  • setelah itu silahkan anda klik Tataletak/layout yang berada di sebelah kiri blogger
  • setelah itu silahkan klik Add a Gadget
  • Lalu kemudian akan muncul gambar seperti berikut 
  • Setelah itu silahkan anda klik HTML/JavaScript
  • Setelah itu silahkan anda letakan kode HTML berikut di kolom yang sudah tersedia tersebut
<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>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/URLFanspage?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>

  • Kemudian silahkan klik Save dan lihat hasil nya
 https://www.facebook.com/URLFanspage silahkan anda ganti dengan alamat Fanspage url sobat yang sudah di buat di Facebook dan silahkan lihat hasil nya

Nah itulah cara membuat Fanspage Melayang di blog,semoga artikel nya bisa membantu dan bisa di pahami,salam blogger

loading...
Ratings: 
Posted by Jalak Ikal, Published at 31 May and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi