
belakang
posting, widget iklan melayang ini akan senantiasa menampilkan dirinya (sehingga di situ seakan-akan ada pesan "Klik iklannya dong...please deh, aku mohon"~mode: lebay..^). maka dari itu, bagi teman-teman Blogger yang sedang bergelut dalam dunia klik2 iklan seperti KumpulBlogger DKK, trik yang satu ini sangat direkomendasikan untuk diterapkan di blognya (bagi yang mau cepat dapat duit, hehe), penasaran buat bikin iklan melayang?
Oh ya...gak enak ngomong-ngomongin aja, tapi tak ada contoh...kan gak mantab, iya gak? bagi teman-teman yang penasaran mengenai tampilan iklan melayang, maupun bentuknya seperti apa, kekar atau tidak, punya leher nggak? Silahkan dilihat contohnya di
Software2iqbal.blogspot.com
(Update: demo telah dihapus, fungsi insyaAllah akan terus berjalan), nah...setelah dikunjungi pasti ada suatu kotak yang melayang...entah itu kita menggulung scroll-nya ke atas atau ke bawah, si kotak melayang tersebut akan terus mengikuti tampilan layar kita. Biar lebih jelasnya si kotak melayang alias iklan melayang tersebut seperti berikut
Hehe...ngiklanin blog sendiri (gak apa2 dah!!!@#$%)
Nah, bagi teman-teman yang ingin membuat yang seperti itu...berikut lah langkah-langkahnya:
1. Login ke Blogger
2. kLik Tata Letak => Klik elemen Tambah Gadget
3. Pilih Gadget yang bertemakan HTML/Java Script
4. Isikan Kode berikut di dalamnya
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJRlHE4H90i7jfUwtgaERxixn8wruh96HKJeehIdtckcoqTINtixpmh5yCcF9Fz3SOMvKFj79c_hmczNdL-ZGpYJjuXL3AYjyxfEOMwLvBW2h5xs6mrRsVdVzIy4gDVQPqzSUMPHuKzsU5/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJRlHE4H90i7jfUwtgaERxixn8wruh96HKJeehIdtckcoqTINtixpmh5yCcF9Fz3SOMvKFj79c_hmczNdL-ZGpYJjuXL3AYjyxfEOMwLvBW2h5xs6mrRsVdVzIy4gDVQPqzSUMPHuKzsU5/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
5. Klik simpan. Dah...
: Ingin cara lain? Klik Tata Letak => Edit HTML=> Letakkan kode iklan melayang di atas kode tag </body> => Kliksimpan Template. kekurangannya, iklan melayangnya akan muncul setiap kali anda surfing ke halaman Tata Letak/LayOut. Lalu untuk kelebihannya, ya lumayan buat ngehemat elemen tambah gadget.
Selanjutnya teman-teman bisa menampilkan iklannya di blog masing2. Entah itu iklan PPC, Iklan PTC (banner Reff), dll...dengan cara mengganti tulisan "SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~" dengan kode maupun widget yang ingin ditampilkan.
Lalu bagi teman-teman yang ingin mengubah warna garis tepi serta warna latar alias background, maka bisa diperhatikan pada kode yang ditandai dengan warna Biru dan Hijau (border: untuk warna garis tepi, lalu background: untuk warna latar) => Untuk mempermudah dalam memilih warna, silahkan cari-cari warna yang anda inginkan disini. Segitu aja yah sob...O iya...ngomong-ngomong mau ningkatin jumlah klik iklan nih? Bisa tuh nggunain trik menampilkan iklan di setiap akhir postingan, tertarik untuk mencobanya? Silahkan baca postingan dengan judul "Menampilkan Sesuatu di Setiap Bagian Bawah Posting". Bagaimana...ngeblog itu mengasyikkan bukan?^
Semoga Bermanfaat_
Artikel Terkait:
Blogger
- Cara Copy Paste Artikel Yang tidak bisa di Copy di Sebuah Blog ataupun Website
- Kenapa Blogspot.com berubah menjadi .co.id ‐ apa penyebabnya dan bagaimana mengatasinya?
- Cara Membuat Slideshow Pada Blogger
- Cara membuat chat box di blog & macam-macam chat box
- Cara Membuat Chat Box di Blogger
- Cara memasang radio online di blog
- CARA MEMBUAT RADIO STREAMING
- Membangun Radio Internet dengan Listen2MyRadio.Com
- Membangun Sendiri Radio Internet
- Radio Online
- Tampilan Baru Dasbor Blogger.com
- Membuat Label untuk Artikel Miniatur Hover
- Menambah Button Send ke Facebook
- Laporan berita sekilas dari w3spy.net
- Pengaturan Ukuran pada Kolom Komentar dan Postingan Lebih Fleksibel
- Membuat Web Hosting di Google Sites
- Google Code - Cara Membuat File Hosting di Google Code
- Tips Mendapatkan Banyak Follower di Twitter
- Membuat Artikel Terkait dengan Disertai Thumbnails
- Cara Merubah Blogger.com atau Draft.blogger.com Sebagai Default Dasbor Blogspot Anda
- Cara Memasang Widget SMS Gratis pada Blogger Blogspot
- Favicon Fitur Baru dari Blogger
- Menambahkan Gadget di Header
- Cara Membuat Menu dan Iklan Floating Bottom - Trik Menu dan Iklan Selalu ada di Layar
Tidak ada komentar:
Posting Komentar