Facebook Twitter Friendfeed
Gratis berlangganan artikel!

7 Jan 2014

Blogger HTML Editor Baru : Edit Template Kini Jauh Lebih Mudah!

7 Jan 2014

Date
Tags →

Peningkatkan fungsi fitur serta layout HTML Editor yang baru saja dirilis Blogger (9 April 2013) kini semakin memudahkan kita untuk mengedit template lewat fitur "EDIT HTML". Seperti sebelumnya yang pernah dibicarakan di forum-forum Blogger, fitur yang dapat kita lihat di halaman "Template" pada dashboard Blogger ini sebelumnya dapat dibilang cukup kuno, karena hanya terdiri dari beberapa fitur kecil yang membuat 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, karena tidak bisa digunakan untuk melakukan hack pada template secara maksimal.
Dulu, kita mesti melakukan beberapa trik dalam menggunakan "Edit HTML Blogger" agar tidak melakukan kesalahan dan mendapatkan kemudahan, tapi kini beberapa trik tidak diperlukan lagi. 
Ceritanya, kemarin saya ingin melakukan sedikit perubahan tertentu pada template blog ini. Tanpa diduga, semua tampilan edit HTML, yang biasa muncul di popup window, ternyata sudah berubah total; termasuk tampilan tag-tag yang kini menggunakan syntax highlighter, sehingga memudahkan saya untuk mencari jenis tag, script, dan kode yang ingin segera di edit.
Blogger HTML Editor Imporevements.
Layout dan Navigasi Baru HTML Editor Blogger
Berikut beberapa perubahan dan fitur baru yang cukup membuat 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 adalah widget; dan kini kita bisa langsung menuju bagian widget yang diinginkan melalui menu dropdown yang berisi ID widget-widget (fitur "Jump to Widget").
3. Tag-tag di dalam widget ditampilkan secara langsung 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 baru (ditampilkan dalam satu frame).
5. Fitur baru "format template", untuk memformat susunan tag-tag, script, atau CSS yang baru ditambahkan (beautifier)
6. Fitur untuk mengembalikan ke tampilan semula (revert) dan fitur "default", kini menjadi satu bagian dalam halaman HTML editor.
Setidaknya itu 6 poin utama dari perubahan dan peningkatan fitur HTML Blogger yang baru.

Blogger New HTML Editor in Practical Contexts

Pada konteks praktisnya, apa sih kelebihannya? Saya akan memberikan sebuah contoh sederhana yang nantinya bisa dikembangkan dalam beberapa hal advanced lainnya. Dalam contoh ini, saya akan memindahkan susunan widget sidebar (Meskipun pada prakteknya jauh lebih mudah melakukannya melalui halaman layout, tinggal geser-geser gadget).
1. Untuk mencari widget yang diinginkan, klik menu dropdown "Jump to Widget", pilih ID widget yang diinginkan. (Ingat, widget di sini bisa apa saja, termasuk blog post, semua bagian atau elemen Blogger adalah widget). Widget blog post atau kontainer post secara default memiliki ID "Blog1". Saya akan ambil contoh widget dengan ID HTML15, widget sponsor saya. (Perhatikan widget HTML2 ada di bawah HTML15, nanti akan kita pakai sebagai patokan susunan widget).
Fitur Jump To Widget, mudah mencari widget.
2. Setelah dipilih, maka kemudian kita akan dibawa ke bagian widget tersebut dalam tag ringkas (tanpa terbuka), untuk membuka isi tag-tag di dalam widget, klik tanda "►" (expand folder). Dalam contoh ini, saya expand widget HTML15, "select" seluruh bagian widget , kemudian "cut".
3. Setelah itu, saya pindahkan (paste) HTML15 di bawah HTML2 (dalam ini hal ini, widget search saya).
Paste widget, di atas atau di bawah widget lain
4/ Untuk melihat hasil edit, apakah sudah benar, saya tidak akan menyimpannya dulu, tapi menggunakan fitur preview template untuk mengeceknya. Kini fitur "Preview" menjadi satu (dalam frame) HTML editor. Klik "Preview" tunggu hingga semua bagian template terupload dan halaman preview ditampilkan. Dan berikut hasilnya:
Preview hasil edit template blog
Widget Sponsor (HTML15) berubah posisi menjadi di bawah widget Search (HTML2).
Di atas hanyalah contoh. Anda bisa melakukan cara yang sama untuk, misalnya, mengubah 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 memilih 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 memberikan tutorial-tutorialnya ke depan, jika memang dibutuhkan.
Contoh lain dari kemudahan fitur baru di HTML editor Blogger adalah jika anda ingin memberikan tambahan 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, hanya dengan memanfaatkan fitur "Jump to Widget" kita dapat langsung menuju widget yang dimaksud dan melakukan editing yang diperlukan.
Dalam kasus saya, editing atau pemindahan widget di atas tidak diperlukan, sebab hanya sebagai contoh. Maka kemudian saya melakukan "revert"; mengembalikan tag pada posisi semula, tanpa harus memindahkan ke posisi secara manual. Atau cara lebih mudahnya adalah: tutup saja halaman HTML editor, perubahan tidak terjadi; beres.
Perubahan minor juga terjadi pada beberapa fitur Blogger lain. Misalnya, pada post editor, bagian navigasi dan title editor (bagian untuk menulis judul) kini lebih melebar dan responsive.
Di atas hanya presentasi sebagian kecil kelebihan dari fitur Blogger HTML Editor yang baru. Saya pribadi berpendapat perkembangan tampilan dan fitur HTML Editor ini sangat membantu dalam melakukan berbagai editing, dan otomatis menghapus langkah-langkah panjang yang dulu saya alami ketika edit template. Trik CTRL+F masih berlaku untuk mencari bagian spesifik tertentu, tapi sudah tidak sepenting dulu lagi. Bagaimana dengan  pendapat sobat?

sumber : http://buka-rahasia.blogspot.com/2013/04/blogger-html-editor-baru-edit-template-blog-mudah.html



19 komentar:

  1. otak-atik template menyenangkan terutama jika berhasil seperti keinginan kita

    BalasHapus
  2. klo membuat artikel terkait di template baru gmana caranya gan?

    visit : http://situs-software11.blogspot.com/

    BalasHapus
  3. lebih mudah untuk dipahami ayh, makasih :)

    BalasHapus
  4. kira kira di mwb bisa di terapkan ga mas

    BalasHapus
  5. Mntap masaq tunggu ya up datenya
    Salam

    BalasHapus
  6. I certainly agree to some points that you have discussed on this post. I appreciate that you have shared some reliable tips on this review.

    BalasHapus
  7. Mengapa kami senang berkunjung di blog ini, karena selalu ada artikel yang menarik dan berkualis seperti ini? salam sukses

    BalasHapus
  8. Situs LIBURPOKER.NET Agent PokerIDN Aman Dan Terpercaya

    PROMO BONUS DEPOSIT NEW MEMBER 20% MAXIMAL 100.000
    PROMO BONUS HARIAN 10% MAX BONUS 200.000
    PROMO BONUS TURNOVER HARIAN HINGGA 300.000
    PROMO BONUS REFERRAL 10%
    PROMO CASHBACK TURNOVER UP TO 0.3%
    PROMO Bonus TO Harian Sampai 1 Juta Rupiah

    Dapat Dimainkan Melalui ANDROID dan IOS !!!
    Untuk Info lebih lanjut silahkan contact kami :
    BBM : D8D3EABD

    BalasHapus
  9. kompasqq menyediakan 8 permainan dalam 1 id
    Bonus - Bonus yang di berikan Menarik Loh !
    Info Selajutnya kalian Bisa Add BBM
    Yohanna: 7BD4C69C
    Phone : +855011432145
    WA: 085220150616

    BalasHapus
  10. The article on this site is very interesting, thank you
    Selamat datang di LENOVOPOKER ™ Top 1 Judi Online
    Promo Terbaru LENOVOPOKER :
    - Bonus New Member Depo +20%
    - Bonus All Member Next Depo +5%
    - Bonus All Member Refferal 30%
    - Bonus All Member Rollingan 0.5%
    Contact : BBM : LENOVO88
    WA : +6281375260652
    Agen Domino 99
    Bandar Poker
    Agen Ceme
    Bandar Ceme
    Judi Poker Terpercaya

    BalasHapus
  11. Tip dan Trik Cara Menang Bermain Poker Cek Disini

    SITUS JUDI ONLINE TERPERCAYA

    BalasHapus
  12. Dewa poker online situs poker online uang asli terbaik. Mainkan Dewapoker 2021 sekarang dan dapatkan bonus berlimpah dari dewa poker online terpercaya.

    dewa poker online
    idn poker
    dewa poker
    poker online asia


    happy playing and good luck

    BalasHapus

semoga komentar anda bermanfaat bagi kami semua dan turut memajukan semangat untuk memperbaiki kesalahan kami......

-:: TRIMAKASIH ANDA TIDAK BERKOMENTAR SPAM ::-

 

Stats & Directories

Berlangganan Artikel Via Email

Join and get updates by Submitting your email address:
GET UPDATE VIA EMAIL

Join Our Team!

Ghost Blog is proudly powered by Blogger.com | Template by Pendiari
Related Posts Plugin for WordPress, Blogger...