Minggu, 19 Juni 2011

MEMBUAT TAMPILAN IKLAN DI DEPAN BLOG (iklan di depan blog)


 "MEMBUAT TAMPILAN IKLAN DI DEPAN BLOG"
 Banyak yang bertanya, bagaimana sih membuat tampilan di depan blog ?? cara mudah ko untuk membuat tampilan iklan ada didepan blog anda.. contohnya saya berhasil untuk membuat sebuah iklan yang saya buat ada di depan blog, walaupun sekarang tampilan blog saya sudah tidak terdapat iklan lagi saat anda masuk ke ini..
Kemudian jika anda bertanya, bagaimana kalau menampilkan tampilan didepan blog bukan iklan saja, coba gambar dan lain-lain???
hehehe... saya juga belum mencobanya, mungkin nanti saya coba lagi.
kan saya juga masih tahap pembelajaran saat ini...

Langsung aja oke..
1. masuk blog anda
2. Tambah gadget /html javascript
3 Masukan kode dibawah ini :

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:0px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
MASUKKAN KODE HTML IKLAN ANDA DISINI
</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. ganti tulisan berwarna biru dengan kode iklan yang anda punya, kemudian save...
5. coba lihat blog anda sekarang? menarik bukan???

selamat mencoba..

0 komentar:

Posting Komentar

Jangan lupa komentarnya.....