Cara Pasang KODE HTML dan CSS Baru/tambahan

Menambah KODE HTML baru pada template haruslah dilakukan dengan cara yang tepat. Penambahan yang dilakukan tanpa mengenal terlebih dahulu pola penggunaan KODE HTML terkadang justru membuat penampilan blog berubah bentuk yang sangat jauh dari harapan. 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 :
<BODY onload="rotate()">


- Rubahlah tetap dalam bentuk standar template, sehingga bentuknya menjadi :
<body onload="rotate()">

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:
<style type="text/css">
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;
}

 

Menyimpan kode CSS di bawah ]]></b:skin;

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


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



<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/GR_menuhorz.css
- KODE di tempatkan di atas KODE :
<link href="http://h1.ripway.com/GR_menuhorz.css" rel="stylesheet" type="text/css"/>



Semoga bermanfaat!!!

Cara Pasang KODE HTML dan CSS Baru/tambahan

Menambah KODE HTML baru pada template haruslah dilakukan dengan cara yang tepat. Penambahan yang dilakukan tanpa mengenal terlebih dahulu pola penggunaan KODE HTML terkadang justru membuat penampilan blog berubah bentuk yang sangat jauh dari harapan. 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 :
<BODY onload="rotate()">


- Rubahlah tetap dalam bentuk standar template, sehingga bentuknya menjadi :
<body onload="rotate()">

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:
<style type="text/css">
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;
}

 

Menyimpan kode CSS di bawah ]]></b:skin;

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


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



<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/GR_menuhorz.css
- KODE di tempatkan di atas KODE :
<link href="http://h1.ripway.com/GR_menuhorz.css" rel="stylesheet" type="text/css"/>



Semoga bermanfaat!!!