Membuat Widget Follow Box Melayang - PTIK-UNM MAKASSAR
Breaking News

Membuat Widget Follow Box Melayang

Sebelumnya Saya sudah membuat artikel tentang Cara Membuat Follow Box Facebook, Twitter, Google Plus, RSS Feed di Blog dan Widget Like,G+ dan Twitter  Box Black Nah kali ini saya akan memberikan tips bagaimana agar widget tersebut bisa melayang dengan efek hover jquery. Caranya sih tinggal buat gadget HTML/Javascript trus copas kode dibawah dan sisipkan Script LIKE BOX atau Follow Box di Tulisan yang berwarna Merah.
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
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:#eee2e2; 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'>
<--------KODE SCRPIT DI SINI--------->
<a class='close' href='#'>&times;</a>
</div>

Wah gambar SS ane ternyata bisa buat orang salah paham nih, biar nggak salah paham nih SSnya itu adalah artikel yang berjudul "Astagfirullah, LKS Sekolah Bergambar Artis Porno Miyabi". Mohon maaf kalau sampe ada yang salah paham

Tidak ada komentar untuk "Membuat Widget Follow Box Melayang"