Selasa, 21 Juli 2009

Script PopOver, Cara JITU Mencuri Perhatian Pengunjung Blog

Banyak cara untuk menggiring pengunjung blog kita memperhatikan iklan yang kita pasang. Kali ini saya akan membagikan sebuah tips menarik perhatian pengunjung dengan sebuah script POPOVER. Mungkin anda masih asing dengan Script POPOVER. Ya! Script POPOVER adalah sebuah script yang ditulis dalam bahasa pemrograman Javascript. Contohnya adalah seperti banner iklan yang ada di bagian paling atas blog ini. Meskipun dalam bahasa Javscript namun code ini bisa disisipkan ke dalam code HTML yang terdapat dalam blog/website anda. Untuk pengguna blogger tinggal menambahkan widget "JAVASCRIPT". Kemudian masukkan code dibawah ini kedalamnya.
<script>
var URL = "http://formuladahsyat.tk";
var TEXT = "Formula 3 Langkah Menghasilkan Uang Melimpah di Internet!";
var TEXT2 = "Klik Disini";

function build_cover_box() {
var mybody = document.getElementsByTagName('body')[0];
var cover_box = document.createElement('div');
cover_box.innerHTML = '<div id="popovr_box" style="z-index: 101; display: block; position: absolute; width: 100%; height: 30px; top: 0px; left: 0pt;background-color: #0086DE;color:#ffffff;">'+
'<div id="popovr_text">'+
'<table width="100%"><tr><td align=center><span style="color:red;font-weight:bold;font-family:Arial;"><blink>'+TEXT+'</blink></span><span onclick="open_window()" style="cursor:pointer;color:#000000;font-weight:bold;font-family:Arial;"> '+TEXT2+'</span></td>'+
'<td align=right width="10"><img src="http://img194.imageshack.us/img194/669/closek.png" onclick="popovr_close()">'+
'</td></tr></table></div></div>';
mybody.appendChild(cover_box);
popovr_rsz();
window.onresize = function() {popovr_rsz();}
window.onscroll = function() {popovr_rsz();}
}

function popovr_close() {
document.getElementById("popovr_box").style.display = "none";
}

function open_window() {
window.open(URL);
}

function popovr_rsz() {
wi = window.innerHeight;
ch = document.body.clientHeight;
de = document.documentElement.clientHeight;
sc = (document.documentElement && document.documentElement.scrollTop)?document.documentElement.scrollTop:document.body.scrollTop;
document.getElementById("popovr_box").style.top = sc+"px";
}

build_cover_box();
</script>
Silakan ganti text berwarna merah sesuai dengan kebutuhan anda. Semoga tips sederhana ini bisa berguna. Nantikkan tips-tips menarik lainnya di lain waktu. Jadi jangan lupa untuk berkunjung lagi kesini.

2 komentar:

Zaid Qurrachman mengatakan...

Boleh juga nih, saya coba ah..

video ebook internet marketing mengatakan...

Bagus artikelnya om...

Posting Komentar

Buku Tamu