Cara Paling Mudah Nak Buat Iklan Terapung ada CLose Button




Cara Nak Buat Iklan Terapung ada CLose Button.. Kami ingin berkongsi bagaimana nak buat iklan terapung di tepi blog kita.. boleh cuba ikuti tutorial kat bawah..selamat berjaya

Contoh floating ads skyscrapper



Secara ringkasnya yang aku pakai adalah code ini;

<div id="cry1"><div style='display:scroll; position:fixed; bottom:5px; left:5px;'><a href="#" onclick="document.getElementById('cry1').style.display = 'none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9m55Kt1I1GRgZUQ8a93AqmZam9Ox9Xq7GPplsduyW6xvJDrfedhEMas5hRBJ64byYfifXiu7eX167Nww740S46KLZHtx6HJ6LIBQDEQrzKCMjfg72RIHBpWPp0qD6my3gyXHQx5jtEQQ/s1600/close-button.png" alt="Close" /></a>
 <!-- Letak iklan Nuffnang di sini -->

</div></div>

1. Ubah posisi Iklan
Korang boleh ubah kedudukan iklan ini ikut suka hati korang dengan mengubah code di bahagian ini;

bottom:5px; left:5px

Korang boleh ubah bottom kepada top dan left kepada right. Part nombor 5px tuh boleh godek-godek try and error. Mengikut kesesuaian korang. Tak ubah pun tak pe. Ok je.


