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!=
16 000 orang Comment Di Sini
Write 000 orang Comment Di SiniNice tuto
second!!!!!!!!!
thanks kak lyssa !
baik, nanti try
weeeeheee,going to try nanti...trimas yer sys..
oo. begitu. tq lyssa.. dok tunggu tuto ni
salam lyssa....nice tuto & tq wajib try
heeheheh...try n error, make me teror....baik sifu...huhuhuh
suka prinsip lyssa tu... bereh2, nak try buat...
thankz..tpi bila buat ok ada close button..tpi takder pop up pun lyysa..knape yerk???
good nak try
Seterusnya ......... jadi jugak
Thankss kak lyssa.
thnks...
.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon