TUTORIAL : Letak code untuk banner di sidebar

Assalamualaikum semua… selamat hari hari semua :D Wahhhh gembiranya Nisa pagi pagi ni. Maklumlah kita bangun pagi kena ceria, kena senyum lebar, barulah awet muda ye tak???

Ouh oke marilah kita kembali ke pangkal jalan. Hari ni Nisa nak buat tutorial macam mana nak letak code banner kat sidebar. Kalau korang tak faham apa yang Nisa cakap ni, meh Nisa tunjuk.

 

Haaaa kat sidebar tu, code dia akan jadi macam kat atas ni. Code tu akan diletakkan dalam kotak scroll macam di atas. Selalunya blogger buat macam ni untuk letak code banner exchange.

 

LANGKAH 1 :

Kena cari code untuk banner dulu. HTML code banner ni akan direct kan banner yang di klik ke blog kita. Langkah 1 ni Nisa ajar camne nak generate code untuk gambar.

<a href="LINK-URL"><img src="PIC-URL" alt="" width="50" height="75"></a>

Oke mula mula ganti LINK URL dengan URL blog kita. Kalau letak URL blog orang lain, nanti masa klik banner sampai ke blog orang lain pulak. Hehehee~ PIC URL tu pulak ganti dengan URL gambar banner kita.

Macam mana nak dapat kan URL gambar?? Gambar tu mesti di upload dalam komputer. Maknanya upload lah dulu dalam photobucket ke, flickr ke, myspace, facebook atau apa apa website yang korang ada.

Dekat gambar tu nanti, tekan right-click, lepas tu klik pada View Image (bagi pengguna Mozilla Firefox). Bagi pengguna Google Chrome, tekan right-click dan klik pada Open image in new tab.

Contoh : Banner ni Nisa upload kat album dalam facebook Nisa.

*Lepas right click, tekan View Image (Mozilla Firefox) atau Open image in new tab (Google Chrome), gambar akan keluar dalam page macam ni. Bahagian yang di highlight kan itulah PICTURE URL.

Lepas tu jangan lupa adjust height dengan width dalam HTML code tu ye. Saiz ideal (bagi pendapat Nisa) untuk paparan banner di blog ialah 125x125.

 

LANGKAH 2 :

Copy link ni.

<div align="center">
<textarea cols="20" name="code" rows="3">TEXT APE NAK LETAK</a></textarea></div>

Sekarang tukar TEXT APA NAK LETAK SINI dengan code gambar yang dah siap tadi.

rows=”3” boleh tukar nombor tu dengan nombor lain. Contoh : tukar kepada nombor 5 untuk 5 baris code.

 

LANGKAH 3 :

• Di dashboard blogger, klik Design.
• Klik Add Gadget. Pilih Configure HTML/Java Script.

Code dalam perenggan pertama, seperti dalam kotak merah adalah code gambar banner sahaja (Langkah 1). Nanti kat sidebar tu, dia akan keluar sebagai gambar lah kan. Tapi masa kat sini, set la width x height dia 200 (atau apa apa size yang disukai) sebab kat sidebar nanti biar dia keluar besar sikit, senang orang nampak.

P/S : Tambah code <center> kat depan code dan </center> masa akhir code.

Code dalam perenggan kedua, seperti dalam kotak biru, adalah code yang dah siap macam dalam langkah 2.

Lepas siap tu, klik pada Rich Text untuk lihat macam mana ia akan terpapar di sidebar anda nanti.

Oke kalau dah puas hati, sila klik SAVE.

 

 

Tutorial suka suka :D Bye bye.