Kamis, 21 Oktober 2010


Cara Membuat Widget Dan Script Melayang

Cara Membuat Widget Dan Script Melayang - Mungkin anda pernah berkunjung ke sebuah blog dan disambut dengan sebuah notifikasi melayang yang tiba-tiba nongol dari atas atau dari samping.
Nah inilah yang biasa disebut widget dengan script melayang. Mungkin script seperti ini dianggap menggangau oleh para pengunjung bahkan mungkin ada yang kesal dan langsung meninggalkan blog kita.
Tapi apa boleh buat, ini adalah salah satu metode memaksimalkan promo terutama buat yang bergabung PPC. Harapan kita sebagai blogger agar apa yang di promosikan mendapatkan tanggapan dari pengunjung.
Mungkin blog ini juga menggunakan script yang demikian (terkadang saya lepas). Kalau pengunjung merasa terganggu saya mohon maaf yang sebesar-besarnya karena itu adalah salah satu cara untuk menambahkan penghasilan kami sehingga semangat untuk mengupdate blog dengan informasi-informasi terbaru. Kalau pengunjung mengerti maka sepatutnyalah mereka memberi kontribusi untuk para blogger dengan cara mengunjungi situs pengikalan mereka.

Tambah Gambar
Kalau ada diantara anda yang ingin menggunakan script melayang maka saya akan memberi dua buah script yang berbeda. Ada yang menggunakan klik 2 kali untuk close dan adapula yang menggunakan klik 1 kali untuk close. Script ini adalah hasil copas tanpa permisi dari blog tetangga :D

1. Script melayang dengan tombol klik 1 kali untuk close (menutup)


<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; 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-100; 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()"> .:[Close][Klik 1x]:. </a> </div> <center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center> <div style="text-align:left"> <a href="http://www.tenriewa.co.cc"> </a> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (20-gb.offsetWidth).toString() + "px"; </script></center></div></div>

2. Script melayang dengan tombol close 2 kali klik

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:0px solid #A5BD51; background: #ffffff ; 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:center"> <a href="javascript:showHideGB()"> <img src="http:// www.fileden.com/ files/2009/10/12/2599919/ close.gif" /> </a> </div> <center>

Masukkan kode disini !

</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

Silahlan di copy dan paste di blog anda !

Salam : Basri Tamang

21 komentar:

New Trik Tips Komputer on 14 Januari 2011 07.18 mengatakan...

mau tanya donk ,.,.,.
kalo bkin iklan melayang yang seperti punya kmu itu gmn ya ,.,.???
jadi pengunjung harus mengklik iklannya kalo mau nutup iklan floating itu ,.,.,.!!!
mohon pencerahannya ,.,.,.!!!

Basri Tamang mengatakan...

Script tersebut hanya hasil copas dari blog tetangga....untuk membuat saya sendiri belum bisa...

New Trik Tips Komputer on 14 Januari 2011 21.46 mengatakan...

kalo boleh mnta donk scripnya ,.,.!!!!
atau mnta alamat blog tetangga itu ,.,.!!!
please bgt ,.,.,.

Basri Tamang mengatakan...

Saya kirim lewat mana nih ?

New Trik Tips Komputer on 16 Januari 2011 00.05 mengatakan...

lewat e-mail aja ya ,.,.!!!
ini e-mail saya aardhiwijayanto@yahoo.com

makasih banyak ya ,.,.!!!!

Basri Tamang mengatakan...

Sudah....silahkan cek email

New Trik Tips Komputer on 16 Januari 2011 04.58 mengatakan...

makasih sob

David Almunandar on 21 Januari 2011 02.16 mengatakan...

Mass...

saya minta juga donk mass pliss...

saya sedang mencari cari yg seperti itu...
dari 1 minggu yg lalu kira" tapi tetap tida ketemu,..

tolong yaa di kirim ke email saya :
david_top22@rocketmail.com
kalau gk mau repot krm ke FB aja mass...

saya ucapkan trima kasih yg sebanyak banyaknya.,..

Basri Tamang mengatakan...

Apa maksudnya seperti yang terpasang sekarang ?

David Almunandar on 22 Januari 2011 06.07 mengatakan...

yaa betul banget mas...
Pliss kasih saya yaa...

Trima kasih.. saya sudah cari dimana" tetap tidak ketemu mass tolong di kirimin yaa

Makasih..

David Almunandar on 22 Januari 2011 06.16 mengatakan...

terserah Mas..

mau yg Iklan Terpasang Seperti Sekarang gpp..
lumayan kok..

tapi saya berharap iklan yg harus klik
ikan tsb dulu baru closen otomatis..
"klik iklan baru bisa di close mas"

Tapi klo tidak punya yg Seperti terpasang sekarang juga boleh kok..

Trima Kasih ^_^

dru-creation on 5 Februari 2011 04.06 mengatakan...

Mas, kalo boleh saya juga minta srcipt iklan melayang seperti mas...saya sudah lama cari2 tapi gak ketemu2....mohon di kirim script ke email saya
salamsukses45@yahoo.com
di tunggu mas balasannya !!!
thanks

M Zharfan Pasca Hadian on 11 Februari 2011 02.17 mengatakan...

kak minta script iklan melayang seperti kaka dong , pliss ya ini emailnya:scambeg.svn@gmail.com
nanti kita tukar link ya!!

M Zharfan Pasca Hadian on 11 Februari 2011 03.01 mengatakan...

pliss minta kk aku mau...

Basri Tamang mengatakan...

wahhh......banyak yg minta......gk mau ah :D

Tunggu aja di email masing2...

Ciungtips.blogs on 19 Februari 2011 19.50 mengatakan...

Bung untuk supaya ni iklan melayang nempel pas diatas gtu scriptnya di sisipin dmna? Than'ks

Basri Tamang mengatakan...

posisinya akan tetap melayang dibagian atas browser menutupi sebagian artikel walau si taroh di widget manapun.

Basri Tamang mengatakan...

Di artikel saya kn sudah ada tuh mas, tinggal copy aja..

merza munandar on 9 Maret 2011 04.50 mengatakan...

kalo ingin di klik tanpa hrus close gmn carnya??

Basri Tamang mengatakan...

@Merza : Bisa diperjelas maksudnya ?

Rifky on 27 Juni 2011 01.26 mengatakan...

Sob,kirimin ke emailq juga ya scriptnya!

w.rifky@gmail.com

Makasih atas bantuannya..

Posting Komentar

Anda tidak diperbolehkan berkomentar bersifat promosi produk yang sama dengan di artikel, Apabila anda tetap berkomentar maka komentar anda akan kami Hapus