Blogger Html Editor Baru: Edit Template Sekarang Jauh Lebih Mudah! - Pendidikan Blog

The News

Peningkatkan fungsi fitur serta layout HTML Editor yang gres saja dirilis Blogger (9 April 2013) kini kian membuat lebih gampang kita untuk mengedit template lewat fitur "EDIT HTML". Seperti sebelumnya yang pernah dibicarakan di forum-forum Blogger, fitur yang sanggup kita lihat di halaman "Template" pada dashboard Blogger ini sebelumnya sanggup dikatakan cukup kuno, lantaran cuma berisikan beberapa fitur kecil yang menghasilkan pekerjaan edit template menjadi cukup berat. Disebutkan pula bahwa fitur "template designer" yang digadang-gadang menjadi cara atau jalan pintas untuk mengedit template secara WYSIWYG ternyata kurang diminati, lantaran tidak sanggup digunakan untuk melaksanakan hack pada template secara maksimal.

Dulu, kita mesti melaksanakan beberapa trik dalam menggunakan "Edit HTML Blogger" mudah-mudahan tidak melaksanakan kesalahan dan mendapat kemudahan, tetapi kini beberapa trik tidak diharapkan lagi. 

Ceritanya, kemarin saya ingin melaksanakan sedikit pergeseran tertentu pada template blog ini. Tanpa diduga, semua performa edit HTML, yang lazim timbul di popup window, ternyata sudah berubah total; tergolong performa tag-tag yang kini menggunakan syntax highlighter, sehingga membuat lebih gampang saya untuk mencari jenis tag, script, dan isyarat yang ingin secepatnya di edit.

Layout dan Navigasi Baru HTML Editor Blogger

Berikut beberapa pergeseran dan fitur gres yang cukup menghasilkan saya jingkrak-jingkrak :) :

1. HTML editor kini "embedded" di dalam page (layout halaman) dan tidak lagi dalam bentuk popup.

2. Template Blogger berbasis widget, semua elemen yakni widget; dan kini kita sanggup pribadi menuju bab widget yang dikehendaki lewat suguhan dropdown yang berisi ID widget-widget (fitur "Jump to Widget").

3. Tag-tag di dalam widget ditampilkan secara pribadi di dalam template, dan tidak dikunci (disembunyikan). Sebelumnya kita mesti centang "expand widgets template" untuk membuka tag-tag di dalam widget. Kini tinggal klik tanda expand folder "►" untuk membukanya.

4. Fitur preview hasil edit blog (template) kini menjadi satu dengan HTML editor, tidak lagi membuka halaman gres (ditampilkan dalam satu frame).

5. Fitur gres "format template", untuk memformat susunan tag-tag, script, atau CSS yang gres disertakan (beautifier)

6. Fitur untuk mengembalikan ke performa semula (revert) dan fitur "default", kini menjadi satu bab dalam halaman HTML editor.

Setidaknya itu 6 poin utama dari pergeseran dan kenaikan fitur HTML Blogger yang baru.

Blogger New HTML Editor in Practical Contexts

Pada konteks praktisnya, apa sih kelebihannya? Saya akan memperlihatkan suatu pola sederhana yang nantinya sanggup dikembangkan dalam beberapa hal advanced lainnya. Dalam pola ini, saya akan memindahkan susunan widget sidebar (Meskipun pada prakteknya jauh lebih gampang melakukannya lewat halaman layout, tinggal geser-geser gadget).

1. Untuk mencari widget yang diinginkan, klik suguhan dropdown "Jump to Widget", pilih ID widget yang diinginkan. (Ingat, widget di sini sanggup apa saja, tergolong blog post, semua bab atau elemen Blogger yakni widget). Widget blog post atau kontainer post secara default memiliki ID "Blog1". Saya akan ambil pola widget dengan ID HTML15, widget sponsor saya. (Perhatikan widget HTML2 ada di bawah HTML15, nanti akan kita pakai selaku tolok ukur susunan widget).

2. Setelah dipilih, maka kemudian kita akan dibawa ke bab widget tersebut dalam tag ringkas (tanpa terbuka), untuk membuka isi tag-tag di dalam widget, klik tanda "►" (expand folder). Dalam pola ini, saya expand widget HTML15, "select" seluruh bab widget , kemudian "cut".

3. Setelah itu, saya pindahkan (paste) HTML15 di bawah HTML2 (dalam ini hal ini, widget search saya).

4/ Untuk menyaksikan hasil edit, apakah sudah benar, saya tidak akan menyimpannya dulu, tetapi menggunakan fitur preview template untuk mengeceknya. Kini fitur "Preview" menjadi satu (dalam frame) HTML editor. Klik "Preview" tunggu sampai semua bab template terupload dan halaman preview ditampilkan. Dan berikut hasilnya:

Widget Sponsor (HTML15) berubah posisi menjadi di bawah widget Search (HTML2).

Di atas hanyalah contoh. Anda sanggup melaksanakan cara yang serupa untuk, misalnya, merubah posisi tanggal di dalam post, posisi tag label dan penulis, dll dari atas post menjadi di bawah post, dari atas judul menjadi di bawah judul, dan lain sebagainya dengan menegaskan ID blog post ( jump to "Blog1"), expand (►), kemudian cari tag yang diinginkan, expand lagi, cut, dan paste di atas atau di bawah tag lainnya. Saya akan memperlihatkan tutorial-tutorialnya ke depan, apabila memang dibutuhkan.

Contoh lain dari fasilitas fitur gres di HTML editor Blogger yakni apabila anda ingin memperlihatkan pelengkap tag tertentu pada widget, misalnya, menyembunyikan/menampilkan widget pada suatu halaman. Dulu, kita mesti "expand widgets template", mencari widget atau ID-nya dengan menggunakan CTRL+F. Tapi sekarang, cuma dengan mempergunakan fitur "Jump to Widget" kita sanggup pribadi menuju widget yang dimaksud dan melaksanakan editing yang diperlukan.

Dalam kasus saya, editing atau pemindahan widget di atas tidak diperlukan, alasannya cuma selaku contoh. Maka kemudian saya melaksanakan "revert"; mengembalikan tag pada posisi semula, tanpa mesti memindahkan ke posisi secara manual. Atau cara lebih gampangnya adalah: tutup saja halaman HTML editor, pergeseran tidak terjadi; beres.

Perubahan minor juga terjadi pada beberapa fitur Blogger lain. Misalnya, pada post editor, bab navigasi dan title editor (bagian untuk menulis judul) kini lebih melebar dan responsive.

Di atas cuma penyajian sebagian kecil keunggulan dari fitur Blogger HTML Editor yang baru. Saya pribadi beropini kemajuan performa dan fitur HTML Editor ini sungguh menolong dalam melaksanakan aneka macam editing, dan otomatis meniadakan tindakan panjang yang dahulu saya alami saat edit template. Trik CTRL+F masih berlaku untuk mencari bab spesifik tertentu, tetapi sudah tidak sepenting dahulu lagi. Bagaimana dengan  pendapat sobat?

© Copyright 2013 - 'Til drop! buka-rahasia.blogspot.com. All rights reserved.