Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Tampilan Baru Edit HTML Blogger

Memahami HTML Editor Terbaru (Tampilan baru Edit HTML) untuk Blogger.
Tampilan Baru Edit HTML Blogger - Blogger HTML Editor kini mengalami perubahan semenjak 09 April 2013. Dengan hadirnya tampilan baru, otomatis Blogger menambahkan fitur-fitur terbaru untuk memanjakan penggunanya.
blogger html editor
tampilan baru edit html blogger

Seiring terjadinya perubahan ini, banyak sahabat yang merasa kebingungan. Kebingungan itu merupakan satu kewajaran apabila mengenal sistem yang terbaru yang belum pernah kita kenal sebelumnya. Banyak juga yang memaki Blogger mempersulit pengguna saja. Menurut hemat saya, hal itu karena kita belum terbiasa dengan Tampilan Baru Edit HTML Blogger ini. Sebagai contoh, kita menggunakan Nokia 3310 jadul abiss, kemudian berpindah ke iPhone... pasti sangat2 tidak mengerti.

Menurut hemat saya, justru dengan tampilan baru Blogger HTML Editor ini, semakin mempermudah memahami struktur template Blogger.

Beberapa perubahan yang terjadi, diantaranya :
  1. Dihilangkannya Expand Template Widget, karena semua tag dimunculkan alias tidak disembunyikan seperti sebelumnya
  2. Penambahan tombol Lompat ke Widget / Jump to Widget, sehingga memudahkan widget mana yang akan diedit.
  3. Pratinjau Template kini menyatu dengan Editor, seperti Macromedia Dreamweaver
  4. Penambahan tombol Kembalikan Perubahan, untuk mengembalikan kode yang telah kita edit
  5. Menggunakan SyntaxHighligter (kode warna-warni), untuk memudahkan dalam pengeditan kode.
  6. Penambahan tombol Format Template, untuk menyusun tag dan kode yang ditambahkan.
  7. Menggunakan sistem Collapse, untuk menampilkan kode yang disembunyikan klik tanda ► disamping nomor urut
  8. Penambahan fungsi Ctrl+Shift+F dan Ctrl+Shift+R

Kalau Expand Template Widget Hilang, bagaimana cara melihat kode?


Seperti yang saya sebutkan pada poin 1 dan 7, sebenarnya semua kode sudah ditampilkan, tetapi sebagian disembunyikan. Sobat tinggal meng-expand saja kode tersebut dengan meng-klik tanda ►.

Sebagai contoh, sobat pasti kebingungan mencari CSS, CSS ini sebenarnya ada, tinggal klik ► pada <b:skin>...</b:skin>

Lebih jelasnya lihat gambar di bawah :

tampilan baru edit html blogger

Lebih gampang? atau lebih sulit? Memang masih perlu waktu untuk memahami Editor HTML Blogger terbaru ini.
Masih ada kebingungan sob?

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

36 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. Keren memang terobosan blogger ini. Kreatif! Dengan wajah baru seperti ini, semuanya jadi mudah dan cepat.. belum lagi user dimanjakan dengan penampilan editor nya yang stylish, alhasil jadi betah nge-blog nya. :D
    1. Setuju sob.. blogger memang wokkkeee buanget.. :)
  2. bener banget tuh, kang...ane juga baru tau tampilan baru edit htmlnya blogger.
    makin tambah keren aja kayaknya nih.

    thx info, kang :)
    1. sama2 sob.. sebenernya saya juga baru nyadar hari ini kalau HTML editornya sudah berubah :)
  3. thanks ya penjelasannya...
    1. Sama2 Umm... semoga bermanfaat :)
  4. Kok kode-kodenya tidak bisa dicari dengan Ctrl+F ya kang?
    1. sama dengan saya kang ga bisa Ctrl+F
  5. Masiih bingung pak....apalagi masih newbie. mungkin belum terbiasa kali yah?
    Btw mksh tutorialnya
    1. Mungkin belum terbiasa aja.. seperti pengguna lama berganti ke Dashboard baru, pada bingung awalnya.
  6. blogspot memang keren ;) cukup memudah untuk mengecek Valid HTML ... :)
    1. betul sob.. ga salah pokonya pilih blogspot
  7. ieah sangat membingungkan sekali ne, enak yang dulu, sob menurut ku
    1. difahami aja pelan2, Insya Allah mudah ko..
  8. Thx info nya ...Aq dulu pernah bingung kok gak ada Expand Template Widget...
    Tpi skrg udh nggak...

    Kang Ismet...
    Follow Blog ku juga ya... Aku udh follow blog kamu
    www.info-tentang-kpop.blogspot.com


    Thank U
    1. siap.. tunggu aja sob
  9. Sebelumnya agak bingung kang, soalnya 'Expand Template Widget' hilang... setelah baca artikel ini jadi ngerti deh! makasih infonya kang n mohon izin mo saya share lagi ya kang :)
    1. silahkan sob.. jangan lupa sumbernya :)
  10. sama seperti komen-komen di atas, pagi tadi saya keheranan saat hendak meng-edit html, lantaran gak ada expand template :D
    terima kasih banyak, kang :D
    1. sama2.. sekarang udah ngerti kan ? ;)
  11. makasih mas atas tutorialnya, awalnya saya juga bingung namun saya setelah melihat tampilan pada area editing, kok mirip dengan area posting di WP? akhirnya langsung tanggap mas :)
    oya, ada yang baru juga di widget mas, recent post, saya tahunya dari email yang di kirim Blogger tapi belum saya update artikelnya..
    1. saya tunggu updatenya :)
  12. bagus sih mas, enak dipahami tampilannya seperti saya memakai Adobe Dreamweaver, tapi sayangnya tampilannya kecil.
    1. wah.... udah jago dong masnya kalau udah pake dreamweaver...
  13. Thx gan atas infony, we sempet bingung ni...
  14. Maaf ni kang dikit ga tema..
    Sy baru buka blog sy lagi.. pas mau edit HTML kq ga bisa.. cuma ada tulisa "memuat".. gmn carany? nuhun kang
  15. kyaknya enakan yang dulu deh..
    soalnya yang baru ini ane agak bingung gan..!!? :/
  16. thanks infonya Kang Ismet jadi lebih PD buat utak atik HTML pada fitur yang baru blogspot....Udah difollow blognya Kang, di back follow ya? blog ane http://obatherbal-2u.blogspot.com
  17. Makasih infonya kang, tapi nampaknya saya belum bisa lihat tampilan baru Edit HTML nya blogger via Opera Mini Mobile :-(
  18. trim's kang buat info_Na :D
  19. HAahahaa..
    Enak nih keren.. :)
    1. lebih variatif ya
  20. terima kasih atas infonya gan..kayanya saya masih bingung dimana letak kode ]]>....
    http://mctn-mc.blogspot.com
  21. thx bgt yah gan...saya udah buka blog2 yg lain tapi gak bisa bisa,,,setelah baca ini langsung bisa,,,skrg blog ku udah canttik lg...thxxx
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.