Beranda » CSS Dasar » Tutorial Blogspot » Cara Memasang/Memasukkan kode CSS di Blog

Cara Memasang/Memasukkan kode CSS di Blog

Daftar Harga & Detail Produk Putra Pendawa
Drum Band	Marawis Polos	Batik	Rebana Std	Super	Hadroh Std	Super	Bass

Pada postingan kali ini saya akan menuliskan dengan bahasa sendiri bagaimana cara memasukkan/memasang kode CSS dan penempatannya di blog, yang saya tuliskan disini adalah versi pemahaman saya yang masih baru tahap belajar, oleh karena itu mohon untuk dikoreksi jika ada kesalahan. dan sewaktu - waktu postingan saya ini akan saya ubah / update jika memerlukan perbaikan seiring dengan bertambahnya bertambahnya pengetahuan.

Ada Beberapa cara untuk memasang/menggunakan kode CSS ( Style Sheet) ke dalam Blog atau website antara lain:

Membuat file external yang berisi definisi style sheet yang disimpan dengan ekstensi css (misal: file-css-blog-saya.css ) kemudian buatlah link ke file Style Sheet dari file HTML dan ditempatkan antara kode <head> dan </head> . dengan cara ini kita dapat membuat / mengubah style seluruh halaman web.
Contoh: penulisan :
<head>
......
<link rel=stylesheet
href="url-tempat penyimpanan-file.css"
type="text/css">
</head>
Menyisipkan Style Sheet pada template Blog, dan penempatannya pada template blog terletak antara kode <head> dan </head> dan diatas kode ]]></b:skin>, dengan cara ini kita dapat mengatur/mengubah style seluruh halaman web dengan hanya mengedit Style Sheet. Adapun format penulisan Style Sheet ini dapat dilihat pada postingan cara untuk Menuliskan Kode CSS (CSS Syntax),
Menyisipkan blok style, yaitu dengan menambahkan kode:
<style type="text/css">

definisi style yang kita buat

</style>
Contoh::
<style type="text/css">
p {font-family:Arial;
font-size:12px;
color:red;
text-align:left; }
</style>
Dengan cara ini kita dapat mengatur / mengubah tampilan satu halaman web/blog. Adapun penempatan kode tersebut antara lain:
- Di antara tag-tag <HTML> dan <BODY>. pada template blog.
- Pada halaman postingan atau pada posting editor dalam keadaan mode HTML (bukan Mode Compose)
- Dalam suatu Gadget / widget dengan konfigurasi HTML
Menyisipkan style secara langsung pada tag HTML. (inline style) dimana Definisi style pada inline style hanya akan berpengaruh pada tag dimana inline style tersebut berada. Dengan cara ini kita tidak perlu menuliskan selector dalam kode CSS. Jika kita hanya ingin mengubah tampilan / membuat definisi style hanya pada tag dan pada halaman tertentu saja, maka cara yang paling tepat adalah menggunakan cara ini,
Contoh inline style pada tag <p> berikut:
<p style="margin-left: 12px; font-family:Arial; font-size:12px; >
---------
</p>

Keterangan:
Jika terdapat Penggunaan Lebih dari Satu Kode CSS yang berbeda pada satu elemen Blog/web, maka kode CSS yang akan berlaku pada Elemen tersebut adalah kode CSS yang lebih spesifik

Demikian postingan kali ini semoga bermanfaat
Artikel terkait:

HP/SMS/WA:	08561452465 / 085286352611

Alamat :	Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden, Kec. Jatisampurna ( masuk dari Jalan Raya Kranggan - Pondok Gede, Gang Camar) Kota Bekasi Jawa Barat