Entah kenapa saya lebih memilih sumber dari mas Irfandy , Mungkin karena caranya yang simpel dan mudah dipahami untuk yang masih newbie seperti saya ini.. Berikut adalah cara-cara menuju fanspage penerbangan : hehe :))
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.
<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;
-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 src='http://tugasku4u.googlecode.com/files/tombol-close-menu.js'/></script>
<div id='kotak-facebook'>
<font size="3"><b>Temukan Kami Di Facebook ^-^</b></font size>
<br/>
<div class="fb-like-box" data-href="http://www.facebook.com/experimentku" data-width="292" data-height="250" data-show-faces="true" data-stream="false" data-header="false"></div><a class='close' href='#'>×</a></div>
|
Keterangan:
#FFFFFF = ganti dengan warna background yang Anda sukai
Temukan Kamu Di Facebook ^_^ = ganti dengan kata-kata yang Anda sukai
http://www.facebook.com/experimentku = 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.
6. Cari kode <body>, Untuk mempermudah mencari silahkan tekan ctrl+F pada keyboard dan silahkan tulis kode di atas.
7. Setelah itu, copy dan letakkan kode di bawah ini tepat di bawah kode <body>. Anda bisa melihat contohnya pada gambar di bawah...
| <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> |
Maka kurang-lebih akan seperti ini...
Keterangan:
Kode di atas ditambah jika Anda belum memasang Fanspage pada sidebar blog Anda.
8. Simpan template Anda, Selesai... lihat apa yang akan terjadiiii !!! Jebreeeeeeeeettttt :))
*Selamat mencoba semoga berhasil :D ( Kritik & Saran Anda sangat berarti untuk kami )
Referensi
Keren infonya, maaf saya ingin bertanya diluar artikel ini, kenapa ada serangga diblog ini?
ReplyDeletealdirahmanuntoro.blogspot.com
Makasih Sob :D
DeleteIyaa sob,,Itu serangga peliharaan ane sob :))hehe
mantap sob, kemaren saya sudah terapkan untuk semantara saya copot dulu besok baru pasang lagi, masih perbaikan
ReplyDeleteokehh sob ^_^
Deleteterima kasih sob sudah mampir di gubuk ane :D
Bermanfaat gan tutornya... ^_^
ReplyDeleteSemoga dengan tutorial di atas para newbie blogger tidak lagi kebingungan untuk memasang fanspage melayang di blognya.
salam sukses... :)
aminn :D
DeleteTerima kasih sob atas kunjungannya :))
Salam sukses juga sob ^_^