Cara Memasang Widged Likebox Fanspage Melayang atau PopUp pada Blog

LikeBox yang akan muncul berbentuk popup tentu sangat membantu untuk menambah like pada fanspage


Cara Memasang Widged Likebox Fanspage Melayang atau PopUp pada Blog
Pertama anda harus memiliki fanspage dan membuat plugin fanspage. Untuk cara membuat plugin fanspage bisa lihat di tutorial ini Membuat Box Plugin Fanspage untuk Blog

Jika sudah, masuk ke dashboard blog kalian
Masuk ke Layout, tempat terserah/dimana saja bisa, lalu add a gadged
Sebenarnya selain di layout, kode widged bisa dipasang di pengaturan template langsung sesuka kalian. Kenapa di layout? karena untuk mempermudah pemasangan

Lalu pilih HTML/javascript

Pastekan kode dibawah ini
<!--Pop up lixebox fanspage  --!>
<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;
</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'>
<!-- Mulai --!>

<div class="fb-page" data-href="https://www.facebook.com/My-Master-1207967122547144/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/My-Master-1207967122547144/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/My-Master-1207967122547144/">My Master</a></blockquote></div>

<!-- Selesai --!>
<a class='close' href='#'>&times;</a></div>
Keterangan
right        : posisi penempatan widged
width      : panjang widged
height     : lebar widged
padding  : jarak antara garis border dengan kotak widged fanspage
Kode bewarna biru silahkan di ganti dengan kode plugin fanspage kalian. Tutorial cara membuatnya bisa dilihat di awal artikel ini tadi, atau klik saja langsung disini Membuat Box Plugin Fanspage untuk Blog

Apabila sudah selesai, silahkan disave
Maka hasilnya akan seperti ini

Silahkan Berkomentar ;) "Cara Memasang Widged Likebox Fanspage Melayang atau PopUp pada Blog"

Post a Comment

Dilarang mencantumkan Link aktif di komentar ya :)
Berkomentarlah secara relevan sesuai konten
No SPAM, no SARA :)