Saturday, June 18, 2011

Memasang Script Iklan Melayang Lebih Menarik

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

cara,membuat.script.iklan,melayang,menarik,tanpa,close


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.

3 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. coba aja sob karena saya juga gak pernah gagal dalam memasang script ini !! oh ya , iklan melayang ini lebih baik anda kasih dengan ukuran 468x60

    ReplyDelete
  3. cara menghapusnya gmana, di tata letak udah gk ada/ hilang sendiri

    ReplyDelete


Silakan kirimkan komentar anda entah itu kritik atau saran anda dan mohon maaf jika komentar anda tidak mendapatkan tanggapan karena saya tidak selalu online 24 jam