CSS TEMPLATE
CSS TEMPLATE – CSS adalah bagian terpenting dari sebuah website, kepanjangan dari css itu sendiri adalah Cascading Style Sheet yang berguna untuk mengatur tampilan visual dari setiap halaman web tersebut. Inilah yang membedakan antara template yang satu dengan tampilan template yang lain.
 |
| css template |
Apa itu CSS
Apabila anda mengunduh salah satu template blogger yang ada di internet sudah pasti akan terdapat bagian cssnya. Biasanya bebentuk beberapa kode yang terdiri dari pengaturan tampilan body, header, dan footer. Untuk beberapa orang yang sudah pro ada lebih banyak lagi pengaturan css ini sesuai script tampilan dasar engine yang digunakan.
Kode CSS
Seperti apakah kode css itu ? untuk beberapa tampilan web yang umum pasti terdapat kode css sebagai berikut
body {
background:#ececec; //mengatur background
colorcolor:#333333; //mengatur warna tulisanfont:15px Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; //mengatur font family tulisan
margin:0; //mengatur margin tulisan
text-align:center; //mengatur align}
.header {
//Kode CSS
}
#footer {
//Kode CSS
}
Kode warna merah bisa diganti ganti sesuai dengan div yang diinginkan bedanya terdapat pada tanda titik (.) dan pagar (#) yang pada penggunaannya jika titik menggunakan <div class=”header”> sedangkan untuk tanda pagar menggunakan <div id:”header”>
Keuntungan penggunaan kode CSS
ciyuss kegunaan kode css ini sendiri itu untuk apa sih? jawabannya hampir sebagian besar sudah dijelaskan pada bagian diatas. Salah satu yang pasti adalah bisa mengubah tampilan website dengan mudah dan praktis. Misalkan untuk mengganti warna background, font tulisan, dan warna tulisan bisa langsung kita atur pada kode css tersebut.
Pemasangan kode CSS
Untuk pemasangan kode css bisa lamgsung dimasukan pada page atau halaman yang bersengkutan sebagai berikut yang dipasang di head page halaman
<head>
<style type="text/css">
p {color:blue;}
</style>
</head>
atau dengan menggunakan file berformat .css yang didalamnya terdapat kode-kode css seperti pada bagian pertama sebagai berikut
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' />
Sekian dulu penjelasan dari saya semoga artikel tentang CSS TEMPLATE diatas bisa membantu sobat blogger.
