Cara Mencari Kode Tertentu di Edit HTML (Template) Blogger

Saya masih sering mendapat pertanyaan basic mengenai bagaimana cara mencari aba-aba memakai Blogger HTML Editor baru (yang dirilis semenjak April 2013 lalu). Pada posting tersebut, saya membahas beberapa perubahan dan apa yang membedakannya dengan HTML editor lama, tapi memang tidak menjelaskannya secara terperinci dengan perkiraan bahwa fitur-fitur gres itu sanggup dieksplorasi dengan mudah. Namun ternyata memang masih ada kendala, terutama kalau bertemu dengan tutorial-tutorial renta saya yang masih mengacu pada HTML editor lama, sehingga menciptakan proses edit atau modifikasi template blog tidak lancar. Oleh lantaran itu, dalam kesempatan ini, saya ingin menyebarkan trik kecil saya dalam melaksanakan pencarian aba-aba di fitur "Edit HTML Template Blogger" dengan cepat biar proses edit template mudah.

Posting ini tentu saja khusus buat teman yang gres memakai blogger (tidak mengenal HTML Editor lama) atau yang masih belum sanggup memaksimalkan atau mengenali fitur-fitur gres di dalam HTML Editor gres (sebab sudah terlalu nyaman dengan yang lama). Jadi, buat teman yang sudah cukup mengenalinya tentu posting ini kurang penting, tapi silahkan saja kalau ingin ikut menyimak; plus kalau berkenan, boleh menambahkan masukan.

Akses ke HTML Editor adalah:

Dashboard (home) Blogger > Template > Klik button "Edit HTML".

HTML Editor gres mempunyai beberapa perbedaan mendasar, 3 yang penting di antaranya adalah:

1. Dihapusnya fitur "Expand Widget Templates". Pada HTML editor lama, fitur ini dipakai untuk menampilkan tag-tag widget yang secara default disembunyikan, demi keamanan, untuk menghindarinya teredit secara tidak sengaja. Oleh lantaran itu, untuk menampilkan tag-tag widget tertentu, harus mencentangnya dan gres sanggup mengeditnya.

2. Tag-tag widget di HTML editor gres sekarang ditampilkan (default), namun dalam wujud tertutup di antara tag inti, dan harus klik tanda expand (►) untuk melihat isinya. Masing-masing tag inti sanggup pribadi dicari dengan memakai sajian dropdown "Jump to widget", dimana di dalam sajian tersebut terdapat nama-nama tag inti yang ingin dituju. Urutan nama widget dari atas ke bawah sesuai urutan widget di dalam template.

3. Poin paling penting yaitu ditambahkannya fitur gres pada HTML Editor baru, yaitu fungsi "Search". Jika dulu kita biasa memakai fitur search (CTRL+F) milik browser, dan memasukkan aba-aba untuk menuju adegan tertentu di dalam editor, sekarang tidak sanggup lagi lantaran HTML Editor gres ditampilkan dalam frame, search milik browser tidak sanggup dipakai untuk "menggali" isi frame. Nah untuk mengatasi hal itu, Blogger menambahkan fitur "SEARCH" khusus di dalamnya.

Itu yaitu 3 inti yang kemudian mengubah cara usang yang biasa kita gunakan untuk mengedit HTML Blogger. Untuk poin 1, fitur itu sudah tidak ada lagi, jadi kalau ada tutorial saya atau yang lainnya yang meminta "expand widget templates", abaikan. 

Cara Mencari Tag Widget Dengan ID Tertentu di HTML Editor

Di antara ketiga poin perubahan tersebut, poin nomer 2 memang agak sulit, lantaran anda harus mengenal semua nama ID widget (widget bukan hanya yang ada di sidebar loh, melainkan termasuk post, header, dll; elemen template blogger terdiri dari widget-widget). Untuk widget sidebar, biasanya namanya memakai ID HTML, contohnya HTML1, HTML2, dll, sesuai urutan widget sidebar yang ditambahkan. Untuk mencari ID widget sidebar, simak caranya di post Cara Menampilkan Widget hanya di Halaman tertentu.

Setelah menemukan ID widget yang dimaksud, lalu:
1. Klik sajian dropdown "Jump to Widget".
2. Klik nama widget (ID) ibarat yang sudah ditemukan.
3. anda akan dibawa meluncur ke adegan tag widget sesuai dengan nama yang diinginkan.
4. Klik tanda ► di sebelah kiri widget yang dimaksud sehingga tag terbuka dan menunjukkan elemen-elemen di dalamnya.
5. Lakukan editing/modifikasi sesuai kebutuhan atau tutorial.

Cara ini tentu hanya efektif juga apabila tag widget gampang dicari sesuai nama dan sanggup dilihat dengan mata telanjang. Bagaimana kalau aba-aba yang dicari merupakan tag khusus dan bukan merupakan widget? Tentu sangat ribet kalau harus membuka masing-masing tag dengan klik ►. So kita butuh "jalan pintas", yaitu: mencari sekaligus expand tag dengan hanya sekali klik!

Cara Mencari Kode di HTML Editor Menggunakan Fitur "Search"

1. Untuk memunculkan fitur "search" milik Blogger, anda tidak sanggup pribadi menekan Ctrl+F, lantaran yang muncul nantinya fitur search milik browser. Arahkan kursor terlebih dahulu ke dalam HTML Editor, klik di adegan manapun di dalam editor, gres tekan CTRL+F, maka search kafe Blogger akan muncul di pojok kanan atas.

2. Next, untuk mencari aba-aba tertentu sesuai dengan petunjuk tutorial, copy dan paste atau ketikkan aba-aba tersebut ke dalam kolom "search", kemudian klik enter. Kode yang anda cari akan muncul di baris paling bawah pada kode-kode yang nampak di post editor, dan di-highlight dengan warna tertentu. Tag widget dimana aba-aba tersebut berada otomatis akan expanded dengan sendirinya. Sebagai contoh, saya mencari aba-aba <data:post.body/> ibarat teladan berikut:

klik gambar untuk melihat ukuran besar

3. Jika aba-aba yang sama lebih dari satu sesuai yang telah disampaikan oleh tutorial, klik enter satu atau dua kali lagi hingga menuju aba-aba yang dimaksud.

4. Jika anda diminta mencari aba-aba yang ternyata telah dimodifikasi sedemikian rupa oleh pembuat template, cari aba-aba pokoknya saja. Contoh, kalau harus mencari aba-aba <body>, dan tidak ketemu, maka tag body tersebut biasanya telah dimodifikasi, misalnya: <body (beberapa atribut tag di belakang).>, maka cari saja <body (tanpa penutup).

5. That's it!

Jika masih ingin mempelajari beberapa tips dan trik dalam menghadapi HTML Editor Blogger, simak tips edit template HTML Blogger. Itu yaitu tutorial tua, jadi ada beberapa hal yang tidak perlu diikuti lantaran tidak sesuai lagi dengan HTML editor baru, tapi beberapa poin masih sangat penting.

Hopefully sanggup menunjukkan sedikit pencerahan bagi yang gres berkenalan dengan blogging, HTML Editor Blogger, maupun yang masih pusing dengan kehadiran fitur HTML Editor gres lantaran sudah cukup nyaman dengan yang lama.

© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.

Tweet

Subscribe to receive free email updates: