Widget Like Box adalah suatu hal untuk Mempromosikan halaman/fanpage facebook kita. dengan Like box ini setiap orang yang berkunjung ke blog kamu. otomatis like box ini akan keluar. kalau misalkan orang yang berkunjung tidak pelit jempol pasti akan menekan tombol suka. seharusnya sih kita menekan tombol suka ketika berkunjung diblog orang, itu tandanya kita menghargai jeri payah yang mengepost itu. yaudah langsung saja saya kasih cara memasangnya.
1. Login ke blog kamu.
2. Klik di Layout.
3. Klik Edit HTML
4. Cari kolom </head> dengan menekan Ctrl+f pada keyboar.
Copy kode dibawah ini dan letakkan di bawah kode </head>
"<link href='https://sites.google.com/site/penyamunsites/facepenyamun/fb-like-pop.css' rel='stylesheet' type='text/css'/><script src='https://sites.google.com/site/penyamunsites/facepenyamun/jquery.min.js'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><script src='https://sites.google.com/site/penyamunsites/facepenyamun/fb-like-pop.js' type='text/javascript'/>" [tanpa tanda kutip] dan klik save template.
Kita sudah selelsai dibagian template, sekarang lanjut ke bagian tata letak/ layout.
1. Klik Layout/tata letak.
2. Klik tambahkan gadget/add a gadget.
3. Pilih HTML/JavaScript.
Nanti akan keluar tampilan seperti ini.
Copykan kode berikut ini, di gadget tersebut [contoh seperti gambar diatas]
"<!-- 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 style=" margin-right:10px; font-size:15px; color:#000000;">Hei kamu? iya kamu!<blink> Like fanpage sederhana ini dong ;;)</blink> </p>
<!-- Mulai --!>
<div class="fb-like-box" data-href="https://www.facebook.com/1605889679681898" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>
<!-- Selesai --!><a class='close' href='#'>×</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://homeland-security.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://homeland-security.blogspot.com/2015/06/cara-memasang-like-box-melayang-ala.html">Get This Widget</a></p>
</div>" [tanpa tanda kutip]
ganti tulisan 1605889679681898 dengan ID halaman facebook kamu. jika kamu belum tau bagaimana cara melihat ID halaman facebook, kunjungi Cara Melihat ID FACEBOOK.
4. Klik save dan save arrangement
5. Jika langkah-langkah itu sudah selesai, klik view blog untuk melihat hasilnya.
Bagaimana? mudah bukan.
Baca juga Cara Melihat ID FACEBOOK.
0 Comments