Skip to main content

Apa Maksud Kode CSS | Belajar Dasar Kode CSS

Belajar hal dasar kode CSS - Pengalaman saya saat dulu, jarang yang namanya mengedit html, yang saya lakukan saat awal adalah membuat blog saya terlihat bagus di mata pengunjung dengan kumpulan-kumpulan widget dan sharing template di mbah google

Setelah lama merambah di blog, saya berpikir ulang dengan blog saya, dikarenakan saat sharing di mbah google saya sering blogwalking di blog lain yang tampilannya rapih. Sejak saat itu saya mencari template yang tampilannya bisa dibilang rapih dan saat tidak menemukan yang cocok dengan selera saya, saya mencoba untuk mengedit template saya sendiri dan akhirnya ... saya belajar kode CSS dengan otodidak dengan melewati banyak masalah yang membuat kepala saya pusing. Tapi saya juga tidak bisa dibilang sudah bisa lho dalam kode CSS, saya hanya mengerti sedikit dibagian dasar saja. Ya sudah langsung saja yuk ke TKP ...

1. Kode CSS adalah kode yang akan membentuk struktur-struktur blog. Hasil tampilannya yaitu Rancangan / Layout

2. Kode CSS bisa kita temui di Rancangan / Layout > Edit HTML. Tepatnya kode CSS tidak diawal dengan " < " dan tidak diakhiri dengan " > ". Kode CSS harus diawali dengan " # " dan kemudian dilanjutkan dengan id struktur yang akan dibuat.

3. Kode style CSS harus berada didalam karakter " { " dan " } ". Biasanya contohnya adalah :
body {
width:980px;
border:1px;
background:#FFFFFF
}
- width adalah lebar
- border adalah garis dibagian pinggir
- background adalah warna latar belakang

Untuk belajar mengenai kode CSS sekian dulu, karena saya juga bingung ingin menerangkan apalagi, jadi bagi yang ingin bertanya silahkan berkomentar, Insya Allah jawabannya saya jawab sebisa saya ...

Selesai

Comments

  1. tentang css ini membingungkan gan , tapi makasih dah kasih sedikit pengetahuan saya mengenai css. saya juga lagi baca-baca mengenai css yang akan merubah tampilan template saya. salam kenal sob

    ReplyDelete
  2. @4011275310092063406.0
    Thanks dah mampir sob, semoga sukses

    ReplyDelete
  3. gua.. bner2 bingung..
    gue kn mw buat blog gue ada cursor nya.. aku udh jalanin tuh cara2 nya trus gue buka Edit HTML dn keluar tulisan ini "Langsung mengedit HTML dapat memengaruhi cara kerja fitur dan hanya direkomendasikan untuk pengguna tingkat lanjut. Mengedit template HTML secara tak terduga dapat memengaruhi fitur Blogger lainnya. Kami merekomendasikan menggunakan Perancang Template terlebih dahulu, di mana Anda dapat Tambahkan CSS di bawah bagian Lanjutan" itu gmn ??

    ReplyDelete

Post a Comment

Berkomentar dengan menggunakan kalimat yang baik dan santun. Dimohon untuk tidak berkomentar SPAM, karena komentar akan dihapus!
Tips:" Berlangganan Via Email " terlebih dahulu agar komentar cepat dibalas!

Popular posts from this blog

Cara Meningkatkan Links In pada Alexa

Sebelumnya, ini adalah hasil copy paste. Entah cara seperti ini palsu atau nyata, tapi tidak ada salahnya mencoba. Oke, check this out .. Salam Blogger , pada kesempatan kali ini dan pada posting ini juga saya akan sedikit memberi sedikit trik untuk megoptimalkan semua static yang tertera di alexa. Jika sebelumnya saya membahas tentang cara meningkatkan links in alexa alhamdulillah di posting kali ini berkenaan dengan gimana caranya untuk meningkatkan atau menambah Link in pada alexa. alexa adalah salah satu situs yang memberikan pelayanan untuk trafik blog. Alexa dapat menghitung semua kegiatan lalu lintas blog anda, jadi dengan begitu sobat dapat mengetahui apakah blog anda sudah bagus trafiknya atau tidak. Alexa tidak hanya menghitung lalu lintas blog saja, tetapi alexa juga menyediakan widget untuk blog baik itu blogspot maupun wordpress dan alexa juga menyediakan toolbar untuk browser yang dipakai di komputer sobat. Dan ternyata banyak para blogger yang memil

Cara Mengganti Tulisan " Powered by / Didukung oleh Blogger "

Cara mengganti kalimat Powered by / Didukung oleh Blogger - Kebanyakan blogger platform blogspot yang sudah mahir dalam edit HTML pasti sudah mengerti dengan trik ini, trik ini juga dapat membuat blog kita tampil menjadi blog yang profesional. Profesional dalam arti enak dipandang. Sekedar sobat tahu, kalimat " Powered by / Didukung oleh Blogger " itu berada di bagian footer. Maksudnya bagian ... ? Tulisan yang sobat baca ini kan adalah bagian dari main wrapper, nah tulisan " Powered by / Didukung oleh Blogger " itu adalah bagian dari footer. Jadi kita akan sedikit mengedit kode <div id='footer'> ...... </div>. Oke sob langsung ke TKP aja yu ... Dasbor > Rancangan / Layout Ke Edit HTML Cari kode <div id='footer'> Ganti tulisan setelah kode <div id='footer'> hingga kode penutupnya yaitu kode </div> Contoh : <div id='footer'> Terima kasih kepada <b>Allah SWT</b>, <a href='http

Dokumentasi Project Kontes Robot Indonesia dan Tugas Akhir

     Pada Kontes Robot Indonesia (KRI) 2017, tim dari Universitas Jenderal Soedirman lolos ke tahap nasional yang bertempat di Universitas Pendidikan Indonesia.      Robot Pemadam Api Berkaki yang dibangun pada tahap regional, dan yang meloloskan tim Universitas Jenderal Soedirman ke tahap nasional.      Tim Universitas Jenderal Soedirman divisi ABU usai berlomba. Pada tahap ini tim tidak berhasil lolos ke tahap nasional.       Melakukan pengkalibrasian sensor IMU (Inertial Measurement Unit). Sensor IMU merupakan gabungan dari 3 sensor lainnya, yaitu accelerometer , gyroscope , dan magnetometer. Pada penelitian yang saya lakukan hanya menggunakan sensor accelerometer yang ada di sensor IMU.       Pengujian sensor IMU dalam mengukur perubahan sudut pitch .       Pengujian sensor IMU dalam mengukur perubahan sudut roll .        Sensor IMU yang telah mendeteksi perubahan sudut, merupakan konversi dari nilai percepatan bumi yang dideteksi oleh ac