Sabtu, 29 November 2014

Cara Memakai Inspeksi Elemen Bagi Blogger

cara menggunakan inspeksi elemen bagi blogger cara menggunakan inspeksi elemen bagi blogger
Hai, sobat bloger!

Pada artikel kali ini, saya akan membahas wacana cara pemakaian inspect element atau jikalau diterjemahkan kedalam bahasa Indonesia menjadi inspeksi elemen. Artikel ini, saya buat semata-mata hanya untuk membagikan pengalaman saya menggunakan fitur browser yang sering kita jumpai di desktop dan juga menjawab pertanyaan-pertanyaan dari sobat bloger saya.

Oh, iya. Sekedar info sobat, bloger ialah kata baku dari blogger dalam bahasa Indonesia. Artinya blogger ialah bahasa inggris, sedangkan bloger ialah bahasa Indonesia dari blogger. Saya tidak akan membahas secara mendalam mengenai istilah ini, maka dari itu, silakan baca selanjutnya.

Sebenarnya, fitur ini kadang disalahgunakan oleh orang yang tidak bertanggung jawab. Maka, dari itu, anda harus menggunakan fitur yang satu ini dengan baik. Lalu, bagaimana cara melaksanakan inspeksi elemen terhadap blog kita. Berikut ini klarifikasi beserta tutorialnya.

Cara membuka fitur Inspect Element

1. Buka situs yang anda ingin inspeksi kemudian klik kanan pada bidang kosong.

2. Menu kecil akan terbuka. Maka, klik sajian untuk menginspeksi. Contohnya disini saya menggunakan chrome, maka sajian yang dipilih ialah inspeksi.

cara menggunakan inspeksi elemen bagi blogger cara menggunakan inspeksi elemen bagi blogger

3. Lihat disebelah kanan situs,akan terbuka sajian besar menciutkan ukuran situs yang anda kunjungi. Tapi, damai saja, artinya blog anda itu responsive, apabila blog menciut.

4. Selesai.

Lalu, bagaimana cara menggunakan fitur inspeksi elemen? Untuk keperluan blog, maka fiturnya tidak perlu terlalu kompleks. Berikut ini beberapa tutorial kecil untuk menggunakan fitur inspeksi elemen.

Cara mencari instruksi css dengan inspect element

1. Buka terlebih dahulu sajian yang satu ini.

2. Klik icon sajian kecil di kiri atas sajian inspeksi berlambangkan kursor dan klik pada elemen di situs yang anda kunjungi. Contohnya disini, saya menginspeksi salah satu sajian header.

cara menggunakan inspeksi elemen bagi blogger cara menggunakan inspeksi elemen bagi blogger


3. Maka, inspeksi elemen, akan mencari instruksi pada elemen yang anda pilih

4. Lalu, lihat sajian inspect element di bab bawah pada sajian style.

cara menggunakan inspeksi elemen bagi blogger cara menggunakan inspeksi elemen bagi blogger

5. Nah, kini anda silakan cari kode-kode yang anda ingin ketahui pada css elemen yang anda pilih. Anda juga sanggup melaksanakan klik pada instruksi yang anda pilih untuk menyalin instruksi tersebut.

6. Selesai

Cara mencar ilmu padding, margin, dll dengan inspect element

Nah, fitur ini ialah cara cepat untuk mencar ilmu padding, margin, dll dengan cepat. Berikut ini tutornya.

1. Masih pada sajian style. Lihat pada sajian yang bertuliskan padding, margin, dll. Lalu, coba arahkan mouse anda ke salah satu kotak yang ada.

cara menggunakan inspeksi elemen bagi blogger cara menggunakan inspeksi elemen bagi blogger

2. Lalu, lihat pada elemen yang tadi anda pilih, akan ada blocking area untuk menandai dimana instruksi tersebut ditempatkan.

3. Anda juga sanggup melihat berapa ukurannya dengan melihat di dalam kotak tersebut.

4. Selesai.

Cara cek instruksi pada suatu elemen

Nah, untuk yang satu ini anda membutuhkan satu fitur aksesori yang sudah dipasang default oleh browse. Berikut penjelasannya.

1. Lalukan lagi pemilihan elemen pada elemen yang anda ingin pilih. Disini saya mencontohkan header.

cara menggunakan inspeksi elemen bagi blogger cara menggunakan inspeksi elemen bagi blogger

2. Karena elemen yang saya pilih, bukan elemen utama dan saya menginginkan elemen utama.Maka saya mencari elemen utamanya dengan menentukan baris instruksi di inspect element.

cara menggunakan inspeksi elemen bagi blogger cara menggunakan inspeksi elemen bagi blogger

3. Lalu, hafalkan kata kunci pada instruksi yang tertera. Disini kata kunci yang tertera ada pada id, yaitu “Header-Container”.

4. Lalu, klik kanan pada situs yang anda kunjungi dan lihat instruksi sumber laman.

5. Tekan CTRL+F dan ketik kata kunci tadi. Lalu, cari instruksi tersebut hingga dapat.

cara menggunakan inspeksi elemen bagi blogger cara menggunakan inspeksi elemen bagi blogger

6. Disini saya beri tumpuan untuk melaksanakan cek sekaligus salin terhadap css pada elemen tersebut. Maka, tumpuan tampilan akan menyerupai berikut.

7. Silakan blocking area untuk melaksanakan select pada instruksi elemen tadi.

8. Disitu juga anda sanggup melaksanakan cek untuk melihat instruksi css yang menciptakan header pada situs itu menjadi gradien. Dan kodenya sudah terperinci tertera dengan kata-kata gradient.

9. Selesai.

Tutor cocok untuk pemula tingkat menengah. Jikalau anda sudah hebat maka anda sanggup melaksanakan trik tersendiri. Selanjutnya, anda sanggup menggunakan cara diatas untuk mengedit template blog anda atau melaksanakan sesuatu yang lainnya. Jadi, anda sanggup berkreatifitas sendiri. Jikalau anda ingin mengedit template anda, ada baiknya untuk melihat tata cara yang baik dan benaruntuk menggunakan css terlebih dahulu.

Hmmm... Bagaimana? Praktis dimengerti bukan? Jikalau anda punya pertanyaan atau kritik dan saran. Silakan cantumkan di kolom komentar. Jangan lupa juga untuk membagikan artikel ini ke teman-teman anda dan juga berlangganan gratis di blog ini untuk mengetahui info menarik terbaru.

Related Posts