Nothing's Over

Tuto : Close Button For Floating Ads

Sunday, April 8, 2012 ❖ 12:35 AM | 0 Comment [s]

ASSALAMUALAIKUM, tuto : Copy by Kak Lyssa

Okeyy . Now , i want to teach you how to make a close button for floating ads .. means that macam mana nak buat butang tutup/pangkah untuk iklan yang terapung . Before this , Lyssa ada buat Tutorial : Iklan Terapung di tepi blog . Dan baru- baru ini ada yang tanya Lyssa macam mana pulak buat close button pop up macam kat blog Lyssa ni ?

Haa . Bila tekan button merah kat atas iklan terapung tu , akan pergi ke new tab kan ? hekhek . (Boleh pulak tambahkan PV blog kak Lyssa . Err . Kan ? HAHA)

Bagi siapa nak buat jugak , boleh lah ikot je step kat bawah ni ye ? :P

1. Kalau nak buat tutorial ni , wajib ikot TUTORIAL INI dulu tau . Kalau tak , mcm mana nak apply . haha .

2. Oke . After that , korang pergi Html/JavaScript yang ada kod untuk terapung tadi tu ;)

3. Copy kod ini :

<div class='widget-content'>
<div id="polskadoor"><div style='display:scroll; position:fixed;
top:30px;
right:5px;'><a href="#" onclick="document.getElementById('polskadoor').style.display = 'none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpJoGDInyMf35gYg0taLP3GvOPssg0pw6PhR-SbJEb9M1Gf21bui_jLZCCDB4IPZFFZrvSjzkjo-MUfaolcgo0C4Kcyq2suhthDEIvyisFQ4quvdEATZ6VmwkwfbifqIkviHIsVvwDh8s/s1600/close-button.png" alt="Close" /></a>

4. Paste di bahagian atas kod terapung tu .. Yang warna merah tu , korang boleh tukar eh , bagi button tu , berkedudukan betul-betul atas iklan terapung korang tu .

5. Kak Lyssa bagi contoh : Macam Kak Lyssa , kod terapung Lyssa ...

<div style="position: fixed; top: 50px; right:0px;">

6. Haaa . Korang pulakk ? Pandai-2 lah korang ubah size kedudukan dia ok?

p/s : "Try and Error , make me Teror" . lalalala . Pegang prinsip Kak Lyssa ni . Percaya lah , anda akan berjaya ! Ahaa . Perasan sekejap ! :P

=SELAMAT MENCUBA!=

Older Post | Newer Post