TUTORIAL : MEMBUAT PAGE LIST

PAGE LIST

Tutorial ini di minta oleh CJCELL

  1. Nak buat gambar/tulisan/bentuk apa?? itu ikut citarasa masing-masing ek..korang edit siap-siap dulu. Kemudian SAVE macam biasa di lappy/komputer korang.
  2. Buka imageshack/photobucket..ikut saya, saya biasa guna imageshack lepas tu korang upload gambar/tulisan/bentuk yang korang dah edit cun-cun tu.
  3. Korang copy HTML code dalam imageshack tu
  4. korang Log in blog > Design > Add a Gadget > HTML/JavaScript dan paste kan HTML code tadi. Contoh code dia :
 <a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/155/ownerhq.png/'>

<img src='http://img155.imageshack.us/img155/6093/ownerhq.png' border='0'/></a>

Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a>

* code yang warna Hijau itu korang deleted ok

5.  Kalau ada 5 page list yang korang nak buat, korang buat satu-satu, kiranya kena repeat 5 kali lah untuk dapat kan code satu-satu gambar/tulisan/bentuk tersebut.
6. Untuk letak kan link pada gambar/tulisan/bentuk ini supaya bila korang click kat situ, automatik laman yang korang minta itu terbuka. Mula-mula korang highlight kan code yang korang nak


kemudian korang click dekat bulatan merah itu


so masukkan link apa sahaja yang korang nak dekat sini. Contoh link untuk tutorial, contest, owner dan sebagainya.
7. Buat satu-satu ok? dah siap boleh SAVE 
8. Last korang tarik dan letak kan pada bahagian bawah header 



* untuk center kan kedudukannya korang just tambahkan <center> pada awal code dan </center> pada akhir code.
DAPAT TAK?

* kalau tak tahu sila-sila lah tanya =)





8 comments:

Misz Emiylia said...

suke sgt blog ni, comel! =)

d info really help! nk tanya, mcm mana nk buat tulisan gerak2 dekat tab atas tu? time kaseh atas bantuan akak! :)

Ms. Littlewing said...

good info tp sis just nak tambah tulisan jer without image example...akak nak page list : home|contest|about|Ads Slot

mana akak nak carik code ? sorry akak not really good in IT...need ur help on this.thanks.

Aida Omar said...

@Misz Emiylia jangan lah puji, kembang dah nie.. =)

Aida Omar said...

@Ms. Littlewing dah siap tuto untuk sis tu. terlambat pula =)

cik zaza said...

cara mudah dan senang paham..thank you kakak.. :)

cik zaza said...

kenapa gambar asyik kuar katak gmbr box je kat blog sy?huhu..

Aida Omar said...

@cik zaza zaza tak tukar images aida bagi tu kot..hihi. dah jadi kan skrg?

amira arbain said...

saya nak belajar cara nak center kan page kat bawah header tapi saya tak nak msuk kan imej atau apa2 ,cukup sekadar tulisan je.

Related Posts Plugin for WordPress, Blogger...
Small Cute Green Pointer
 

Copyright © 2013 Reserved to Diari Si Froggie Design by Aida Omar