06 November 2011

[Tutorial] Cara nak letak border di sekeliling blog


1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl + F dekat keyboard serentak  dan cari kod ini :
#outer-wrapper {
3. Akan jumpa kod lebih kurang macam ini kan :


#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }


4. Kemudian copy kod di bawah ini dan pastekan dibawah atau selepas kod #outer-wrapper {


-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;border:5px dotted #000000;

*Ungu : Bentuk Border (Rujuk Sini)
Oren : Saiz border
Coklat : Jenis border -
  1. solid
  2. double
  3. groove
  4. dotted
  5. dashed
  6. inset
  7. outset
  8. ridge
  9. hidden
Hijau : Jenis Warna (Rujuk Sini)





5. Kalau dah siap, cuba tekan preview dulu, kalau menjadi, yeah..bolehlah save template. Kalau tak cuba lagi ye, atau beritahu saya, insyaAllah saya tolong.

6. Semoga berjaya.


No comments:

Post a Comment


CAUTION!
1. Sila jaga tutur kata anda sebelum komen.Komen anda adalah tanggungjawab anda. Saya sebagai penulis blog ini TIDAK akan bertanggungjawab ke atas komen yang anda lontarkan. Harap maklum ya.
2. Jangan tinggalkan sebarang "link hidup" diruang komen bagi mengelakkan SPAM. Jika tidak, tanpa belas kasihan komen anda akan di delete. Maaf ler!
3. Terima kasih sudi singgah sini, anda komen anda cute. Datang lagi ya. ^___^.