Cara Memasang Widget Like Box Melayang

Halo, Kembali lagi aku ingin menawarkan beberapa Tutorial Khusus untuk blog anda, dan sebelumnya aku mengucapkan terima kasih atas Bos Tutorial yang telah membagikan ilmunya, kali ini aku juga mau membagikan ilmu yang aku sanggup dari Bos Tutorial tentunya, Tentang Cara Memasang Widget Like Box yang melayang..

Langsung saja teman-teman semua ..

Baca Juga

Siapkanlah Fanspage Facebook anda. Untuk memulai tahap selanjutnya anda harus mempunyai Fanspage facebook. Klik disini Cara Membuat Fanspage Facebook
Setelah anda mempunyai fanspage facebook, Silahkan Login Ke Akun Blogger anda.
Setelah itu, Masuk Ke Tata Letak

Lanjut, sesudah itu klik "Tambahkan Gadget" Seperti Gambar dibawah ini.

Lalu pilih "Html/JavaScript" untuk memasukkan script berikut .

<!-- 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 dikala halaman telah simpulan dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan dikala 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;">Silahkan Di Klik Tombol Likenya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/aboutdoublr" data-width="300" data-height="250" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="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://kumpulan-adsen.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="https://techkudet.blogspot.com/search?q=cara-membuat-fanspage-facebook-untuk">Get This Widget</a></p>
</div>

Setelah Itu Simpan Html/JavaScript anda
Untuk Script diatas, Font yang berwarna hijau yakni script dari fanspage saya, silahkan mengganti script tersebut dengan script fanspage anda.
Lalu lihat karenanya dengan "Pratinjau atau Lihat Blog"

Saya rasa hanya itu saja yang sanggup aku bagikan kali ini,

"Cara Memasang Tombol Like yang melayang"