Cara Pasang KODE HTML dan CSS Baru

Menambah KODE HTML baru pada template haruslah dilakukan dengan cara yang tepat. Kesalahan pemasangan KODE umumnya banyak terjadi karena kesalahan dalam penempatan atau karena adanya kesalahan cara penulisan KODE. Beberapa tips di bawah ini mungkin bisa menjadi solusi untuk menempatkan KODE HTML dan CSS baru :

Penambahan KODE pada sebuah syntax:

Contoh :

sidebar {
       color:#c1edec;
       line-height:0.5em;
       padding-top:5px;
}

Penambahan KODE baru dilakukan dengan cara menempatkan KODE sebelum tanda }
Bentuk sintak setelah dilakukan penambahan KODE baru :

sidebar {
       color:#c1edec;
       line-height:0.5em;
       padding-top:5px;
       background:#fff; /* kode baru */
       border:1px solid blue; /* kode baru */
}

Penambahan kode di bagian body :

Perhatikan bentuk font kode yang digunakan sebagai tambahan. Seringkali KODE body baru menggunakan KODE dalam huruf besar (BODY). Ubah KODE kebentuk seperti yang digunakan pada template (default template). Misalnya :

contoh :

BODY {
       margin: 0px;
       padding: 0px;
       ......
       ......
}

KODE baru yang dipergunakan sebaiknya menggunakan standar template, seperti:

body {
       margin: 0px;
       padding: 0px;
       ......
       ......
}

Penambahan KODE di dalam tag pembuka body (<body>).
Kode yang seing ditambahkan disini berupa javascript.

Contoh :

Rubahlah tetap dalam bentuk standar template, sehingga bentuknya menjadi :

Menyimpan kode CSSdi atas kode ]]></b:skin;

contoh kode:

#menuddhorz{
       background: #fff;
       padding: 20px 10px;
      width: 930px;
       border:1px solid #000;
       margin:5px 0;
}
#menuddhorz li a {
       color: blue;
       text-decoration: none;
}
#menuddhorz li a:hover {
       color: red;
       text-decoration: underline;
}

Letakkan KODE tersebut di atas KODE ]]></b skin> tanpa menambahkan atribut style yang bentuknya seperti ini:

Biasanya di sini diletakkan kode CSS. Bila kode CSS di simpan di atas kode ]]></b skin>, maka tag pembuka dan penutup style tidak di perlukan.
</style>, sehingga ketika kode di simpan di atas ]]></b skin> bentuknya akan seperti ini:

#menuddhorz {
       background: #fff;
       padding: 20px 10px;
       width: 930px;
       border:1px solid #000;
       margin:5px 0;
}
#menuddhorz li a {
       color: blue;
       text-decoration: none;
}
#menuddhorz li a:hover {
       color: red;
       text-decoration: underline;
}

]]></b skin>

Menyimpan kode CSS di bawah ]]></b:skin;
Untuk menyimpan kode di bawah ]]></b:skin;, anda harus menggunakan tag style sehingga bentuknya akan seperti ini:

]]></b:skin;

<style type="text/css">
Di sini letak kode CSS!
</style>

]]></b skin>

<style type="text/css">
#menuddhorz {
       background: #fff;
       padding: 20px 10px;
       width: 930px;
       border: 1px solid #000;
       margin: 5px 0;
}
#menuddhorz li a {
       color: blue;
       text-decoration: none;
}
#menuddhorz li a:hover {
       color: red;
       text-decoration: underline;
}
</style>

Cara menambahkan KODE CSS baru yang tersimpan di file hosting :

Simpan kode CSS (link CSS) di atas <head>
Contoh alamat CSS yang dipergunakan :

http://h1.ripway.com/ menuhorz.css

KODE di tempatkan di atas KODE :

Semoga bermanfaat!!!