Cara Cepat Mencari Kode HTML atau Kode CSS di Template Blog

Apabila sobat ingin merubah tampilan blog, baik menambah atau mengurangi beberapa gadget atau widget atau lainnya, maka kita harus menambah atau meng-edit atau juga menghapus beberapa kode di halaman “Edit HTML” template blog.

Kode-kode tersebut lumayan banyak juga dan apabila kita harus mencari secara manual, saya rasa akan menghabiskan waktu yang berharga hanya untuk mencari satu kode dalam rangkaian kode-kode yang panjang dan melelahkan mata.

Di sini saya akan mencoba memberikan tips cara menemukan kode HTML atau CSS dengan cepat :

Untuk masuk ke halaman kode HTML silahkan sobat Login dulu ke Blogger.com

Pada halaman dasbor blog klik “Tema” atau “Template”

dasbord blog mencari kode HTML dengan cepat

Kemudian klik “Edit HTML” sehingga muncul halaman Edit HTL

Agar pencarian lebih cepat maka Simpan kursor atau pointer di halaman Edit HTML lalu tekan

Ctrl dan F pada keyboard secara bersamaan sehingga akan ditampilkan kotak pencarian.

Kotak Pencarian halaman HTML blog mencari kode HTML dengan cepat

Di kotak pencarian inilah sobat bisa memasukan kode untuk mencari kodenya. Sebagai contoh mencari kode <Head> kita bisa mengetikan secara manual atau lebih baik copy paste kode yang akan kita cari. Setelah memasukan kode tersebut lalu klik Enter dan kita akan diperlihatkan kode-kode yang kita cari yang diberi warna kuning.

Apabila kode yang kita cari tidak di ketemukan, coba cari kode penggantinya seperti berikut :

Kode ]]></b:skin> atau </style> atau <b:skin><![CDATA[ atau </style>

Kode </body> atau kode </header>

Yang Lainnya menyusul, menunggu para master ngasih ilmu ke kita.

Selain kode persamaan diatas, apabila kita tidak menemukan kode yang dimaksud, ini ada beberapa kemungkinan, diantaranya :

Tulisan huruf, angka dan spasi atau lainnya pada kode HTML blog dengan tutorial ada perbedaan sedikit, misal kita mencari kode sesuai tutorial seperti ini :

<div class='blog-pager' id='blog-pager'>

Sedangkan di kode HTML blog seperti ini :

<div class='blog-pager' id='blog-pager'>

Apa yang berbeda ? ternyata tulisan di tutorial antara 'blog-pager'aid='blog-pager' ada spasi sedangkan di halaman HTML tidak ada spasi.

Untuk mengatasi hal ini, sebaiknya kita melihat kode intinya apa? Misal di sini kode intinya blog-pager jadi kita carinya kode blog-pager dan apabila hasil pencariannya banyak kode tersebut, kita samakan dengan di tutorial kode sebelum atau selanjutnya seperti apa? Jadi baris yang sama yang kita jadikan acuan.

Selanjutnya ada juga kode yang tidak diketemukan, berdasarkan pengalaman. Saya mencari kode <div class='post hentry'> dan hasil pencarian tidak ditemukan. Solusinya seperti tadi cari kode inti yaitu post hentry dan ternyata kode tersebut sudah berbeda penulisannya dan hasilnya seperti ini <div class='post hentry uncustomized-post-template'>

Jadi kode tersebut berbeda dengan di tutorial, hal ini tergantung dari template yang kita gunakan atau oleh pembuat template kode tersebut ada sedikit perubahan.

Hal ini pernah terjadi pada kode <body> dan tidak ditemukan dan ternyata kode tersebut hampir sama dengan kode tadi sudah ada perubahan seperti ini

<body expr:class='"loading" + data:blog.mobileClass'>

Pada kasus lain, terkadang kita mengkopy kode kelebihan, misalnya cari kode

</body>

Lalu kita memblok kode tersebut seperti ini : </body>a

Sehingga di kotak pencarian ada spasi-nya dan ini juga tidak akan ditemukan

Kode Yang di Cari halaman HTML blog mencari kode HTML dengan cepat

Lihat gambar diatas, kelihatan antara tulisan ada spasinya. Jadi dalam mencopy paste kode yang akan kita cari jangan sampai kelebihan atau kurang dari instruksi. Seperti yang di beri warna kuning </body> kita meng-copy-nya

Mohon masukannya sob, soalnya saya juga baru belajar. Trims

Senin, 24 September 2018

Cara Cepat Mencari Kode HTML atau Kode CSS di Template Blog

Tidak ada komentar:

Posting Komentar