Rabu, 15 Mei 2013

Cara Mengedit Template Blogger 2013



Ditahun 2013 pihak Blogger kembali merubah tampilan Edit Template Blogger. Tampilan tersebut hampir mirip tampilan HTML Wordpress. Dikarenakan semua tampilan edit HTML pada blogger yang biasa tampil pada popup window, ternyata sudah berubah total termasuk pada tampilan tag-tag yang kini menggunakan syntax highlighter, sehingga pencarian terhadap jenis kode, tag, maupun jenis script menjadi sangat mudah karena sudah terkelompokkan dengan rapi.
 
Seorang web developer yang membangun template blog untuk hidup, atau pemilik web blog-savvy yang lebih suka untuk membuat perubahan ke template milik sendiri dengan menggunakan HTML, CSS atau JavaScript, Sobat blog mungkin tertarik pada beberapa perangkat tambahan yang dibuat pihak Blogger pada template HTML editor. Template blog HTML Sobat adalah kode sumber yang mengontrol tampilan blog itu sendiri.
Berikut ini merupakan beberapa perubahan yang terjadi pada HTML editor blogger yang baru:
* Yang sebelumnya tampilan editor berupa pop up, sekarang sudah menjadi satu dengan layout setting template editor.
* Semua bagian yang biasanya tapil secara keseluruhan dalam bentuk kode HTML kini menjadi sekelompok widget yang tersusun rapi.
* Semua tag yang sebelumya berada dalam widget kini ditampilkan secara keseluruhan sehingga kita tidak perlu "lupa" mencentang pilihan "expand widgets template". Untuk melihat tag secara keseluruhan dalam setiap widget kita tinggal mengklik tanda "?" yang ada pada sebelah kiri.
* Bila ingin melihat hasil editan template, fitur review sudah tidak ditampilkan secara terpisah melainkan menjadi satu dengan template HTML editor.
* Ada tambahan fitur baru berupa "format template" fitur "default" yang fungsinya untuk mengembalikan susunan template kita pada keadaan sebelum di edit. Jadi lebih aman dalam mengedit template.
Disamping banyak kemudahan yang kita dapatkan dengan adanya perubahan HTML template editor pada blogger, beberapa kesulitan yang mungkin dialami sobat blog yang ingin mengedit beberapa kode yang ada pada template blog ini, salah satunya disaat ingin merubah warna template. Sebelumnya kita tinggal menggunakan fitur "CTRL+F" bila ingin mencari kode yang ingin kita inginkan, kode apapun itu asalkan masih berada dalam susunan kode template kita. Namun saat ini "CTRL+F" sudah tidak bisa berfungsi sepenuhnya walaupun masih bisa digunakan dalam kasus tertentu. Untuk melakukannya, ikuti langkah-langkah berikut:

Template ini dapat disesuaikan untuk muncul namun Sobat harus meningkatkan template editor HTML. Template editor sekarang mendukung penomoran baris, sintaks, auto-lekukan dan kode lipat untuk membuat mengedit template Sobat jauh lebih mudah. Misalkan kita ingin memindahkan tanggal posting blog di bawah judul posting, mirip dengan blog Blogger Buzz.

1. Cari "Blog1" widget cepat menggunakan baru "Langsung ke widget" drop-down:

2. Widget ini mengontrol bagaimana posting blog Anda akan ditampilkan. Kode di dalam widget dilipat secara default. Mengklik penanda lipat baru '?' di sebelah nomor baris memperluas widget dan mengungkapkan satu set tag "includable":


3. Di dalam "utama" includable adalah blok kode yang membuat tanggal post:


4. Potong bagian posting kode tanggal dan memindahkannya ke tempat yang kita inginkan, dalam hal ini, di bawah judul posting di "posting" includable:
5. Tanggal pos persis di mana kita inginkan, sehingga tab kembali ke "Edit Template", tekan tombol "Simpan template" dan kita sudah selesai! Akhirnya, kami telah menambahkan "Format template" tombol yang secara otomatis membersihkan lekukan dari Template, dan memungkinkan untuk mencari teks dengan menekan "Ctrl + F" setelah Sobat klik ke editor. Untuk mencari dan mengganti teks kejadian satu per satu, gunakan "Ctrl + Shift + F" atau untuk menemukan dan mengganti semua kejadian sekaligus, gunakan "Ctrl + Shift + R".

Kesimpulannya, bagi yang terbiasa menggunakan HTML template editor blogger yang lama mungkin agak kesulitan dalam mengedit template menggunakan editor template blogger yang baru. Jadi untuk mengedit template baru blogspot hanyalah memerlukan waktu untuk menyesuaikan agar cara menggunakan Template Blogger HTML Editor 2013 menjadi lebih mudah.
Load disqus comments

0 komentar

Mohon Aktifkan Javascript!Enable JavaScript