Close it

Sabtu, 23 April 2011

2 Membuat Menu Iklan Mengikuti Layar Menggunakan jQuery►► URL : http://wwdq.blogspot.com/2011/04/membuat-menu-iklan-mengikuti-layar.html.

Share
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>

7. Terakhir Simpan

Mohon Maaf Bila Ada Kesalahan. Terimakasih Atas Kunjungan Anda

Selamat Mencoba


Bila Kurang Jelas, silakan bertanya dibawah ini .

Post Info :
Judul = Membuat Menu Iklan Mengikuti Layar Menggunakan jQuery

Url = http://wwdq.blogspot.com/2011/04/membuat-menu-iklan-mengikuti-layar.html

Author = Rizal Loa Wanda. At : 19.25 Sabtu, 23 April 2011 | Comment:2

Artikel Terkait

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

2 komentar:

No Spam Please :)


Tambahkan Bookmark halaman ini untuk mempermudah Pencarian Anda [CTRL+D].