Beranda > Blogging, Tutorial Blog > Tips Edit HTML Pada Blogger Template

Tips Edit HTML Pada Blogger Template

Purworejo Journal – 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.

find

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.

clear

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

cah pordjo

  1. 23 Juli 2014 pukul 7:29 pm

    My brother suggested I might like this website.

    He was totally right. This post actually made my day.
    You cann’t imagine simply how much time I had spent for this information! Thanks!

  2. 12 September 2013 pukul 12:53 pm

    Thank you a bunch for sharing this with all people you actually recognise what you are speaking about!
    Bookmarked. Please also consult with my website =). We may have a
    hyperlink change contract between us

  3. 6 Juni 2013 pukul 5:30 pm

    hello there and thank you for your information – I have definitely picked up anything new from right
    here. I did however expertise some technical issues using this
    site, since I experienced to reload the website a lot of times previous to I could get it to
    load properly. I had been wondering if your web host is OK?
    Not that I’m complaining, but sluggish loading instances times will sometimes affect your placement in google and can damage your high quality score if ads and marketing with Adwords. Well I’m adding
    this RSS to my e-mail and can look out for a lot more of your
    respective exciting content. Make sure you update this
    again very soon.

  4. 16 Februari 2012 pukul 2:01 pm

    makasih gan, ane cari cari maksudnya expand template widget itu apaan, akhirnya nemu disini🙂

  5. 5 Agustus 2010 pukul 4:57 pm

    wah tipsnya keren nich memang kita harus menggunakan tips-tips tertentu sebelum kita mengedit template menggunakan edit html,terkadang trial dan error merupakan guru terbaik untuk tidak mengulangi lagi kegagalan koding kita

  6. 1 Juni 2010 pukul 11:40 pm

    tutorial dasar yg mantab bro

  7. 9 Mei 2010 pukul 3:27 am

    … thank ya !

  8. 31 Maret 2010 pukul 12:09 am

    mantapz

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: