Assalamu'alaikum. Pada pagi hari ini, Download Ilmu akan bagi - bagi
script like box melayang dengan tombol close. Yang jelas, bentuk
backrounnya beda sob. Seperti ini :
1. Login blog.
2. Tata letak.
3. Add gadget.
4. HTML/Java script.
5. Copas kode dibawah ini :
<!-- FB melayang tombol close --!>
<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:#C2CFDF; 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'>
Bantu kami menentukan apakah blog kami disukai banyak orang, dengan menekan tombol 'like' dibawah. Terimakasih
<br/>
<!-- Mulai --!>
KODE SCRIPT FB LIKE BOX DISINI
<!-- Selesai --!>
<a class='close' href='#'>×</a>
</div>
6. Save
Keterangan
1. Kode yang saya beri blok kuning, adalah warna backround widget.
2. Kode yang saya beri warna biru, silahkan ganti dengan teks lain.
3. Kode yang saya beri blog merah, letakkan kode script FB like box anda.
http://infoiki.blogspot.com
0 komentar:
Post a Comment
Silahkan berkomentar sesuai kesan anda, tetapi jangan tinggalkan norma-norma kesopanan. Syukron