Apa ada pada script template blogspot

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;
  }