Jumat, 27 Mei 2011

Cara melakukan edit HTML pada template blogspot

Alasan pertama menulis posting ini adalah semata-mata untuk catatan dan sebagai pengingat diri Saya sendiri ketika hendak melakukan Edit HTML pada Template, karena sebagai blogger pemula Saya masih sering ngotak-atik Template untuk menambah fitur/widget Blog, sedangkan alasan kedua adalah Saya yakin masih ada diantara blogger pemula yang membutuhkan tutorial ini terutama yang benar-benar baru membuat blog.


Berdasarkan hasil observasi (ha ha ha…..) ke beberapa tutorial yang dibuat oleh blogger senior dan sesuai pengalaman pribadi ternyata Cara Melakukan Edit HTML Pada Template Blogspot yang benar adalah sebagai berikut:

  1. Kunjungi blogspot.com untuk ke halaman Login seperti pada gambar di bawah ini:
  2. Masukan Email dan Password lalu klik Masuk untuk menuju ke Dashboard, seperti gambar di bawah ini:
  3. Klik Rancangan agar menuju ke halaman berikutnya, seperti dalam gambar di bawah ini:
  4. Pilih dan klik Edit HTML untuk ke halaman Edit HTML, seperti gambar di bawah ini:
  5. Sebelum mulai mengedit, menambah atau menghapus kode HTML pada Template, sebaiknya terlebih dahulu Download Template Lengkap dan simpan filenya untuk mengantisifasi jika terjadi kegagalan, maka hasil file Template tadi bisa digunakan untuk merestore atau mengembalikan kondisi template pada posisi sebelumnya. Selanjutnya beri tanda centang pada kotak Expand Template Widget, seperti contoh pada gambar di atas.
  6. Cara mudah untuk mengedit kode HTML pada Template, silahkan perhatikan pada gambar di bawah ini:
  7. Untuk memudahkan pencarian kode HTML yang akan diedit, gunakan tombol Find, caranya seperti pada gambar di atas (lihat tanda panah No.1) atau tekan Ctrl + F dari keyboard Komputer, lalu masukan kode yang akan dicari ke dalam kotak Find (lihat No.2 di gambar) kemudian Enter/Next (lihat tanda panah No.3), jika kode yang dicari tersebut terdapat di Template, maka kode tersebut akan tampil beda (lihat pada panah No.4).
  8. Selanjutnya sudah bisa mulai mengotak-atik kode-kode HTML tersebut dan setelah selesai sebaiknya jangan di Save Template dulu, tapi klik Pratinjau untuk melihat hasil pengeditannya, apakah berhasil atau gagal? Jika gagal gunakan tab Bersihkan Edit untuk mengembalikan kode ke posisi awal dan silahkan coba lagi cara-cara di atas sampai berhasil, lalu Simpan Template, sebagaimana contoh pada gambar di bawah ini:
Demikianlah tutorial sederhana ini, semoga bermanfaat untuk kita semua, Amin!!!.

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More