Membuat Tempat Iklan Keren

Nah..... udah lama gak posting nih sob.... sekarang saya posting Tempat Iklan Kereeennnn. Untuk previewnya berikut :

Memang saya sengaja ukurannya 350pixel . tetapi karena untuk space iklan kode yang saya berikan adalah 468pixel ukuran standar iklan.


Baiklah langsung saja caranya :

1. Login ke Blogger
2. Klik Tata Letak >> Tambahkan Gadget
3. Pilih HTML / Javascript
4. Masukkan kode berikut pada kolom

<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://henscripts.googlecode.com/svn/trunk/popup/jspopupv1.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!!!
</div>
<a style="text-decoration: none; color: #00f; text-align:right; display: block; font-size: 10px;" href="http://zikei-multimediasite.blogspot.com/2012/12/membuat-tempat-iklan-keren.html" target="_blank" title="Ads Popup">Widget by <span style="color: #333;">Fariqi's</span> <span style="color: #f00;">Blog</span></a>
</div>

Ganti Tulisan KODE!!! dengan kode -mu!!

5. Klik Simpan!!

Lihat Hasilnya !!!

Nah.... Beginilah posting hari ini.

Share :

Tweet

More

Related Post