| 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">
Contoh::
definisi style yang kita buat
</style><style type="text/css">
Dengan cara ini kita dapat mengatur / mengubah tampilan satu halaman web/blog. Adapun penempatan kode tersebut antara lain:
p {font-family:Arial;
font-size:12px;
color:red;
text-align:left; }
</style>- 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,
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:
- Cara Membuat Blockquote pada Posting Blog dengan CSS
- Cara Membuat Efek Shadow pada Gambar Posting Blog
- Cara Membuat Gambar Animasi dengan Efek Hover CSS
- Cara Menuliskan Kode CSS (CSS Syntax)
- Definisi/Pengertian CSS (Cascading Style Sheet)
- Membuat Efek Shadow Gambar Widget Blog
- Cara Membuat Bullets dan Numbering Tag HTML pada Posting Blog
- Cara Membuat Kode HTML Link Gambar pada Blogspot
- Cara Membuat Kode HTML Untuk Gambar Berjalan di Blog
- Cara Membuat Tabel di Blog dengan Kode HTML
- Cara Menyisipkan Gambar pada Postingan Blog
- Cara buat spoiler buka/tutup show/hidden dalam postingan blog
- Cara mudah dan praktis Membuat Gambar Animasi GIF Online
- Menampilkan Widget di Halaman Tertentu pada Blog
- Mengenal Kode Tag HTML Dasar pada Web / Blog
- Optimasi SEO On Page Blog pada Gambar
- Tips membuat Atribut HTML link pada Blogspot agar SEO Friendly
4 komentar:
boleh juga nih buat belajar
Langsung praktek gan, dari kemarin2 nyari tutorial kayak gini blm ada yg sukses ane praktekin...
mantap mas saya coba dulu di blog ane :D
kok saya gk ada ]]> ya pada html nya.. bisa tolong di bantu? maaf newbie
Posting Komentar