Blog tutorial kali ini yang saya postingkan yaitu bagaimana memasang bingkai iklan yang melayang dan hanya dapat ditutup dengan mengklik tombol closenya saja. Jadi diharapkan dengan memasang iklan melayang ini, diharapkan para pengunjung blog sobat sudi mengklik salah satu iklan yang tertayang dan ini juga sekaligus dapat menambah penghasilan sobat dari ngeblog.
Penasaran ingin membuatnya? cekidot bro...
Berikut cara membuatnya:
- Klik menu "Rancangan" --> "Elemen Laman" --> "Tambah Gadget" --> "Tambah HTML/Javascript".
- Kemudian copy kode dibawah ini dan pastekan kedalam kotak "Tambah HTML/Javascript tersebut dan tidak perlu diberi judul.
- Ganti kode berwarna merah dengan link dari iklan sobat.
- Untuk mengganti warna background, sobat dapat mengubah kode html warna pada kode berwarna ungu. Dan untuk mengganti warna garis tepinya, sobat dapat mengubah kode html warna pada kode berwarna biru. Untuk kode warna html, sobat dapat lihat di sini.
- Kode berwarna hijau untuk ketebalan garis tepi yang dapat sobat ganti sesuka sobat
- Klik tombol simpan dan lihatlah tampilannya diblog sobat.
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
-moz-border-radius:10px;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #171615;
background:#EFCC55;
padding:10px;
-moz-border-radius: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()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgM6OuIFF0JGBGlOVFgn9rolAPbrbJlyz0c-1vrSzgxnwcgpKLo2HOELVAKYRWJ0rSCWRvncIS2IemOBUvByHz6N35JU6sbRiRjjzypDnsxXANFm2uL9yWD5afBN4Qy0jVKGb7sZARqNMB/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
<b>Klik iklan dibawah ini untuk memberikan donasi:</b><p>
Link Iklan Anda
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Sobat bisa melihat contoh hasilnya .
Selamat mencoba dan bereksperimen...
Semoga berguna dan bermamfaat...
Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.
Artikel Terkait:
Blog Tutorial
- Alternatif Expand Template Widget
- Cara Membuat Widget Random Article
- Membuat Sendiri Aplikasi Android Untuk Blog
- Membuat Form Kontak Admin
- Pasang Tombol Sharing Lintas.Me
- Membuat Sendiri Aplikasi Symbian Untuk Blog
- Membuat Email Dengan Domain Sendiri Gratis
- Cara Mengarahkan Gambar Google Ke Blog
- Membuat Judul Blog Bergerak Di Browser
- Membuat Anti Select Text Pada Postingan
- Mengatasi Tata Letak Blog Yang Tidak Teratur
- Widget Free Proxy
- Cara Pasang Slider Carousel Di Blog
- Menampilkan Widget Hanya Pada Halaman Postingan
- Pasang Widget Follower Box Twitter
- Widget Random Ayat Al-Qur'an Di Blog
- Membuat Footer 3 Kolom Di Blog
- Widget Random Kata-Kata Mutiara Islami
- Parse HTML Tool
- Cara Praktis Pasang Foto Di Hasil Pencarian Google
- Pasang Meta Tag Friendly SEO Super
- Buat Flash Banner Online
- Cara Pasang Widget Pop-Up Di Tengah Blog
- Cara Upload File Flash Ke Google Site
- Widget Cek Lokasi Dari No.Handphone
ud ente coba ya sob?
tapi kl iklanny d iklik, halamn blog qt ilang sob.
kalo halaman blog'a yang hilang itu karena saya pasang script iklan negeriads (memang kalo klik banner dari negeriads langsung dibawa ke situs'a tanpa tab baru.
Tapi kalo script banner yang lain setiap diklik otomatis terbuka tab baru tanpa menghilangkan blog kita, contoh'a script dari kumpulblogger.
saya pke scriftny adsense camp, kyk gt jg mas.
kumpul blogger gx ngrti ambil scriftny dmn, hehe..
kalo gk salah, ambil'a dibagian menu "blogger" yang ada tulisannya "Script Text Advertising untuk Blog anda" dan "Script Mini Banner untuk Blog anda"
aku mau coba