May 8, 2011

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:

emylase. 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! :)

Unknown 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.

Diari Si Froggie said...

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

Diari Si Froggie said...

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

Zazachan said...

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

Zazachan said...

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

Diari Si Froggie said...

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

Anonymous 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.

Small Cute Green Pointer

Get this tabber widget

Create By :


About Me