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.
- Klik kursor di dalam barisan kode mana saja
- Tekan CTRL+A untuk menyorot semua kode
- Tekan CTRL+C untuk mengcopy semua kode
- Tekan tombol DEL pada keyboard untuk
menghapus semua kode, dan
- 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.