cara mudah memasang iklan melayang di blog


tutorial, iklan , blog
Buat kalian yang ingin memasang iklan melayang di blog dan tidak tau caranya. Sekarang saya akan memberikan tutorial cara memasang iklan melayang di blog. Karena mungkin dengan iklan melayang pengunjung bisa dengan mudah membaca iklan yang kita pasang namun disisi lain pengunjung kadang tidak suka dengan adanya iklan melayang tersebut dan alhasil memilih menutup blog kita.
Tapi buat kalian yang mau pasang dibawah ini caranya :

+ login ke blogger.com terlebih dahulu
+ masuk ke menu tata letak dan pilih add gadget
+ masukkan script di bawah ini (copy paste saja karena script terlalu banyak)

<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://blogcunayz.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>

+ terakhir klik save dan lihat hasilnya

Itulah cara memasang iklan melayang di blog mudah bukan dan jangan Cuma di baca mari di praktekan sendiri

Posting Komentar

tinggalkan komentar kalian disini