13 April 2013

Home » » Tutorial 70 : Floating Ads, Iklan tergantung untuk Nuffnang, Innity, Advertlets dll beserta dengan button close

Tutorial 70 : Floating Ads, Iklan tergantung untuk Nuffnang, Innity, Advertlets dll beserta dengan button close

Cik Admin | Saturday, April 13, 2013 | 0Comments |
Photobucket



Contoh floating ads skyscrapper dengan button close comel kat atas




Nampak tak gambar floating iklan nuffnang Zana kat sebelah kiri blog zana tu??heee...baru ja pasang....kuno kan...orang dah berabad dah pasang.Zana baru nak pasang..kesiannnn...*buat muka slamber*


Baiklah, Zana tahu anda mesti nak buat jugak kan.Jom!

Copy dulu kod kat bawah and paste kat notepad 9ala software dalam komputer korang tu*

 <div id="cry1"><div style='display:scroll; position:fixed; bottom:5px; left:5px;'><a href="#" onclick="document.getElementById('cry1').style.display = 'none';"><img src="http://3.bp.blogspot.com/-ibcYfr863so/TfeAmFIiARI/AAAAAAAAAqE/uq541mjziYU/s1600/close-button.png" alt="Close" /></a>
<!-- Letak iklan Nuffnang di sini -->
</div></div>

PENTING!!!


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)

http://3.bp.blogspot.com/-ibcYfr863so/TfeAmFIiARI/AAAAAAAAAqE/uq541mjziYU/s1600/close-button.png



http://1.bp.blogspot.com/-WsqmnkxXqro/TivToMeNglI/AAAAAAAABLo/AM_dNZzo_Yo/s1600/btnCloseX.gif


http://3.bp.blogspot.com/-84Qe9C2u_Ds/TivTosiv8CI/AAAAAAAABLs/XOFDyJey4J4/s1600/close.png


http://4.bp.blogspot.com/-NzEMi1QPv7g/TivTo_SosyI/AAAAAAAABLw/GBCPiLF7mUU/s1600/close2.png


http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png


http://2.bp.blogspot.com/-wSHe6MbtcN4/TivTpeVWXII/AAAAAAAABL4/MRqLrobVnd4/s1600/close4.png



http://1.bp.blogspot.com/-LgKue49wN4k/TivTqOvwNfI/AAAAAAAABL8/weB24Y2h9UQ/s1600/close5.png


http://3.bp.blogspot.com/-EkyWf0NXwzg/TivTqfI9E7I/AAAAAAAABMA/YvxNHBtr53A/s1600/close6.png


http://4.bp.blogspot.com/-0uq0e_jWzNg/TivTqokcU0I/AAAAAAAABME/sXmzr-vPyuM/s1600/close-bar.gif


http://4.bp.blogspot.com/-gUTr8YeE0p8/TivTq4u66rI/AAAAAAAABMI/_lCSkmrr0v4/s1600/CloseButton_ver845743.png



http://4.bp.blogspot.com/-kZY0N7l8-Ow/TivTrhlNgsI/AAAAAAAABMQ/ZfInIfwKFjw/s1600/images.jpg


http://1.bp.blogspot.com/-10FyCGw5jyU/TivTrfNBWeI/AAAAAAAABMM/NMe9PcnZ9n0/s1600/close-x.gif


http://4.bp.blogspot.com/-bRYciKZws1k/TivTr_byQBI/AAAAAAAABMU/Ut-ck0eta50/s1600/layer_notes_close.gif


http://1.bp.blogspot.com/-HtQoe5Bua1Y/TivTsNwzA9I/AAAAAAAABMY/q4mizm-BwOQ/s1600/lightbox-btn-close.gif


http://3.bp.blogspot.com/-fLiv1XRBZx8/TivTsvetVQI/AAAAAAAABMc/5t-rdcrqTRk/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 Rectangle kerana saiz Skyscrapper yang slim dan tidak mengganggu bacaan post.

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 !!

Habis dah. Nanti kalau ada apa-apa masalah, tanya ye.



Syukran jiddan.Sila tekan like dan send jika suka entri ini ..^_^

No comments:

Related Posts Plugin for WordPress, Blogger...

Design By Saidatul Qifayah | For ! MSH PRODUCTIONS 2013-2014 ©| Resolution: 1366 x 768px | Best View: Google Chrome