Apa ada pada script template blogspot

Posted on

Pada dasarnya, template blogger yang kita gunakan dibina dari HTML. Untuk lebih mudah lagi, pada script HTML, terdapat kod pembuka yang berkod seperti ini <contoh> dan penutup </contoh>. Di dalam script HTML juga terdapat dua lagi script iaitu CSS dan Javascript.

Di bawah ini, dipaparkan contoh kod HTML, CSS dan juga Javascript yang terdapat pada template blog.

Contoh kod HTML

Contoh CSS script

Contoh Javascript

Tip mengedit script template blogspot.

Apabila kita ingin membuat ubahsuai pada template, contohnya mengubah warna, jenis font, saiz font atau background pada blog, kita hanya perlu menumpukan pada CSS script sahaja tanpa mengganggu atau mengubah kod HTML dan javascript.

Sebelum membuat ubahsuai pada bahagian CSS script, kita perlu memahami beberapa kod asas yang penting.

body { (Merujuk kepada background pertama)

#header-wrapper { (Merujuk kepada header blog)

#outer-wrapper { (Merujuk kepada background ke2)

 #main-wrapper { (Merujuk kepada bahagian posting)

#sidebar-wrapper { (Merujuk kepada bahagian sidebar)

Jika kita ingin mengedit bahagian header blog, contohnya ingin menambah lagi lebar header, kita hanya perlu menumpukan bahagian #header-wrapper sahaja. Apa yang perlu kita lakukan adalah, menambah nilai width pada bahagian #header-wrapper tersebut.

Contoh:

#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }

13 thoughts on “Apa ada pada script template blogspot

  1. Oooo….baru tau….tp nampak teramat pening bila tgk css tu….x biasa lg ubah css. Kalau header Teratak Usang, nk kena edit css tu ke?

  2. cara bmenampilkan header blog dalam bentuk flash animasi seperti blog punya ini, gimana ? maksud saya script yang dipakai apa ? mohon bantuan..

    terima kasih

  3. @nescafe : hahhaah, akhirnya bisa juga. thank atas semua ilmunya.. boleh saya share di blog saya kan ? nanti saya sebutin sumbernya dari blog ini.. senang sekali rasanya.. kalau mau lihat silahkan .. 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *