Tutorial Float Nuffnang Dengan Close Button Yang Boleh Berubah Tempat.

Jeng jeng.. Post ni dah biasa ada kat kebanyakan blog sebenarnya. Tutorial macam mana nak buat nuffnang float kat tepi blog dengan fungsi close button.

Tapi, aku nak ajar yg lebih upgrade. Di mana, kita boleh tambah close button tu jadi berapa banyak yang kita nak. Dan kat mana yang kita nak.

Contohnya kat blog ni sendiri. Aku letakkan DUA fungsi close button kat iklan tepi blog Jejaka Terhangat ni:




Ni adalah code bagi float ads seperti gambar di atas:



Ikuti langkah ni:

1. Download code di atas
2. Add a Gadget
3. Pastekan code di gadget "HTML/JavaScript"
4. Gantikan !-- letak code nuffnang anda di sini --> dengan code nuffnang skyscrapper anda, dan Save gadget tersebut.


Close code:

Perhatikan, code antara | adalah fungsi close 1, dan code antara | adalah fungsi close 2.

Sekiranya anda nak tambahkan lagi fungsi close, cuma copy code yang sama dan pastekan disebelah fungsi close 1 (merah).


Kedudukan Close Button:

Cara nak ubah kedudukan close tu senang je. Hanya ekjas px code tersebut mengikut kemahuan anda. Contohnya, bottom: 10px; left:161px bg close button 2.

Sekiranya anda nak kedudukan close tu lebih ke atas, naikkan nilai px bagi buttom tu. Contohnya, bottom: 30px.


Image Close Button:

Anda jugak boleh gunakan image bagi close button. Caranya sangat senang. Cuma tukarkan perkataan "close" dengan code gambar yang anda mahukan.

Senang je kan? Sekiranya ada yang tak faham. Sila la tanya di komen bawah ni.



*Sila 'LIKE' dan 'SHARE' Jika Anda Suka Posting Ni..=)

15 comments:

Post a Comment

Drop komen hangat anda. Klik "Subscribe by email" jika anda mahu follow up komen entri ni..
Jom Like >> Fanpage Jejaka Terhangat <<

Related Posts Plugin for WordPress, Blogger...