Tutorial 8 - Cara nak buat ShoutCamp

Hyte !

Okey hari ni aku nak ajar korang macam mana nak buat shoutcamp.

Sebelum tu korang tau tak apa itu shoutcamp.

Ni lah shoutcamp.

Bila korang tekan dekat post message tu,dia akan jadi macam bawah ni.

Kalau nak tengok lebih dekat, pergi blog sini.

Apa lagi, Jom !

1- Klik sini !

2- Kat bahagian atas tepi tu ada perkataan REGISTER. Klik register.

3- Nanti akan keluar macam bawah ni.  Korang isi la apa yang patut.  Dah siap tekan register. 

4- Klik Create Shoutbox Now.

5-  Isi apa yang patut dan next.  Nanti akan keluar avatar.  Avatar tu untuk korang letak gambar macam tu.  Kalau taknak just tekan close. Kalau nak lawakan shoutcamp korang pergi tekan home.

6- Keluar macam bawah ni dan tekan Manage Area.

7- Korang tekan Edit Layout.

8- Korang tekan je mana-mana yang korang nak tukar.

9- Dah puas hati dengan shoutcamp korang ?  Tekan Home > Install.  Nanti akan keluar macam bawah ni. Copy code dibawah ni.

10- Nak paste kat mana ?  Sama macam biasa.

Dashboard > Design > Add a gadget > HTML / JavaScript

11- Pastekan kat ruang HTML.  Dah siap preview baru save.

Selamat mencuba !

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---

Tutorial 7 - Letak Background dan Border di Blog List + Scroll box

Selalu putih je.  Sian dia..

Nak jugak baju baru kan, asyik putih jew.

Takpe !  Hari ni aku nak kongsikan tutorial baru.

Pakaikan baju baru kat bloglist macam kat atas ni hehe.

Jom !

Dashboard > Design > Edit HTML > Tick Expand Widget Templates

1- Cari tajuk bloglist korang.  Contohnya macam aku " Terjah Sini " .  Tekan ctrl F untuk mudahkan pencarian.



2- Bila dah jumpa bloglist korang, cuba tengok kat bawah tu.  Ada tak code macam dibawah ni.

<div class='widget-content'>

3- Gantikan code diatas ni dengan code dibawah ni.

<div class='widget-content' style='overflow:auto; width:ancho; height:200px; background:#9fc5e8 ; background-repeat:repeat; padding: 5px; border:2px dashed #33aaff; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;'>

4- #9fc5e8: warna background
     dashed : bentuk border. Pilih antara dashed , dotted , solid
    #33aaff : warna border

5- Dah siap ?  Preview dulu baru save =).

Selamat Mencuba !

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---