JUAL ALAT MUSIK MARAWIS & REBANA

Pengrajin, Distributor & Toko Alat Musik Rebana, Marawis, Hadroh, Gendang, Jimbe, Drum Band, Marching Band, jual di Jakarta Bogor Depok Tangerang Bekasi dan Wilayah Lainnya

TOKO PUTRA PENDAWA

Toko / Jual Alat Musik Online
Sedia layanan COD (Cash On Delivery) untuk wilayah
Jakarta Bogor, Depok, Tangerang, Bekasi dan sekitarnya

  • BERANDA
  • DRUM BAND
    • DRUM BAND TK
    • DRUM BAND SD
    • DRUM BAND SMP/SMA
    • PRODUK DRUM BAND
  • MARCHING BAND
    • MARCHING BAND TK
    • MARCHING BAND SD
    • MARCHING BAND SMP
    • MARCHING BAND SMA
    • SPEC MARCHING BAND
  • MARAWIS
    • MARAWIS POLOS
    • MARAWIS POLOS EKSKLUSIF
    • MARAWIS BATIK
    • MARAWIS UKIR
    • SPEC PRODUK MARAWIS
  • REBANA QOSIDAH
    • REBANA QOSIDAH POLOS
    • REBANA QOSIDAH RUMBAI
    • REBANA QOSIDAH UKIR
  • HADROH / GENJRING
    • REBANA HADROH
    • BASS HADROH
    • PAKET HADROH
    • ALAT HADROH
  • ANEKA PRODUK
    • BEDUG
    • GAMELAN / DEGUNG
    • ANGKLUNG
    • DRUM KIT / DRUM SET
    • JIMBE
    • TABLA
    • DUMBUK/DARBUKA
  • LAGU
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 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.
Ada Beberapa cara untuk memasang/menggunakan kode CSS ( Style Sheet) ke dalam Blog atau website antara lain:
  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
Tweet

Produk keren lainnya:

Ditulis oleh Unknown pada tanggal 21/06/12
Posting Lebih Baru
Posting Lama
Beranda

TOKO PUTRA PENDAWA BEKASI

KONTAK CS:

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

LIHAT LOKASI DI GOOGLE MAP







BANK TRANSFER


  • bca rebana marawis
    BCA No. Rek : 6870642375
    a.n. Ahmad Royani, ST

  • mandiri trf marawis
    MANDIRI No. Rek : 167 000 1186 708
    a.n. Ahmad Royani, ST

STAT WEB JUAL ALAT MARAWIS

Music Blogs
blog search engine
Copyright © 2012 JUAL ALAT MUSIK MARAWIS & REBANA - Powered by Blogger
Support JUAL ALAT DAN KOSTUM MARAWIS,DRUM BAND & MARCHING BAND
Template by Mas Sugeng - Versi Seluler