2. Image button close
Korang juga boleh tukar button close yang ada. Korang boleh cari kat Google dan gantikan code yang berwarna ungu tuh pada code button close pilihan korang. Ni aku ada senaraikan, kot-kot ada yang terminat mana-mana; (semuanya datang dari Google)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9m55Kt1I1GRgZUQ8a93AqmZam9Ox9Xq7GPplsduyW6xvJDrfedhEMas5hRBJ64byYfifXiu7eX167Nww740S46KLZHtx6HJ6LIBQDEQrzKCMjfg72RIHBpWPp0qD6my3gyXHQx5jtEQQ/s1600/close-button.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrTB02FXfbDy4zRUWnEqbdO-uEZAsHPZLUDkWgqbFiFv-wIacGYzNYzN0i0rA4e75jsIEhmkcRNizWlD65blctnsh89j6vcLINiuDp7JR6u7iHQuA6n0vxttedgcrjkxtkQAvuSBNdseaE/s1600/btnCloseX.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja2mL6Cel6fLTcq8-GA4AzM5ZEP4PYRKPEyIIwNZGf5vkHsY4ezAYA6I8_5ZDac6Ig9p7QKm3-2Y8bjW9dlGVkDuD7Uuu8CncBOTer82-ZmCx5nYgwmP7JgX3T9v_XjQA63Nt0qY3p9G-y/s1600/close.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAPv3N2iTxzbUqaukuBSOCNPrnbhuuw2dzBaAcsUQTz8JdyUYth7uUAPmERaxh6MAcwYpBrvWRXZb_v0iDptv7W8MmNEa-JwqgW4-dOe3pAC_urig5VaT7plaEF02YzCefHcRXgLdJVUH/s1600/close2.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG1hhyphenhyphendMFZ3_87eUriU7uIUaMivHdiRe4eu4Zpf4gAITjeBKhdiE4EVzUckR_A3Cvj4JV_MDcADZhHYSU5siUzYZlz9vwOb-dEDR9BCkgUtt_736Lq8lvdntgqS9vYJCA3MdtaYYezc5a0/s1600/close3.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Scybky0le3p2-Q5XSSd8mChxb545NAe5fj0LPrvpuzlaOsQwGCsnijSoQk_xxu_IcRhwnE7DbJtnKxWFQ-Tx24NU4ILGEuRgZzZOhPaBq0HMepXv0PrBMPsTd9vaxbCYZ-iVezy93qPS/s1600/close4.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW85VvClfArZ8wBhKuFeEbOn1Rfy7Bbna7mbasLIDUqu4qJynrvyOKWQ_F_n49dmus6vvp4Ku2FhXyMaKS2cpOLlrno6SAMgBs-MOcfxtmm0bfAHCQBb_rG9R6rx_hrjulReHjJNa52QmA/s1600/close5.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMjeGCLzQcru9G-tJ53U_DFFlMePPISnQIiFU7ENB0L6vMcmbY1-BaqW61Bcq9ArOuLO8OgO7Q03ABtFZDJWU6InKHgkH75jgrXyWRvO2_pYx29hBTgihksFDAcKlA9QA-tSgcQ054tTaa/s1600/close6.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIaepHepr90r1pg70CbX2-zjYi8aOKCH0mBjcdCPWb1xJyNedd6DTZeVZthZ3IYItaCodmcOD5698dfg4SI7pRegBX5xTP5FsY8Ue5p21tqAK4VJgALOKu0BhUSfMoz7WrrHk3WIP6Mtve/s1600/close-bar.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqQr8vLCuskhBUmZE5lsSW_SUThNuJKGQIXtwi20JMzHbE4K-MsN0PqSYHDyDS5pr1yV1CooXA73Al4c8EDcHeJDHCWZa9Tf8mXK0Z9t8fwSwEyDMVYorK_8Bwt8TabTsEP5qI1MgnFYMz/s1600/CloseButton_ver845743.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMvoV6YkzSS7zWN71F30iseRbTgkutNcgky-oV7IGZdTg_R3tDgCcHdvKhYGjpGUGWOZvN66jnb8KeKDuPV6duxsvxZA2emZDqy8KcDNoVS2XJMOIzjvRMl69K-f83qNNVuig28NFgQkyw/s1600/images.jpg


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKu2D449O7rlPhhEN2gyaCtIAvGzjvj9MMRH9F7PLLEoGpePaeVYeckql7yOmUWvhaTuS1WFl12GcgiihOg3jkLp68tTF3ZIAFEbBBr750U6Ap-FIoQ72IzhWaxrmQzTUnlZO4AKZV3KKz/s1600/close-x.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAClmnGH71itTJ6MRNdRTHWy85JPY_iPo8hwSa09eckRYBpLravzF2re1xjBmEREK1Zt9HrzCEpqgTnZUtJGLbbg9pBgzOPs_aHufx0HDBH6EY0Ury2XRhkvAUkzaMpDV0IdsZk_YLtYWu/s1600/layer_notes_close.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RNUuxnBDo3kY4yQxMXGvY7ICkUQCtIPv8tq2gptHpbcJMYxzP-CnqZOWtUG-GdrL6h2GONwbIVrNbvRiqT_5j91Ff_LaY-qjNACf_7OUkmmbP4_wG_uukxfR1YF4Y2hyjtEHbIIR18lv/s1600/lightbox-btn-close.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ7oP_SFN9lX9PBx9_knqrD5ZHDKxkLGu6RHntGWFmbY3rIqjuPGFF24mlUXSCEKi7lgVAAzcx4ELOVqgHJfRQUieVxWg59RiK_fml642MW-f6nyTDW0dnvDbapIveNkOCWSxSBCzN8QBo/s1600/subModalClose.gif




3. Letak kod iklan
Gantikan <!-- Letak iklan Nuffnang di sini --> dengan code pilihan korang. Biasanya orang akan pilih code Skyscrapper berbanding Leaderboard dan Large Rectanglekerana saiz Skyscrapper yang slim dan tidak mengganggu bacaan post. Aku sendiri pun penah cuba letak ketiga-tiga jenis dengan float ads ni. Mula-mula macam cool gila kan, lama-lama jadi semak. Haha. Sakit mata memandangnya. Cuba-cuba sampai berjaya ya.

Disamping itu, korang boleh je nak letak benda lain, macam gambar kucing ke, gambar pakwe ke, gambar sendiri ke. Tapi takleh letak gambar makwe, nanti kena ngurat


4. Cara nak letak dalam blog
  • Pergi kat Dashboard, http://www.blogger.com/home
  • Klik pada Design
  • Klik pada Add a gadget
  • Pilih HTML/Java Script
  • Copy paste code di atas
  • Klik Save
  • Siap !!


 Sumber: http://ipai-ans.blogspot.com
Labels: