Translate

....:by=kstt-blog.blogspot.com | | | ayo kunjungi selalu blog saya ini untuk mendapatkan informasi seputar blog,game,windows,linux,software free | | | jangan lupa follow blog saya di bagian kiri& like pages via facebook | | | berkomentarlah dibuku tamu/disetiap postingan yang menurut anda membantu | | | by=kstt-blog.blogspot.com:....

Selasa, 23 Agustus 2011

cara membuat iklan melayang di blog

ada satu lagi nih cara membuat gadged melayang di blog yang ini tidak kalah menarik dari cara membuat tombol share melayang,yang ini tentunya dapat sedikit menambah pendapatan kita para blogger,
tetntu saja kalau gadged ini tdak di cloes sebanyak 2 kali maka dia akan menutupi postinga blog kita,
lumayan lah,pasti sebelumnya anda kesulitan bukan menemukan artikel yag seperti ini ya tentu kebanyakan yang diluar sanah untuk wordpress,karna saya juga pernah mencari ilmu yang seperti ini dan hasil nya susah banget untuk sicari di google,
ini dia penampakan nya
sebenarnya mudah cara memasang nya tetapi kode html nya itu susah di dapat dan pas saya coba pasang kode html nya menambahkan postingan nya di blog kita loh,
tapi tenang saya telah mengedit sedikit agar hanya iklan yang melayang saja yang tampil

simak ya saya akan mulai menjelaskannya:
1.login ke blogger
2.setelah masuk ke dasbor masuk ke menu rancangan 
3. setelah masuk ke menu rancangan anda akan masuk ke elemen laman.
4.kemudian pilih add gadget
5.pilih html /javascript

masukan kode ini
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px 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()">
CLIK LINK DIBAWAH INI!!! .:[Close][Klik 2x]:.
</a>
</div>
<center>

isi dengan iklan anda

</center></div></div>
Kunjungi blog yang satu ini:<a href="http://kstt-blog.blogspot.com/" target="_blank">KSTT BLOG</a>
Read more:KSTT BLOG

6.pilih simpan
7.kalau mau di atur posisinya maka pindahkan sesuai kemauan sendiri

selesai ingat tulisan yang berwarna biru itu isikan dengan kode iklan anda ok

0 komentar:

Posting Komentar

KSTT BLOG tidak merepost komentar dalam bentuk "SARA"

Daftar isi KSTT