Tips Edit HTML Template Pada Blogger.com

Bicara soal template pasti bayangan kita langsung tertuju pada deretan huruf-huruf tag HTML yang rumit dan tidak kita mengerti maksudnya, bahkan mungkin melihatnya saja kita sudah pusing duluan sampai mandi keringat dingin. Yach, memang begitulah kenyataannya. Apalagi bagi blogger pemula seperti saya, tentu saja ini menciptakan dilematis antara “terus mencoba” atau “berhenti saja” dan pasrah dengan tampilan template yang apa adanya. Jangankan untuk mengedit, melihat susunan “bahasa tag HTML” saja kita sudah keder dan nervous, ufff... piye iki...
Dan pada kenyataannya banyak template yang (mungkin) berbeda dalam hal karakteristiknya sehingga saat kita ingin meng-edit-nyapun berbeda dengan contoh tutorial yang kita punya. Nah, karena itulah saya postingkan sedikit tips and trik untuk mengatasi permasalahan-permasalahan yang ada saat anda mengedit kode HTML pada template blogger anda. Berikut ini tips sederhana untuk melakukan edit kode HTML pada template :

1. Membaca Tutorial Dengan Benar dan Teliti
Terkadang hal ini sering dilupakan saat kita ingin meng-edit kode HTML pada template blog kita. Sepertinya ini sangatlah sederhana, namun memiliki efek besar saat anda melakukan edit kode HTML pada template. Dengan membaca tutorial dengan benar dan teliti akan dapat memperkecil kesalahan yang menyebabkan error/rusaknya kode HTML pada template anda.

2. Backup Template Blogger Anda
Sebelum anda melakukan edit template, backup template anda dengan memberi tanda centang pada “Expand Template Widget”, tunggu beberapa saat sampai seluruh kode HTML muncul. Kemudian lakukan backup dengan meng-klik “Download Full Template” dan simpan template anda.
Ini penting buat anda yang ingin mengutak atik kode HTML pada template. Mengapa harus di backup? Yup, dengan memiliki backup template anda tak perlu pusing-pusing lagi seandainya terjadi kesalahan/kerusakan kode HTML yang pada akhirnya mengakibatkan proses peng-edit-an mengalami kegagalan (error). Jika terjadi hal demikian, anda tinggal meng-upload file template yang sudah tersimpan tadi dan template akan kembali pada posisi semula/sebelum rusak.

3. Fungsi Tanda Centang Pada “Expand Template Widget”
Dengan memberi tanda centang pada “Expand Template Widget” maka seluruh kode HTML yang ada akan muncul didalam toolbar, sehingga akan mempermudah anda saat mencari kode HTML yang anda inginkan.

4. Tips Mempermudah Pencarian Tag Kode HTML
4.1 Browser Mozilla FireFox
Saya asumsikan anda sudah menekan “Expand Template Widget”.
Untuk mempermudah pencarian tag/kode HTML pada template anda, silahkan tekan “F3” atau “Ctrl+F” sehingga akan muncul kotak pencarian dibawah toolbar. Copy paste tag/kode yang akan anda cari dan masukkan pada kotak tersebut. Jika tag/kode ditemukan, maka kode akan diblog dengan warna hijau. Jika ternyata kode yang kita cari tidak muncul, cobalah lakukan pencarian dengan sebagian tag/kode.
Contoh : tag/kode yang anda cari adalah <p><data:post.body/></p> maka cobalah lakukan pencarian dengan mengambil sebagian tag/kodenya seperti ini data:post.body. Jika sudah ditemukan, klik tombol “next” yang berfungsi untuk melihat apakah ada kode lain yang sama. Hal ini perlu dilakukan untuk memastikan tag/kode yang anda kehendaki.

4.2 Browser Selain Mozilla FireFox
Saya asumsikan anda sudah menekan “Expand Template Widget”.
Bagi anda yang tidak familiar dengan Mozilla FireFox, anda dapat melakukan pencarian tag/kode HTML seperti tips dibawah ini :
Copy paste seluruh kode dan masukkan kedalam “notepad”. Copy paste tag/kode yang ingin anda cari, tekan “edit”, kemudian “find” (muncul kotak pencarian) atau dengan menekan “Ctrl+F” dan masukkan tag/kode, lalu tekan “find text”. Jika belum ketemu coba beri tanda centang pada “Match Case” atau dengan mengganti “up/down”.

5. Error Code
Saat anda akan menyimpan hasil edit tiba-tiba muncul pesan “error”, misalnya seperti ini :

We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....

Wedew...piye iki...!! Don’t panic bro..!! Baca dengan seksama dan cobalah untuk memahami pesan error tersebut. Coba cek kembali tutorial yang anda baca tadi apakah anda sudah benar-benar melakukan langkah-langkah pengeditan sesuai dengan tutorialnya. Jika anda meragukan pengeditan yang anda lakukan, klik “Clear Edit” dan edit ulang template anda.

Semoga tips diatas dapat membantu anda dalam pengeditan, khususnya bagi mereka yang masih pemula seperti saya.
Selamat mengutak atik template anda, semoga bermanfaat...

Salam ngeblog