Cara Cepat Membuat Iklan Melayang Pada Blog

on Minggu, 08 Januari 2012

Iklan melayang selain mengurangi ruangan dalam blog juga akan membuat blog tampil lebih hidup. Namun jika pemasangannya kurang pas, misal tombol closenya tidak diperlihatkan dengan jelas akan membuat pengunjung sebel, mereka segera ingin membaca artikel yang dicari tetapi terganggu adanya iklan yang selalu mengikuti, ya nggak. Nah untuk itu jika anda memasang iklan melayang perlihatkan tombol closenya dengan jelas, sehingga pengunjung tak merasa risih. Lihat gambar.
 Untuk memasangnya cukup mudah, langkahnya seperti di bawah ini :
1. Masuk Account blog anda.
2. Pilih Rancangan.
2. Pilih Tambah Gadget.
3. Pilih HTML/Java Script.

4. Copy kode di bawah ini lalu paste di kotak Konten HTML/Java Script.

#gb{position:relative;}   .gbcontent{ float:right; border:2px solid #000000; background:#F1DEDE; padding:10px; } </style><br /> <br /> <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><br /> <br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <div class="gbcontent"><br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> .:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKl3MyBbwMUNORDAYZuy7YqoBFLti9UeNPbKe4wZuDo3C6nF1CNQcXatJqCT1-B0RTH0KKdVzyRnlq7qrNKoKiWroXAwpO1AA0eWDDusGzGDuNrIWHyvMi0UdmqOFuLXm6YFhzJGtJ3gWr/" title="kalau muncul, klik lagi" alt="tutup" />:.<br /> </a><br /> </div><center><br /> <br /> <b>PASANG IKLAN ANDA DI SINI</b>~<br /> <br /> </center><br /> <br /> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>


5.Ganti tulisan "PASANG IKLAN ANDA DI SINI" dengan script iklan anda.
#000000 : kode border, silahkan ganti dengan kode warna yang anda inginkan.
#F1DEDE : kode background, silahkan ganti dengan kode warna yang anda inginkan.

6. Letakkan gadgetnya di mana anda suka. Simpan, selesai.

"Selamat mencoba"
Terima Kasih sudah berkunjung di Blog saya
Please Klik Tombol Suka/Like Di Atas Ini,Thanks



{ 0 komentar... read them below or add one }

Posting Komentar

Next previous home
cbox