• Iklan text, 150 Karakter Free hingga akhir tahun
  • Iklan text, 150 Karakter Free hingga akhir tahun

Cara Membuat Iklan Melayang (Ads PopOut)

Posted by at
Sebelumnya saya sudah memberitahu Cara Mempercantik Iklan With CSS3. artikel saya ini juga merupakan tutorial bagaimana Cara Membuat Iklan Melayang, pastinya teman sudah mengerti apa yang saya maksud ? tanpa basa basi langsung saja yah :p

Berikut Cara Membuat Iklan Melayang (Ads PopOut) :

1. Login ke akun anda.
2. Silahkan anda menuju Tata Letak , Tambah Gadget, Dan pilih HTML/JavaScript
3. Masukkan kode berikut tepat di kolom HTML/JavaScript
<style type="text/css">
#topbar {
position:absolute;
z-index: 100;
padding: 8px;
background: #ddd;
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 #aaa;
-moz-border-radius-topleft:20px; -webkit-border-radius-topleft:20px; -moz-border-radius-bottomright:20px; -webkit-border-radius-bottomright:20px;
-webkit-box-shadow: #33FF00 0 1px 10px;
-moz-box-shadow: #33FF00 0 1px 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 #aaa;
-moz-border-radius-topright:15px; -webkit-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -webkit-border-radius-bottomleft:15px;
}
</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>
4. Ubah kata <!-- Kode Iklan Taruh Disini--> dengan Script iklan anda.
5. Simpan dan lihat hasil yang anda buat :P

Sekian tutorial dari saya, apabila terjadi error kode silahkan berkomentar agar saya perbaiki :)


Apabila anda ingin mengcopy paste artikel saya, jangan lupa untuk memberikan link sumbernya !!

Terima Kasih ^_^

Tidak ada komentar untuk " Cara Membuat Iklan Melayang (Ads PopOut) "

Prohibited from using harsh words and the words of the SARA, the words that indicate the Flame against someone that I would quarrel delete and block from this blogspot!!
--------------------------------------------
Dilarang menggunakan kata-kata kasar dan kata-kata yang mengandung SARA, kata-kata yang mengindikasikan Flame terhadap seseorang sehingga terjadi pertengkaran akan saya hapus dan blok dari blogspot ini !!

Back to Top