Saya masih sering mendapat pertanyaan basic perihal bagaimana cara mencari aba-aba menggunakan Blogger HTML Editor baru (yang dirilis sejak April 2013 lalu). Pada posting tersebut, saya membahas beberapa pergeseran dan apa yang membedakannya dengan HTML editor lama, namun memang tidak menjelaskannya secara terperinci dengan estimasi bahwa fitur-fitur gres itu sanggup dieksplorasi dengan mudah. Namun ternyata memang masih ada kendala, utamanya kalau berjumpa dengan tutorial-tutorial renta saya yang masih mengacu pada HTML editor lama, sehingga menghasilkan proses edit atau penyesuaian template blog tidak lancar. Oleh lantaran itu, dalam peluang ini, saya ingin menyebarkan trik kecil saya dalam melakukan penelusuran aba-aba di fitur "Edit HTML Template Blogger" dengan segera mudah-mudahan proses edit template mudah.
Posting ini tentunya khusus buat kawan yang gres menggunakan blogger (tidak mengenal HTML Editor lama) atau yang masih belum sanggup menaikkan atau mengerti fitur-fitur gres di dalam HTML Editor gres (sebab sudah terlalu tenteram dengan yang lama). Jadi, buat kawan yang sudah cukup mengenalinya tentu posting ini kurang penting, namun silahkan saja kalau ingin ikut menyimak; plus kalau berkenan, boleh menyertakan masukan.
Akses ke HTML Editor adalah:
Dashboard (home) Blogger > Template > Klik button "Edit HTML".
HTML Editor gres memiliki beberapa perbedaan mendasar, 3 yang penting di antaranya adalah:
1. Dihapusnya fitur "Expand Widget Templates". Pada HTML editor lama, fitur ini digunakan untuk memperlihatkan tag-tag widget yang secara default disembunyikan, demi keamanan, untuk menghindarinya teredit secara tidak sengaja. Oleh lantaran itu, untuk memperlihatkan tag-tag widget tertentu, mesti mencentangnya dan gres sanggup mengeditnya.
2. Tag-tag widget di HTML editor gres sekarang ditampilkan (default), tetapi dalam wujud tertutup di antara tag inti, dan mesti klik tanda expand (►) untuk menyaksikan isinya. Masing-masing tag inti sanggup pribadi dicari dengan menggunakan santapan dropdown "Jump to widget", dimana di dalam santapan tersebut terdapat nama-nama tag inti yang ingin dituju. Urutan nama widget dari atas ke bawah sesuai urutan widget di dalam template.
3. Poin terpenting yakni ditambahkannya fitur gres pada HTML Editor baru, yakni fungsi "Search". Jika dahulu kita biasa menggunakan fitur search (CTRL+F) milik browser, dan memasukkan aba-aba untuk menuju pecahan tertentu di dalam editor, sekarang tidak sanggup lagi lantaran HTML Editor gres ditampilkan dalam frame, search milik browser tidak sanggup digunakan untuk "menggali" isi frame. Nah untuk menanggulangi hal itu, Blogger menyertakan fitur "SEARCH" khusus di dalamnya.
Itu yakni 3 inti yang kemudian merubah cara usang yang lazim kita pakai untuk mengedit HTML Blogger. Untuk poin 1, fitur itu sudah tidak ada lagi, jadi kalau ada panduan saya atau yang yang lain 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 mesti mengenal semua nama ID widget (widget bukan cuma yang ada di sidebar loh, melainkan tergolong post, header, dll; komponen template blogger berisikan widget-widget). Untuk widget sidebar, umumnya namanya menggunakan ID HTML, misalnya HTML1, HTML2, dll, sesuai urutan widget sidebar yang ditambahkan. Untuk mencari ID widget sidebar, simak caranya di post Cara Menampilkan Widget cuma di Halaman tertentu.
Setelah menerima ID widget yang dimaksud, lalu:
1. Klik santapan dropdown "Jump to Widget".
2. Klik nama widget (ID) seumpama yang sudah ditemukan.
3. anda akan dibawa meluncur ke pecahan tag widget sesuai dengan nama yang diinginkan.
4. Klik tanda ► di sebelah kiri widget yang dimaksud sehingga tag terbuka dan memperlihatkan elemen-elemen di dalamnya.
5. Lakukan editing/modifikasi sesuai keperluan atau tutorial.
Cara ini tentu cuma efektif juga apabila tag widget gampang dicari sesuai nama dan sanggup dilihat dengan mata telanjang. Bagaimana kalau aba-aba yang dicari ialah tag khusus dan bukan ialah widget? Tentu sungguh ribet kalau mesti membuka masing-masing tag dengan klik ►. So kita butuh "jalan pintas", yaitu: mencari sekaligus expand tag dengan cuma sekali klik!
Setelah menerima ID widget yang dimaksud, lalu:
1. Klik santapan dropdown "Jump to Widget".
2. Klik nama widget (ID) seumpama yang sudah ditemukan.
3. anda akan dibawa meluncur ke pecahan tag widget sesuai dengan nama yang diinginkan.
4. Klik tanda ► di sebelah kiri widget yang dimaksud sehingga tag terbuka dan memperlihatkan elemen-elemen di dalamnya.
5. Lakukan editing/modifikasi sesuai keperluan atau tutorial.
Cara ini tentu cuma efektif juga apabila tag widget gampang dicari sesuai nama dan sanggup dilihat dengan mata telanjang. Bagaimana kalau aba-aba yang dicari ialah tag khusus dan bukan ialah widget? Tentu sungguh ribet kalau mesti membuka masing-masing tag dengan klik ►. So kita butuh "jalan pintas", yaitu: mencari sekaligus expand tag dengan cuma sekali klik!
Cara Mencari Kode di HTML Editor Menggunakan Fitur "Search"
1. Untuk menimbulkan fitur "search" milik Blogger, anda tidak sanggup pribadi menekan Ctrl+F, lantaran yang timbul nantinya fitur search milik browser. Arahkan kursor apalagi dahulu ke dalam HTML Editor, klik di pecahan manapun di dalam editor, gres tekan CTRL+F, maka search kafe Blogger akan timbul di pojok kanan atas.
2. Next, untuk mencari aba-aba tertentu sesuai dengan isyarat tutorial, copy dan paste atau ketikkan aba-aba tersebut ke dalam kolom "search", kemudian klik enter. Kode yang anda cari akan timbul 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/> seumpama pola berikut:
 |
| klik gambar untuk menyaksikan ukuran besar |
3. Jika aba-aba yang serupa lebih dari satu sesuai yang sudah 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 sudah dimodifikasi sedemikian rupa oleh pembuat template, cari aba-aba pokoknya saja. Contoh, kalau mesti mencari aba-aba <body>, dan tidak ketemu, maka tag body tersebut umumnya sudah dimodifikasi, misalnya: <body (beberapa atribut tag di belakang).>, maka cari saja <body (tanpa penutup).
5. That's it!
Jika masih ingin mempelajari beberapa kiat dan trik dalam menghadapi HTML Editor Blogger, simak tips edit template HTML Blogger. Itu yakni panduan tua, jadi ada beberapa hal yang tidak perlu dibarengi lantaran tidak cocok lagi dengan HTML editor baru, namun beberapa poin masih sungguh penting.
Hopefully sanggup memperlihatkan sedikit pencerahan bagi yang gres berkenalan dengan blogging, HTML Editor Blogger, maupun yang masih sakit kepala dengan kehadiran fitur HTML Editor gres lantaran sudah cukup tenteram dengan yang lama.
© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
 Blogger){kind=link}