Cara Membuat Fans Page Atau Like Box Melayang pada Blog

Posted by : Unknown Rabu, 25 September 2013

Kali ini ane mau ngeshare cara membuat fans page atau like box melayang pada blog ketika ada pengunjung datang ke blog sobat, sebelumnya sobat mesti tau pentingnya fanspage atau like box ini karena dengan adanya fanspage tersebut maka blog sobat akan mendapat para pengikut atau likers, karena jika ada seseorang yang mengunjungi blog sobat dan dia mengklik tombol like maka secara tidak langsung orang tersebut menyukai blog sobat untuk menyiasati agar setiap pengunjung baru agar selalu mengklik tombol like maka kotak like box tersebut mesti diletakkan ditempat yang strategis supaya mudah untuk di lihat oleh para pengunjung yang baru datang. Untuk itu postingan cara membuat fans page atau like box melayang pada blog akan membantu sobat semua, nah langsung aja ikutin cara-cara berikut ini gampang kok.

1. Login ke akun blog Anda

2. Pilih Tata Letak

3. Kemudian Klik Tambahkan Gadget => Pilih HTML/javascript.

4. Copy Kode di bawah ini dan pastekan di HTML/javascript tadi. kemudian simpan/save !!!

#kotak-facebook {

position:fixed !important;

position:absolute;

bottom:-1000px;

left:50%;

margin:0px 0px 130px -182px;

width:auto;

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>

<font size="3"><b> jangan lupa like nya ya... ^_^ b></font size>

<br/>

Keterangan script :
#FFFFFF = ganti dengan warna background yang Anda sukai
jangan lupa like nya ya... ^_^ = ganti dengan kata-kata yang Anda sukai
http://www.facebook.com/Mbahsecondblogspotcom = ganti dengan URL Fanspage sobat.

5. Simpan, kemudian pilih Template => Edit Template.

6. Cari kode <body>, Untuk mempermudah mencari silahkan tekan ctrl+F pada keyboard dan silahkan tulis kode di atas.

7. Setelah dapat, copy dan letakkan kode di bawah ini tepat di bawah kode <body>. Yang ber arti kode di bawah ini terletak di bawah <body>.

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Kode di atas ditambah jika Anda belum memasang Fanspage pada sidebar blog Anda.

8. Simpan template Anda, Selesai... lihat blog Anda !!! maka hasilnya akan kayak punya ane gan

Demikian cara membuat fans page atau like box melayang pada blog, maka tampilan fanspage yang melayang-layang akan muncul, lalu tinggal tunggu aja para likers di fanspage sobat hehe