Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » , » Cara Memasang/Memasukkan kode CSS di Blog

Cara Memasang/Memasukkan kode CSS di Blog

Daftar Harga & Detail Produk Putra Pendawa
Drum BandMarawis PolosBatikRebana StdSuperHadroh StdSuperBass

 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.
  1. 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>
  2. 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), 
  3. 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

  4. 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:
  1.  Cara Membuat Blockquote pada Posting Blog dengan CSS 
  2. Cara Membuat Efek Shadow pada Gambar Posting Blog
  3. Cara Membuat Gambar Animasi dengan Efek Hover CSS 
  4. Cara Menuliskan Kode CSS (CSS Syntax)
  5. Definisi/Pengertian CSS (Cascading Style Sheet) 
  6. Membuat Efek Shadow Gambar Widget Blog 
  7. Cara Membuat Bullets dan Numbering Tag HTML pada Posting Blog
  8. Cara Membuat Kode HTML Link Gambar pada Blogspot
  9. Cara Membuat Kode HTML Untuk Gambar Berjalan di Blog 
  10. Cara Membuat Tabel di Blog dengan Kode HTML
  11. Cara Menyisipkan Gambar pada Postingan Blog
  12. Cara buat spoiler buka/tutup show/hidden dalam postingan blog
  13. Cara mudah dan praktis Membuat Gambar Animasi GIF Online
  14. Menampilkan Widget di Halaman Tertentu pada Blog
  15. Mengenal Kode Tag HTML Dasar pada Web / Blog
  16. Optimasi SEO On Page Blog pada Gambar
  17. Tips membuat Atribut HTML link pada Blogspot agar SEO Friendly
Share this article :

4 komentar:

Rudy Bond mengatakan...

boleh juga nih buat belajar

Asiapoker77 Bonus Jackpot Plus Tiap Bulan mengatakan...

Langsung praktek gan, dari kemarin2 nyari tutorial kayak gini blm ada yg sukses ane praktekin...

Karimunjawa Tour mengatakan...

mantap mas saya coba dulu di blog ane :D

Rio Christa mengatakan...

kok saya gk ada ]]> ya pada html nya.. bisa tolong di bantu? maaf newbie

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST


  • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)

  • PIN BB : 2B4A736C

  • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
  • Klik PETA LOKASI PUTRAPENDAWA
  • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
    Terima Jasa Servis / Perbaikan
  •  
    Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
    Template Created by Mas Template Supported by jual kostum marawis & alat drum band
    Proudly powered by Blogger |