Udah
dua hari tidak update postingan, jd kangen, untuk melepas rindu saya
pun sekarang update postingan. Kali ini WwdQ akan membahas tentang
Membuat Menu iklan yang mengikuti layar yang discroll dan mempunyai menu
tutup mengunakan jQuery. Karena menggunakan jQuery, gerakan mengikuti
layar yang di scroll pastinya jadi keren Tidak ada salahnya deh bagi
sobat blogger yang ingin mencoba bisnis periklanan dan juga membuat
tampilan blog jadi manstab. Bila berminat silakan ikuti langkah mudah di
bawah ini :
1. Pastinya login akun blog anda
2. Sudah masuk menu
dasbor? lalu
3. Pilih
Rancangan
4.
Elemen Laman
5.
Tambah Gadget ->> pilih
HTML/JavaScript
6. Lalu
Copy kode dibawah dan paste di kotak HTML/Javascript
<style type="text/css">
#topbar {
position:absolute;
z-index: 100;
padding: 8px;
background: #eee;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
border: 1px solid #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: #600 0 2px 15px;
-moz-box-shadow: #600 0 2px 10px;
margin:0 auto 10px;
float:left;
color:rgba(0, 0, 0, 0.75);
font-size: 12px;
font-family: Verdana, serif;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;
}
#topbar .tombol {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .tombol button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:2px 15px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#454545));
background: -moz-linear-gradient(top, red, #454545);
}
#topbar .isi_iklan {
background-color:#FFFFFF;
margin:0;
padding:4px;
width: 468px;
border: 1px solid #999;
}
</style>
<script src="http://wwdq.googlecode.com/files/js_pop_up.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="tombol"><a href="" onclick="closebar(); return
false" style="text-decoration:
none;"><button>Tutup</button></a></div>
<div class="isi_iklan">
<!-- Kode Iklan/kode lain Taruh Disini-->
<!-- END kode - Wwdq (http://wwdq.blogspot.com)-->
</div>
</div>
. Terakhir Simpan
Mohon Maaf Bila Ada Kesalahan. Terimakasih Atas Kunjungan Anda
