Cara Edit Html Dan Css Dengan Gampang Untuk Pemula
Cara Edit HTML dan CSS dengan Praktis Untuk Pemula - Kebanyakan pemula (newbie) menyerupai aku ini gundah ketika ingin mengedit penggalan HTML di blog. Kasus yang sering terjadi sih, dikala kita mau mengedit penggalan HTML atau CSS-nya tapi gundah penggalan mana yang harus kita edit.
Baca juga: Pengaturan DNS Dasar Untuk Pengguna Blogspot
Oiya, sebelumnya problem judul yang ada komplemen 'pemula'-nya bukan berarti penulis ini sudah master ya. Sama, aku juga masih sangat newbie. Hanya saja ingin membuatkan sedikit pengalaman wacana edit HTML dan CSS di blog ini.
Untuk menuju penggalan Edit HTML, masuk ke dashboard lalu pilih Template dan klik goresan pena Edit HTML. Sebenernya sih, dibagian Edit HTML isinya bukan hanya bahasa HTML saja, banyak juga bahasa web lainnya menyerupai CSS, JavaScript, dll. Karena masih newbie, biasanya sih yang diotak-atik hanya seputar HTML dan CSS. Sedangkan bahasa lainnya dibiarkan saja sebab masih nggak ngerti fungsinya buat apa - saya banget ini mah, hehe.
HTML itu sendiri artinya Hyper Text Markup Language yang fungsinya untuk mengatur susunan elemen-elemen atau struktur yang akan ditampilkan dalam sebuah halaman web. Sedangkan CSS yakni Cascading Style Sheet yang fungsinya untuk mengatur tampilan / bentuk / style dari elemen-elemen pada sebuah halaman web. Sebenarnya HTML juga bisa sih mengatur tampilan, namun akan lebih efektif dan terorganisir jikalau memakai CSS. Nah, jadi HTML tanpa CSS itu sama dengan berantakan.
Okeh, udah basa basinya lanjut ke pembahasan utama mengenai cara edit HTML dan CSS dengan gampang di blog. Sebagai contoh, aku mau mengedit blog initehbukan.blogspot.com dengan mengunakan Mozilla. Bagian yang akan diedit yakni sajian horizontal dibawah header. Simak langkahnya dibawah ini.
Edit CSS
Kita akan mengubah style sajian pada CSS. Yang tadinya sajian background berwarna merah akan diubah menjadi kuning dan warna font menjadi hitam.
1. Buka Edit HTML dan juga halaman blog-nya
2. Pada halaman blog, klik kanan penggalan yang akan diedit (menu atas) kemudian pilih Inspect Element (Q). Akan muncul semacam editor dibagian bawahnya.
3. Untuk CSS, kita lihat dibagian kanan. Perhatikan kode-kode tersebut, sebab instruksi itulah yang mempengaruhi sytle dari elemen yang kita pilih tadi. Lihat instruksi #navbarsecond .dropdown a, instruksi ini merupakan penggalan yang bisa dipakai untuk mengubah style pada elemen tersebut. Namun selain instruksi yang paling atas ini, instruksi penggalan bawahnya juga kuat terhadap elemen.
Selanjutnya ganti value pada color: yaitu #FFF menjadi #000 (kode hex untuk warna hitam) dan value pada background: yaitu #F53B3C menjadi #FFB432 (kode hex untuk warna kuning). Setelah diganti, lihat perubahan pada sajian tersebut. Jika sesuai yang kita inginkan, berarti instruksi yang tadi diganti bisa diterapkan juga di Edit HTML.
5. Terapkan instruksi tersebut dibagian Edit HTML. Caranya kita masuk ke Edit HTML kemudian cari #navbarsecond .dropdown a maka akan tampil kode-kodenya. Ubah sesuai dengan yang tadi kita inginkan. Menjadi menyerupai dibawah ini.
6. Selesai, tinggal klik Simpan Template. Untuk edit elemen yang lain caranya juga menyerupai ini. Sebenarnya cara ini hanya untuk memudahkan kita mengetahui penggalan mana yang akan kita edit dan juga sebagai preview hasil yang akan kita terapkan. Kaprikornus pastikan sesudah dicoba-coba, eksklusif diterapkan di Edit HTML-nya.
Edit HTML
Tak jauh berbeda dengan edit CSS, caranya hampir sama. Untuk HTML, kita pakai penggalan editor disebelah kiri. Contohnya kita akan menambah sajian 'Tes' pada penggalan sajian atas yang tadi.
1. Contohnya menyerupai tadi kita klik pada sajian Bogor EduCARE lalu klik Inspect Element (Q).
2. Setelah itu lihat pada penggalan editor kiri. Karena yang kita pilih tadi merupakan elemen objek, maka kita cari elemen pengaturnya atau kepalanya. Biasanya ditandai dengan instruksi id pada HTML-nya. Lihat gambar dibawah ini, elemen objek ini mengakar pada <div id="navbarsecond">. Maka pilih penggalan <div id="navbarsecond"> kemudian klik kanan dan pilih Edit As HTML.
3. Mulai deh kita menambahkan kode-kode HTML. Karena kita akan menambah sajian 'Tes', maka tambahkan kode <li><a href="http://initehbukan.blogspot.com/search/label/Tes">Tes</a></li>. Lihat gambar dibawah ini.
4. Setelah itu lihat perubahannya jikalau sesuai dengan yang kita inginkan, maka salin lagi instruksi tersebut pada penggalan Edit HTML seperti dibawah ini.
5. Selesai deh, menambah ataupun mengubah sajian tab di blog dan bagiannya lainnya di blog menjadi semakin gampang sebab ada petunjuknya, hehe.
Baca juga: Tes Kemampuanmu Tentang CSS dan HTML
Dengan pinjaman menyerupai ini pastinya kalian nggak kerepotan lagi untuk mengedit HTML ataupun CSS yang ada. Tapi ini juga harus didukung dengan pengetahuan mengenai bahasa-bahasa HTML ataupun CSS. Ya walaupun mengerti hanya sedikit, itu akan sangat membantu.
Sekian sobat, semoga postingan wacana cara edit HTML dan CSS dengan gampang untuk pemula ini sanggup dipahami dengan seksama dan dalam tempo yang sesingkat-singkatnya. Depok, 30 Oktober 2015. Atas nama bangsa Indonesia, hingga jumpa.
Sumber https://si-ysf.blogspot.com/
