Cara Mengetahui Kode Template Blog

Cara Mengetahui Kode Template Blog - Setiap template blog ada yang memiliki kode-kode yang berbeda dengan kode template yang lainnya. Sehingga setiap kita ingin mengedit atau menambahkan sesuatu kedalam template maka kita harus mengetahui kode template blog tersebut dan dengan mengetahui kode template blog ini maka dengan mudah kita menemukan kode tersebut didalam kotak pencarian kode template.

Selain itu, tentunya dalam mengedit template juga akan lebih mudah dilakukan tanpa mengalami kesalahan. Itulah mengapa setiap saya membuat panduan atau cara mengedit template blog tidak pernah menuliskan Update Terlebih Dahulu Template karena selain sudah mengetahui letak kode template yang di edit juga karena adanya menu Preview yang berguna untuk mengetahui benar salah kode template yang di edit tersebut

Cara mengetahui kode template blog ini juga sangat bermanfaat dan membantu kita dalam menginginkan sesuatu tampilan yang ada di blog orang lain. Misalnya ada tampilan yang sangat menarik di blog orang lain dan tentunya sobat akan bertanya "wah tampilan di sidebar blog ini keren banget.. gimana cara bikinnya ya?" atau "wah tampilan di footer blog ini keren banget.. pake kode apa ya?" atau tampilan-tampilan lainnya yang lebih keren lagi... Untuk lebih jelasnya silahkan baca artikelnya di Cara Mengambil dan Menyalin Kode Template Blog

Dalam menerapkan cara mengetahui kode template blog ini yang harus pertama kali disiapkan adalah Browser yang sobat gunakan karena cara emnegtahui kode template blog ini berbeda dari setiap masing-masing browser dan tentunya browser yang sobat gunakan harus telah terupdate pada versi terakhir. Dan pada artikel ini, saya hanya menjelaskan 3 browser utama yang banyak digunakan saat ini yaitu Firefox, Chrome, dan Opera

Cara Mengetahui Kode Template Blog Menggunakan Firefox

1. Buka blog sobat atau salah satu artikel di blog sobat
2. Klik kanan pada area blog atau artikel di blog sobat, sehingga muncul tampilan gambar seperti berikut ini
   
   
3. Pilih menu Inspect Elemen, sehingga akan muncul menu bar dibagian bawah seperti gambar berikut ini
   
4. Klik tombol Inspect Element seperti yang ditandai pada panah di gambar berikut ini
   
   
5. Bawa kursor mouse ke bagian elemen untuk mengetahui kode template blog sobat atau orang lain. Sehingga akan terlihat kode yang terdapat pada elemen tersebut. Untuk contoh cara mengetahui kode template blog telah saya buatkan seperti yang ada dibawah ini namun tidak semuanya. Selebihnya silahkan lakukan sendiri
   
   Contoh: kode header-outer
   
   Contoh: kode main-wrapper
   
   Contoh: kode sidebar
   
6. Selesai
7. Cara Mengetahui Kode Template Blog Menggunakan Chrome
8. Cara Mengetahui Kode Template Blog Menggunakan Opera

Jadi, dengan melakukan cara mengetahui kode template blog seperti yang telah saya jelaskan diatas maka akan lebih mudah bagi sobat untuk mencari dan mengedit kode template blog sobat. Awalnya saya ingin membuat video panduan tentang cara mengetahui kode template blog ini tapi karena koneksi tidak memungkinkan, untuk sementara videonya saya pending dulu. Sekian, terimakasih telah membaca cara mengetahui kode template blog