Skip to content

Cara Membuat Like Box Facebook Melayang

April 5, 2014

Cara Facebook Fan page Melayang di Blog-Salah satu cara andalan yang di pakai oleh blogger pemula sampai blogger
 adalah dengan menggunakan Facebook Fan Page.

Facebook Fan Page biasanya berfungsi untuk tempat berkumpulnya follower blog. Namun, tahukah kalian? kalau sebernarnya Facebook Fan Page juga mempunyai fungsi sebagai alat pamer? Facebook Fan page yang mempunyai banyak like akan menarik banyak pemasang iklan di blog. Namun untuk mendapatkan banyak like itu susah, nah oleh karena itu di buatlah Facebook Fan page yang bisa melayang.

Membuat Facebook FanPage Melayang di Blog

  • Masuk ke Blogger-> Tata letak.
  • Pilih Tambah gadget (boleh mana saja)
  • Pilih HTML/Java Script
  • Masukkan kode berikut:
<!– FB melayang tombol close –!>
<style type=’text/css’>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-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;
cursor:pointer;
}
</style>
<script type=’text/javascript’>
$(window).bind(“load”, function() {
// animasikan nilai top saat halaman telah selesai dimuat
$(‘#kotak-facebook’).animate({bottom:”50px”}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$(‘a.close’).click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id=’kotak-facebook’>
<p>Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!– Mulai –!>
<div class=”fb-like-box” data-href=”http://www.facebook.com/##############&#8221; data-colorscheme=”light” data-show-faces=”true” data-header=”true” data-stream=”false” data-show-border=”true”></div>
Powered By <a href=”http://cara-seoblogdownload.blogspot.com/&#8221; target=”_blank”>Facebook</a><span>Created By:&nbsp;<a href=”http://cara-seoblogdownload.blogspot.com/&#8221; target=”_blank”>BLOG-ADS</a></span>
<!– Selesai –!><a class=’close’ href=’#’>&times;</a>
<p ></p></div>
  • Kemudian ganti kode bewarna merah dengan ID Fan Page Facebook sobat, kalau belum tahu ID Fan Page bisa search di google
  • Terakhir Klik Save
  • Jika berhasil nanti tampilannya kurang lebih akan seperti ini.
Cara Membuat Facebook FanPage Melayang di Blog
Bagaimana, mudah bukan Cara Membuat Facebook FanPage Melayang di Blog, jika ada kesulitan saat pemasangan, jangan sungkan untuk bertanya, untung untung saya bisa membantu, hehehehehehehe.

From → Artikel

Tinggalkan sebuah Komentar

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: