Langsung ke konten utama

Postingan

Menampilkan postingan dengan label tutorial css

Cara membuat header blog bergelombang menggunakan kode SVG dan CSS

Trik ini telah kami terapkan ke dalam beberapa template blogger editblogtema dan hanya dengan menggunakan teknik SVG dan CSS. Trik ini sangat mudah jika di terapkan ke dalam template contempo dan template Essential, meskipun ia juga dapat di terapkan ke dalam template template bawaan varian terbaru blogger. Kita akan melakukan percobaan terhadap template essential karena ia adalah varian kelima dan paling mirip dengan contempo. Artinya bisa diterapkan ke essential berarti bisa juga diterapkan ke template contempo bahkan bisa juga ke soho, emporio dan notable.  Ini hanya percobaan dasar yang saya ambil dari beberapa referensi milik Daniel Österman yang saya modifikasi. Mudah dan hanya dibutuhkan pengaturan CSS. 1. LANGKAH PERTAMA Ok, masuk ke pengaturan blogger blogspot Pilih Tema Pilih Edit HTML Di dalam editor HTML blogger blogspot cari kode </head> dan letakan kode CSS berikut di atasnya:   <style>body { margin:0; } h1 { font-family: 'Londrina Solid', cursive; fon

Belajar CSS bagaimana menentukan ukuran lebar dan tinggi elemen

Karena ini jelas keterkaitannya dengan pembuatan, pengeditan dan kustomisasi template blogger, maka saya ingin membuat ruang pelajaran CSS. Terlebih dahulu saya ingin kembali menjelaskan apa itu CSS.  CSS adalah bahasa yang kita gunakan untuk mendesain dokumen HTML. CSS inilah yang membentuk tampilan bagaimana elemen HTML harus akan terlihat di halaman yang di buka oleh pembaca, pengunjung atau pengguna. Jadi jelas HTML tanpa CSS akan tampak sangat membosankan: Tidak ada bentuk lurus, lengkung, bundar. Tidak ada warna merah, kuning, hijau, jingga, indigo hingga pelangi yang berwarna warni. Tanpa CSS semua halaman web yang dimiliki oleh semua orang akan tampak sama, monoton dan ugly. Tidak ada gerakan animasi yang berpendar pendar. Dan tidak seperti HTML, walaupun ia adalah inti dari WEB, HTML bukanlah murni bahasa pemrograman, HTML hanyalah bahasa markup, sedangkan CSS bersama Javascript yang juga sering kita pergunakan di dalam membuat atau mengedit template  adalah bahasa front end,

Copyright© EDITBLOGTEMA . All rights reserved.