Cara Membuat Like Fanspage Facebook Melayang Di Blog

advertisement

Selamat Datang Sahabat Fahmi Blogger,Pada Kesempatan Kali Ini Saya Ingin Berbagi Informasi Yang Berhubungan Dengan Dunia Blogging,Sesuai Judulnya Kali Ini Saya Akan Membahas Tentang Cara Memasang Like Box Facebook Melayang Di Blog.
Pastinya Anda Pernah Dong Berkunjung Ke Suatu Web/Blog?,Entah Untuk Mencari Informasi Atau Hanya Sekedar Blogwalking.Nah Disitu Pasti Anda Pernah Menjumpai Blog Yang Memasang Like Box Fanpage Facebook Yang Melayang Mengikuti Scroll Mouse Anda,Gimana? Pastinya Anda Sedikit Bertanya-tanya Gimana ya cara membuat itu.
Nah Untuk Mengobati Rasa Penasaran Anda Silahkan Ikuti Tutorial Cara Memasang Like Box Fanpage Facebook Melayang Di Blog Di Bawah Ini.

1.Login Ke Akun Blog Anda
2.Klik Opsi Lainnya Dan Pilih Tata Letak
3.Klik Tambahkan Gadget Cari Dan Pilih HTML/Javascript
4.Copy Dan Paste Kode Di Bawah Ini pada Halaman Kosong HTML/Javascript Lalu Klik Save

<style type='text/css'>
   #kotak-facebook {
position:fixed !important;
position:absolute;
bottom:-1000px;
left:50%;
margin:0px 0px 130px -182px;
width:auto;
height:auto;
padding:16px;
box-shadow: 0px 0px 7px #222;
background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
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;
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
border-radius:10px;
cursor:pointer;
}
</style>
<script src='http://tugasku4u.googlecode.com/files/tombol-close-menu.js'/></script>
<div id='kotak-facebook'>
<font size="3"><b>Kasih like ya!!</b></font size>
<br/>
<div class="fb-like-box" data-href="http://www.facebook.com/Fanpage" data-width="292" data-height="250" data-show-faces="true" data-stream="false" data-header="false"></div><a class='close' href='#'>&times;</a></div>

Keterangan :
- Kata Yang Berwarna Biru Bisa Anda Ganti Sesuai Dengan Kata-kata yang anda inginkan
- Kata Yang Berwarna Merah Ganti Dengan Alamat Fanpage Anda

NB :Jika Anda Sudah Pernah Memasang Like Box Fanpage Facebook Anda Bisa Mengabaikan Langkah Dibawah Ini.Teapi Jika Anda Belum Pernah Memasangnya Maka Anda Wajib Membaca Tutorial Ini Hingga Selesai.

5.Selanjutnya Klik Template Kemudian Klik Edit Html
6.Cari Kode <body> Anda Bisa Menekan Ctrl+F Untuk Mencarinya, Lalu Paste Kode Berikut Tepat Di Bawah Kode <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>
 Sehingga Menjadi Seperti Ini

  
Kemudian Jangan Lupa Klik Simpan template,
Dan Lihatlah Pada Blog Anda,Maka Like Box Fanpage Facebook Sudah Melayang Di Blog
advertisement

0 Response to "Cara Membuat Like Fanspage Facebook Melayang Di Blog"

Post a Comment

Penting!!Peraturan Berkomentar Di Blog Ini :

1.Harap Berkomentar Sesuai Dengan Topik Artikel Yang Dibaca
2.Dilarang Menggunakan Kata-Kata Yang Tidak Sopan Dan SARA
3.Dilarang Menyertakan Link Saat Berkomentar

Jika Melanggar Peraturan Ini,Maka Komentar Akan Di Abaikan Dan Tidak Akan Dipublikasikan.Terima Kasih

Followers

advertisement