Bahagian ini untuk tab.Korang boleh buat tab ikut tutorial ini di Hajaaminho.Lepas tu just letak code tab kat HTML Gadget okey.

Saturday, October 29, 2011

Cara Nak Install & Edit Template Miss Carribean Blue

Assalamualaikum semua :) Okey,cara nak install template Miss Carribean Blue ini :
1. Mula-mula download template ini di S I N I .Tekan button Download Now kaler coklat itu.Tunggu dia habis loading & then tekan Download File Now.



2. Dah selesai download kan.Kemudian pergi blog korang,tekan dashboard --> design --> edit HTML.Browse template tadi & Uploadkan template XML yang dah korang download tadi.Then preview & save.Sebelum tu backup dulu template lama korang.Karang nangis pulak,bukan salah saya.Hihi.



Preview dulu okey.Then Save Template.Dah siap install template!Yeay.

Cara Nak Edit Template Ini

1.Untuk tukar background blog korang,pergi Design --> Template Designer --> Background --> Browse & Upload background korang nak.Tak faham?Boleh rujuk SINI.

2.Untuk tukar background/color/bentuk title post & entri.Pergi Design --> Edit HTML --> CTRL+F h3.post-title {
Korang boleh edit la kod-kod itu.
background: #99CCFF; (warna background kaler)
border: dashed #000000 2px; (border nak macam mana)
 /* the border will curve into a 'D' */
  padding: 5px 5px;
  margin: 0 $(post.margin.sides) 10px;
Nak tau bentuk border?Boleh rujuk SINI.

3.Untuk tukar background/color/bentuk sidebar title & date header.Pergi Design --> Edit HTML --> CTRL+F h2 {
Korang boleh edit kod macam korang edit kod untuk title post di atas.
/* Headings
----------------------------------------------- */
h2 {

  font: $(widget.title.font);
  text-transform: $(widget.title.text.transform);
  color: $(widget.title.text.color);
background:url("http://i696.photobucket.com/albums/vv323/naz89_blog/back07.gif");
border: solid 2px #33CCFF ; (jenis/tebal/kaler border)
 /* the border will curve into a 'D' */
  -moz-border-radius: 40px 10px;
        border-radius: 40px 10px;
margin:5px 5px;
padding:10px; 
}

4.Untuk border blog,better biar putih sebab kod aku dah diubah suai untuk letak tab kat atas.Kalau korang ubah arna border kepada kaler-kaler akan menghasilkan blog yang hodoh.Kecuali kalau korang buang kod untuk tab.Kod untuk tab ialah 
/* Tabs
----------------------------------------------- */
.tabs-outer {
border: 2px solid #FFFFFF;
  background: $(main.background);
padding-top: 20px;
padding-bottom: 10px;
}
Kod untuk main blog ialah 
.main-outer {
border: 2px solid #FFFFFF;
-moz-border-radius-bottomleft: 30px;
-moz-border-radius-bottomright: 30px;
  background: $(main.background);

}
Perasan tak aku just buat border curve untuk bawah sahaja bagi main-outer itu?Thats why la korang jangan buat kaler-kaler itu main-outer border.Iskk.Kalau nak buat gak border kaler-kaler korang buang je la kod tab itu.Dan tambah la border curve untuk border main-outer tu.

5.Untuk buat header bersambung macam mane? Lihat & teliti betul-betul tutorial INI .Tengok betul dan buat betul-betul sebab memang tutorial ini untuk template ini.Header transparent? Lihat SINI.

6.Nak rujuk warna pilihan hati? Lihat SINI.

7.Kalau korang dah biasa kod HTML untuk previous template blog korang,semua ini tiada masalah punya la.Percaya la.Maybe bile nak buat header bersambung tu cam pening la.Tapi senang je.Percaya la.Aku pakai photoshop.Kalau nak pakai photoscape,aku tak pakar sangat cam mana nak buat.Korang boleh search tutorial lain yang buat header bersambung : CeritaCaye,Gadis double.

8.Nak buat footer bersambung dengan body cam mana kak?Sorry adik,akak memang tak tau,sebab sampai sekarang akak tak jumpa cara.Akak punye footer pon just add picture je. Kalau korang nak rujuk sini pon boleyy,tapi tapi kan,tak tau jadi ke tak.Sebab akak buat tak menjadi.hihi.LieyaLolly

2 comments:

lunaherself said...

mcm mane nak buat curve body ekk ? saye ikot tutorial banyak kod yg takdekk . boleh tolong tak ?

♛ Kerani Sekolah ♛ said...

curve body tu edit

-moz-border-radius-bottomleft: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
-webkit-border-radius-bottomleft: 30px;
-webkit-border-radius-bottomright: 30px;
-webkit-border-radius-topleft: 30px;
-webkit-border-radius-topright: 30px;

boleh ubah 30px tu ikut hati okay :)