pada
postingan kali ini Aura akan kembali membahas tentang tutorial blog,
yakni membuat iklan melayang lengkap dengan tombol closenya. ya sobat
sebenarnya apasih keuntunganya jika kita memasang iklan melayang atau
float ini? ya keutunganya adalah, sudah pasti semua visitor yang
berkunjung ke blog kita melihat iklan float ini, karena setiap refresh
halaman di blog kita akan otomatis muncul iklanya, apalagi sekarang
sobat blogger banyak yang menggunakan jasa PPC lokal maupun mancanegara,
lebih besar kemungkinan di kliknya jika menggunakan float. Baik
pastinya sobat farhan semuanya sudah penasaran kan, di simak ya, ini dia
langkah-langkahnya.
1. Masuk Ke Blogger.
2. Pilih Tata Letak / Elemen.
3. Pilih Add Gadget.
4. Pilih HTML/JavaScript.
5. Lalu sobat letakkan kode di bawah ini ke dalam box "konten".
#gb{
position:fixed;
top:200px;
left:250px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:1px solid #A5BD51;
background:#cccccc;
padding:10px;
}
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);}
}
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
Catatan : Kode yang berwarna merah bisa sobat ganti dengan script Iklan Banner atau PPC yang sobat inginkan.
1. Masuk Ke Blogger.
2. Pilih Tata Letak / Elemen.
3. Pilih Add Gadget.
4. Pilih HTML/JavaScript.
5. Lalu sobat letakkan kode di bawah ini ke dalam box "konten".
#gb{
position:fixed;
top:200px;
left:250px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:1px solid #A5BD51;
background:#cccccc;
padding:10px;
}
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);}
}
Klik 2 kali untuk keluar
"Script Kode Iklan Disini"
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
Catatan : Kode yang berwarna merah bisa sobat ganti dengan script Iklan Banner atau PPC yang sobat inginkan.
6. Tidak Usah diberi judul.
7. Klik "Save" dan Selesai.
Selamat mencoba sobat farhan, bila ada pertanyaan comment di bawah.
0 komentar:
Posting Komentar