Entry hari ini lari sikit dari tema kebiasaan sitisharini.com. Demi memenuhi permintaan cik adik manis Kiera Sakura kita, dengan rendah hati saya tampilkan cara-cara nak pasang banner kat bawah setiap entry macam yang selalu ada kat entry saya sebelum-sebelum ini. Saya tidaklah pandai sangat. Saya pun dapat hasil dari meng-google sana sini. Semoga bermanfaat.
Cara nak letak banner, ada 3 step saja.
- Buat banner.
- Upload gambar banner dekat mana-mana entry blog.
- Masukkan coding dalam post setting.
1. Buat banner
Saya guna Power Point saja. Cepat mudah dan senang. Saya guna PP 2010, tapi saya rasa any recent PP will do. Guna design Smart Art yang dah ada memang mudah sangat bagi orang yang kurang kreativiti macam saya hehehe..- Bukak PP, pastu tekan Insert, lepas tu SmarArt. Pastu pilihlah yang mana berkenan di hati.
- Yang lebih best lagi, nak tukar color ke, nak buat design 3-D ke pun main tekan-tekan hehe.. Pergi dekat Design, lepas tu boleh tukar color dan jenis design.
- Lepas tu pandai lah kan edit mana-mana yang perlu. Anyway kalau tak ada Power Point, guna software lain pon boleh. Nak guna Paint boleh ikutlah. Dah siap kerja-kerja mendesign Save As JPEG ye. Atau GIF atau mana-mana jenis file yang diterima oleh blogspot sebagai gambar.
2. Upload gambar banner dekat mana-mana entry blog.
- Upload lah kat memana. Entry dulu2 ke, entry baru ke. Tujuan kita nak dapatkan url image tu untuk digunakan kat step seterusnya.
- Dah siap upload, copy image url.
3. Masukkan coding dalam post setting.
- Dalam blogspot punya dashboard, klik setting->post and comments, masukkan coding kat bawah ni dalam kotak Post Template.
-
- Macam gambar kat bawah ni, dekat highlighted area tu, copy paste url image anda kat step 2 tadi.
- Size boleh lah ubah mengikut cita rasa. Kalau nak ubah biarlah proportianate dengan size asal.
- Dah siap klik save setting. Pastu nak try, boleh buat new entry tengok ada tak gambar tu dalam entry baru. Banner ini hanya akan keluar dekat entry baru je. Entry lama tak ye..
Sekian=))
Update untuk Cik Imm: Macam mana nak masukkan textarea box dalam entry, yg utk bubuh coding tu.
Cuba copy paste coding kat bawah ni kat html tengok boleh tak?
Starting dari img alt blablabla tu masukkanlah coding apa yg nak diletak dalam box tu ye.
Nice sharing, Zumal pun nak try juga laa ^^
BalasPadamZumal dah buat :)
BalasPadamAlhmdulillah..glad it works=)
Padamkak sit,, camane nak buat box yang boleh paste coding kat atas tu?
BalasPadamcer try dlu..klu xleh kang bgtau kita balik
PadamTerima kasih atas perkongsian ini.. ;)
BalasPadamwahhhh nice sharing la kak siti. boleh la ana try jugak nti hehe
BalasPadamgeramnye tengok kaki kecik kat header tu hehe
ana..lama xnampak hihi..sekarang kaki tu dah makin besarrr
Padamwah...rajin juga ciksiti ni kan
BalasPadamkak..nak kata rajin sangat tu tidak..saya ni memang tak boleh tahan kalau ada orang minta tolong hehe.
Padamwahhhhh alhamdulilah reti kot nak buat ihihhi. thanks cik siti. moga murahhhhh rezeki awak amin amin ;)
BalasPadamamiinnnnnnnn=))
Padamtak jadi huwaaaaaaa!!!! huuuu nanti lah nak tgk lain ape yang salah nya
Padamuik apa yg salah tu..whatsapp je lah kite
Padamterima kasih kerana berkongsikan tutorial ini..
BalasPadamBoleh diguna pakai nanti... TQ...
BalasPadamAssalam siti,
BalasPadamwaaaaaaaaaa
best3
nanti nak try la :)
thanx for the info yer
sangat berguna untuk iols yang agak buta IT ni he3