Tutorial Meletakkan Banner Terapung di Blog
Ramai yang bertanya macam mana untuk meletakkan banner terapung di blog (floating banner). Terapung itu bukan bermaksud banner itu akan terbang atau sebagainya> Banner terapung itu bermaksud walaupun blog anda di scroll ke bawab, banner tersebut akan kekal pada tempatnya. Contohnya di topotato.com, banner tersebut mempunyai banyak fungsinya tidak hanya terhad untuk iklan sahaja ia juga boleh digunakan untuk widget RSS atau mungkin ucapan alu-aluan kepada pelawat blog anda.
contoh penggunaan banner terapung di topotato.com
Cara untuk meletakkan banner terapung di blog anda adalah mudah sahaja, hanya sedikit coding CSS diperlukan:
Penerangan: “div style=”position: fixed; bottom: 5px; right: 5px;” menentukan kedudukan banner tersebut position fixed yang menjadikan ia kekal pada tempatnya walaupun blog anda di scroll ke bawah. Untuk yang lain itu sila bereksperimentasi sendiri untuk mengetahui kegunaannya.
Sila gantikan url dan url gambar anda sendiri di coding berkenaan. Selepas itu letakkan coding berkenaan di edit template bagi pengguna blogger dan untuk pengguna wordpress berhosting sendiri digalakkan untuk meletak coding berkenaan di bahagian footer sebelum < /body>.
Sekian sahaja post ini, diharapa ia dapat memeberi manfaat kepada yang memerlukan. Jika ada sebarang masalah sila ajukan di bahagian komen.
tenkiu utk tutor nie…
akan dicuba nanti…
bagus ler blogger kacak nama nazrien nie…
Reply
excuse me,untuk blogspot kan.ltak dlm edit template bahagian mana?
Reply
April 27th, 2010 at 10:25 pm
edit template>> edit html>> masukkan sebelum
Reply
mula2 baca tajuk entri, terfikir oleh akal aku, apakah banner terapung itu….hahaha..rupanya float image/banner hahaha…tq abg po.
Reply
April 28th, 2010 at 12:10 am
abang po? hahaha. best juga nama baru tu. nanti aku komersialkan nama abang po tu. dulu aku dah kasi komersial nama abang juju
eh, sorry abang po, komen x berkenaan dengan post. ahaks
Reply
April 28th, 2010 at 12:11 am
hahhaha ada member2 kat utem mmg panggil aku po je hahaha
Reply
simple jer bende nie senanye.. aku pun daa buat kat blog aku untuk ikon rss ngan tweet, hohohoho!
Reply
tq topo
kena tempat mmg cute la
Reply
bagus btol abg topo..dulu masa zaman jahil coding aku ni..aku guna firebug pas2 cari floating banner then aku steal code dia..bg yg nak belajar coding cara ni mmg aku alu2 kan..
Reply
Tutorial yang dicari2…
Reply
info yang berguna, thanks. nanti nak cuba lah
Reply
kena pandai buat la..kalau tak, menyemak pandangan ja..
p/s:kalau banner dah saiz height lebih 150px better jangan la..dah kurang space content..nak baca pon susah..keke
anyway, nice tuts..keep it going..
Reply
April 28th, 2010 at 5:34 pm
Hehe tau takpe.. memang kene pandai buat.. kalau tak macam huru hara je nanti.
Reply
thanx.. dah lama cari.. huhu.. jumpa gak.. tapi tak taw bila nak guna
Reply
lama sgt2 dh ilmu ni.. keh3.. *berlagak*
Reply
Wah menarik ni.
Blog anda pun menarik juga. Banyak info2 baru yang saya belajar. Terima Kasih sbb sudi berkongsi ilmu.
Pertama kali masuk dulu, saya terus berminat dan setiap kali ada new update, mesti saja terjah blog ini sbb saya dah letakkan blog ini dalam kategori ‘Pilihan IT Melayu’ dalam blog saya.
Syabas dan teruskan memasukkan info2 menarik untuk tatapan semua.
Reply
aku baru nak cari code utk ni…hehe
ko memang macho la…hehe
Reply
April 29th, 2010 at 11:32 pm
hohoh sila bank in bebrapa ratus ringgit sebagai tanda terima kasih.. hahaha
Reply
mantap niii
Reply
owh senang je rupanya… thank u topo
Reply
Bagus lah tips ni tapi kena study betul2. Kalau blogspot dulu memang mahir tapi wordpress ni kena belajo.
Reply
rindukan zaman wp
\huhu
Reply
bagus …dah lama cari tutorial ni
Reply