Tutorial | Cara nak ganti link pages jadi gambar.

10:44 AM


Salam,

Waah, ada orang req tut ya. Adik Sarah Nabilah yang melawat tengah malam, apesal lambat tido? Main angry bird ya? Just kidding, jangan marah key. Sebenarnya adik ne req kat Cahya tut cara nak buat link pages ganti ngan gambar. Jadi dah sedia? Jom mula.



1. First korang kenalah ada gambar yang dah siap korang buat(yang buat ngan Photoshop ke, Paint.net ke), pastu korang upload lah kat Photobucket atau Imageshack atau mana-mana image hosting yang lain. Pastikan korang dah jadi member baru upload tau, sebab image yang tidak bertuan jangka hayat dia tak panjang. Bleh hilang bila-bila je.

2. Lepas korang dah ada image, next step korang perlukan html code untuk display gambar yang ada link (clickable image). Copy html code di bawah ne, buka Layout>Add a gadget>Html/JavaScript, paste kan kat dalam box.  

<a href="http://icahya.blogspot.com/" title="home"><img src="http://img707.imageshack.us/img707/943/homekym.png" width="90" height="23" /></a>

yang merah : link yang akan di redirect kita e.g link pages kita.
yang unggu : title bila move cursor kita dekat gambar dia akan muncul.
yang purple : direct link gambar kita atau gambar yang kita nak display.

Yang width ngan height tuh lebar dan tinggi. Tapi kalau korang tak nak adjust width ngan height dia padam jak code tuh.

Bleh letak gadget ne dalam blog ikut suka hati. Tapi bagi Cahya nak yang memanjang kan, cahya letak bawah header.


3. Okey, sekarang cara nak dapat link image(untuk yang warna merah dalam html code di atas) Buka Pages seperti gambar di bawah :


Pastikan Show Pages as "Don't Show" sebab nak ganti ngan gambar kan. Cara nak ambil link dia right click tajuk page, copy link address dan pastekan kat dalam code gambar. Yakni ganti kode yang warna merah tuh.

4. Gantikan code image yang nak di display(unggu) dengan image korang(direct link). Then save, pastu siap! 
Contoh direct link.


Kalau ada 3 link pages yang nak ganti ngan image, kena ulang lah step 1~4. Tapi dalam kotak gadget yang sama lah. Takpe juga kalau kotak gadget yang berlainan.

Woah agak tak tesusun lah tut ne. Kalau tak faham bagitau keey. Sorie entri banyak kelemahan.

You Might Also Like

2 Comments