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 , CHEN ada buat Tutorial : Iklan Terapung di tepi blog . Dan baru- baru ini ada yang tanya CHEN macam mana pulak buat close button pop up macam kat blog CHNE ni ?
Haa . Bila tekan button merah kat atas iklan terapung tu , akan pergi ke new tab kan ? hekhek . (Boleh pulak tambahkan PV blog CHEN . 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/AVvXsEg_5RwhHjqHyRXuEMHTdwu09KkGY2rveBahO4Brp_-Si9p-96wNmbmBHjbvzr3bhG_etGbLPatTTgAzdSSalSCfVPXkEWwYfJWeMdzDTy4vvjRrdqiKtxEOf6OkyYn1RlmD50yOGb_bsi8/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. CHEN bagi contoh : Macam CHEN , kod terapung CHEN ...
<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 CHEN ni . Percaya lah , anda akan berjaya ! Ahaa . Perasan sekejap ! :P
=SELAMAT MENCUBA!=
♥ Terima Kasih Kerana Sudi Membaca Entry Lyssa ! Like Kalau Suka ! ♥
EDISON CHEN MAR
0 ulasan:
Catat Ulasan