Cara Upload Template di Blogger Tampilan Baru (2)

Mengedit template blog adalah hal yang harus di lakukan nuntuk mempercantik blog. Menambahkan widget baru pada sidebar blog belum cukup untuk membuat tampilan blog lebih menarik sesuai keinginan kita. Belum lagi, banyak widget yang jika ingin ditambahkan ke blog, kita harus mengedit kode HTML template dengan menambahkan kode CSS atau  JavaScript atau keduanya.

Mengedit Template Blog Gampang Susah

Mengedit template blog adalah pekerjaan gampang yang sangat sulit. Bingung?
Mengedit template gampang. Dengan sedikit kemauan untuk belajar, seorang blogger pasti bisa mengedit templatenya sendiri. Yang perlu dilakukan hanya menyiapkan backup tempate sebelum diedit agar apabila terjadi kesalahan saat mengedit template, kita tinggal mengupload kembali kode template yang sudah di backup. Jadi, tidak perlu pusing, bingung, stress, bahkan sampai lompat dari jembatan. 

Mengedit kode HTML susah. Tanpa sedikit pengetahuan tentang kode HTML, mengedit template akan sangat susah. Kadang hanya karena kurang 1 kode saja, template jadi error dan tidak akan bisa bekerja sebagaimana mestinya. Tapi, asal berhati-hati dan tahu cara yang benar untuk mengantisipasi kesalahan, semua akan terasa mudah. Tinggal copy code, paste, Preview, Simpan Template, selesai...

Cara Mengedit Template Blogspot

Sebelum mengedit template blog, sebaiknya Anda mengetahui hal-hal berikut agar bisa mengatasi dan mengantisipasi kesalahan yang bisa terjadi kapan saja saat mengedit kode HTML template blog. Bagi Anda yang belum tahu proses masuk ke Edit Template, simak tutorialnya berikut ini:

• Sebelum mengedit template blog, sebelumnya Anda harus masuk dulu ke blogspot dengan username dan password anda (WAJIB) di http://www.blogger.com. 

• Setelah masuk ke blogger, anda akan melihat dashboard atau home blog Anda. Untuk mengedit template, klik tanda panah ke bawah yang ada di dekat nama blog, lalu klik tulisan Template. 

Gambar 1: Cara edit template blog.

•  Klik tulisan Pulihkan/Cadangkan atau Backup/Restore. 

Gambar 2: Cara edit template blog.

• Untuk mendownload backup template, klik tulisan Unduh Template Lengkap. 

Gambar 3: Cara edit template blog.

• Selanjutnya ikuti proses download. Jika menggunakan browser Mozilla Firefox, Anda hanya tinggal memilih Simpan Berkas lalu klik tulisan OK pada jendela download. Anda juga bisa mengupload kembali template anda yang telah dibackup atau didownload (backup biasanya untuk mengganti template atau mengembalikan kode template karena gagal atau melakukan kesalahan saat megedit template) dengan mengklik tulisan Telusuri. Selanjutnya, cari template atau backup template yang ada di hardisk Anda, klik tulisan Open, lalu klik tulisan Unggah.

Gambar 4: Cara edit template blog.

• Untuk mulai mengedit kode HTML template, klik tulisan Edit HTML seperti yang terlihat pada gambar berikut ini:

Gambar 5: Cara edit template blog.

• Abaikan saja peringatan yang muncul dengan mengklik tulisan Lanjutkan.

Gambar 5: Cara edit template blog.

• Anda akan melihat kode HTML template blog anda. Silahkan edit sesuai keinginan.  Jika di perlukan, beri tanda check pada kotak kecil yang ada di dekat tulisan Expand Template Widget dengan cara mengklik kotaknya.

Gambar 6: Cara edit template blog.

Keterangan

• Expand Template Widget berguna untuk menampilkan semua kode HTML template.

• Kembalikan Template Widget ke Default untuk mengembalikan kode template ke standar template blogspot. Bagian ini akan menghapus semua kode widget yang di masukkan di bawah postingan blog seperti tombol Share (kecuali share default blogspot), Related Post, dan widget lain yang dimasukkan secara manual (bukan bawaan blog).

• Pratinjau digunakan untuk melihat hasil pengeditan yang telah di lakukan sebelum menyimpan template. Jika terjadi error, berarti ada kesalahan saat pengeditan sehingga bisa segera diperbaiki (edit ulang). 

• Kosongkan Hasil Edit. Saat melakukan pratinjau setelah mengedit kode template, ternyata hasil pratinjau error. Gunakan tombol ini untuk menghapus semua pengeditan (pengeditan yang belum disimpan).

• Simpan Template. Gunakan tombol ini untuk menyimpan hasil pengeditan template yang telah dipratinjau dan hasil pratinjau sudah sesuai dengan yang diharapkan.

Tips

• Sebaiknya gunakan browser Mozilla Firefox agar lebih enak ngeblog di blogspot. Add Ons atau Pengaya Mozilla akan banyak membantu anda. Belum punya Mozilla? Download versi terbaru Mozilla Firefox bahasa Indonesia di http://www.mozilla.org/id/firefox/fx/.

• Saat mengedit template dengan Mozilla Firefox, Anda bisa melakukan pencarian kode dengan cepat. Caranya, tekan tombol F3 atau tombol CTRL + Huruf F di keyboard. Anda akan melihat kotak pencarian yang ada di sudut kiri bawah browser. Ketikkan kode yang anda cari pada kotak pencarian tersebut. 

Gambar 7: Cara edit template blog.

Klik tulisan Berikutnya untuk mencari kode  yang sama pada baris berikutnya. Klik tulisan Sebelumnya untuk mencari kode yang sama pada baris sebelumnya.

Semoga artikel ini bermanfaat dalam mengatasi dan mengantisipasi kesalahan dalam melakukan pengeditan template. Jika belum melakukan setting di blog anda, klik "Cara Setting Blog".

Happy blogging!

Sumber: http://www.bloggerbugis.com/2012/02/trik-mengedit-kode-html-template-blog.html (Dengan Pengubahan)