INFO TERKINI

Pada kali ini saya akan memposting bagaimana tampilan iklan melayang kita lebih menarik karena kebanyakan yang saya lihat script iklan yang sering dipakai blogger adalah scrit iklan yang biasa. Maka dari itu saya ber-inisiatif untuk merubah script iklan tersebut lebih menarik dan gak bikin bosan dilihatnya. Untuk demonya anda bisa lihat iklan melayang saya.



Nah .. bagaiman cara membuatnya , berikut langkahnya :

1. Masuk di blogger lalu pilih Design > add gadget.
2. Setelah itu pilih lagi Html/javascript




3. Setelah itu copy paste kode dibawah ini dan letakkan di 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://kangdadang.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 Taruh Disini-->
</div>
</div>

4. Klik simpan dan lihat hasilnya , iklan melayang yang kalian punyai lebih menarik kan dan beda dengan yang lain.

Baiklah Cukup sekian artikel ini saya tulis , jika ada yang perlu ditanyakan atau mau request tentang widget ,jquery dan kode css , silakan langsung tulis pertanyaan atau request artikel anda didalam komentar saya.