Tutorial : Close Button For Floating Ads

Gadis Kidal Berceloteh...
30/03/2012

.Assalamualaikum !
Peacee Yo(!) ^_^v


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 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/AVvXsEjob30RnxXGj6An5Y6qFo32rZq4g4XvWO9dBvbAg6O7a6WIPAdzQTupyg7uVDkuRMjmCYWfUiG9D2xnSZSNg-3sDmcR1kzaec6CSZ4JH-yKQduIoUYgwJQiynXPURG0bUwkSB-Jw8_G6nM/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. Lyssa bagi contoh : Macam Lyssa , kod terapung Lyssa ...

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

dan kod close button tu ,

position:fixed;
top:30px; right:5px;'>


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



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

 
=SELAMAT MENCUBA!=


KONGSIKAN ARTIKEL INI..
Previous
Next Post »

16 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
Anonymous
AUTHOR
March 30, 2012 at 2:21 PM delete This comment has been removed by the author.
avatar
Anonymous
AUTHOR
March 30, 2012 at 2:21 PM delete

thanks kak lyssa !

avatar
March 30, 2012 at 2:30 PM delete

weeeeheee,going to try nanti...trimas yer sys..:)

avatar
Unknown
AUTHOR
March 30, 2012 at 3:27 PM delete

oo. begitu. tq lyssa.. dok tunggu tuto ni :)

avatar
March 30, 2012 at 3:29 PM delete This comment has been removed by the author.
avatar
March 30, 2012 at 3:29 PM delete

salam lyssa....nice tuto & tq wajib try ;)

avatar
-
AUTHOR
March 30, 2012 at 7:49 PM delete

heeheheh...try n error, make me teror....baik sifu...huhuhuh

avatar
March 31, 2012 at 12:12 AM delete

suka prinsip lyssa tu... bereh2, nak try buat... :)

avatar
Zbj5365
AUTHOR
March 31, 2012 at 8:55 PM delete

thankz..tpi bila buat ok ada close button..tpi takder pop up pun lyysa..knape yerk???

avatar
shera
AUTHOR
June 16, 2012 at 3:24 PM delete

Seterusnya ......... jadi jugak ^_^

avatar
hanim
AUTHOR
June 24, 2012 at 6:32 PM delete

Thankss kak lyssa.

avatar

.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon