CARA MENGEDIT HTML TEMPLATE BLOGSPOT TAMPILAN BARU 2013

Kemarin saya sempat bingung tapi setelah cari-cari akhirnya dapat juga pencerahannya. Blogger kembali membuat tampilan baru untuk mengedit template di bulan ini, yang bisa jadi menyulitkan teman-teman blogger pemula karena cara yang lama yang sering menggunakan expand widget template sudah tidak akan terlihat lagi. Padahal anda akan membutuhkan ini untuk mengedit template blog keren anda menjadi template blog SEO Friendly...Sabar ya...

Oleh karena itu saya akan membantu para blogger bagaimana cara edit HTML di tampilan baru ini.

Mengenal Tampilan Edit HTML Blogspot yang Baru

Secara garis besar semua fungsi tombol masih lengkap, hanya posisinya diubah. Malah saya bisa katakan perubahan ini jauh lebih baik! Untuk lebih jelasnya mari lihat gambar di bawah ini (masuk ke menu TEMPLATE dan klik EDIT HTML)

Keterangan Gambar:

A adalah tombol untuk kembali ke menu Template

B adalah tombol untuk Simpan perubahan pada Template

C adalah fitur baru yang akan banyak membantu, yaitu Lompat ke kode Widget

D dan E adalah tombol Toggle Mode untuk melihat versi HTML dan melihat versi tampilan browser

F adalah tombol untuk menghilangkan perubahan yang sudah anda lakukan dalam satu pengeditan

G adalah tombol untuk mengembalikan perubahan yang sebelumnya sudah anda lakukan tapi hilang karena pemformatan

H adalah tombol untuk mengembalikan widget ke setingan default

Yang harus perhatikan dan paling penting dalam tampilan baru untuk mengedit HTML template blogspot ini adalah dua hal, yaitu tombol lompat ke widget dan panah-panah kecil berwarna hitam pada baris kode.

TOMBOL LOMPAT KE WIDGET

Tombol ini akan sangat membantu anda untuk menuju kode dari suatu widget di template anda. Anda cukup mengklik tombol tersebut dan akan terbuka dropdown untuk melompat ke kode HTML widget yang anda inginkan.

Yang menjadi masalah adalah saat anda sampai di kode HTML widget tersebut, anda akan melihat tampilan kode yang dipadatkan dalam lipatan yang ditandai dengan ► (lihat gambar di bawah ini).

Apakah saudara bisa melihat panah hitam kecil di atas ? Tombol Panah Hitam Kecil

Tombol ► ini adalah fitur baru yang akan membuka setiap kode menjadi lebih detail lagi. Kalau ternyata setelah anda klik masih ada tombol panah hitam lagi di dalamnya, maka klik lagi tombol panah hitam itu sampai semua kode widget yang anda inginkan terbuka penuh.

Jika sudah terbuka penuh sekarang anda sudah bisa mengedit kode pada widget tersebut.

PENGGANTI EXPAND WIDGET TEMPLATE DI EDIT HTML TEMPLATE BLOGSPOT TAMPILAN BARU

Yang menjadi masalah sekarang adalah anda akan mengalami kesulitan yang cukup mengganggu jika harus mengedit sebuah kode yang sangat panjang dan mempunyai begitu banyak panah kecil hitam. Saat itulah anda pasti berharap tombol expand widget template masih ada di sini.

Apakah tidak ada cara menampilkan semua kode HTML agar proses edit bisa berjalan lebih cepat? Sebenarnya anda bisa membuka semua kode dengan cara yang sangat mudah.

1. Klik kursor di dalam barisan kode mana saja
2. Tekan CTRL+A untuk menyorot semua kode
3. Tekan CTRL+C untuk mengcopy semua kode
4. Tekan tombol DEL pada keyboard untuk menghapus semua kode, dan
5. Terakhir tekan CTRL+V untuk mempaste semua kode

Kode yang dipaste ini akan terbuka penuh dan tidak ada panah hitam kecilnya, jadi hasilnya kurang lebih sama dengan tombol checkbox Expand Widget Template yang ada pada edit  template blogspot tampilan lama.

Anda tetap bisa memakai tombol lompat Ke Widget saat semua kode sudah dijabarkan, jadi ini akan membantu anda untuk mengedit template. Mudah-mudahan Google tidak melakukan perubahan lagi dalam waktu dekat ini, soalnya belakangan ini Google seperti sedang berinovasi di sana sini. Agak repot juga kalau edit html dari menu Template ini selalu diubah modelnya.

UPDATE:
Rupanya banyak teman blogger yang kesulitan mencari kode tertentu di dalam baris kode yang panjang. Sebenarnya caranya sangat mudah.kasih tau gak ya....

CARA MENCARI KODE DI EDIT HTML BLOGSPOT TAMPILAN BARU

Anda sudah tidak bisa lagi mencari kode dengan menggunakan CTRL+F pada browser, jadi klik dulu di antara barisan kode dan klik CTRL+F, nanti akan muncul kotak pencarian di sudut kanan atas jendela kode HTML.

Di situlah anda memasukkan nama kode yang akan anda cari, dan tekan enter sesudahnya. Jika anda belum menemukan kode yang diinginkan, maka tekan terus enter sampai ketemu. Lebih jelasnya lihat gambar di bawah ini.

Semoga ini bermanfaat mempermudah buat semua dan tidak bingung lagi memakai edit HTML template Blogspot di tampilan baru sekarang ini.