Blogger merupakan layanan blog gratis yang menampilkan kelonggaran bagi user untuk mengedit penampilan dan fungsi blognya. Secara mendasar, Blogger berplatform HTML/XML dengan disokong pengaturan penampilan CSS dan fungsi-fungsi javascript. Kita mengenal adanya fitur edit template HTML Blogger dimana kita sanggup dengan bebas melaksanakan modifikasi, konsep ulang, hack, penambahan fitur dari pihak ketiga (third party) berupa widget, dan lain-lain.
Note: Fitur edit HTML Blogger diakses lewat dashboard > design/rancangan > edit HTML.
Beberapa urusan saya jumpai dari hadirin dan beberapa kawan blogger (khususnya newbie) yang mengeluh alasannya merupakan gagal memasukkan hack/script tambahan, tidak mendapatkan isyarat tertentu menyerupai yang ada di tutorial, bahkan ada pula yang templatenya "kacau" alasannya merupakan salah mengedit template HTMLnya.
Tips ini saya buat untuk memberi masukan dan persepsi gres dalam melaksanakan editing Template HTML mudah-mudahan risikonya sesuai dengan yang diinginkan. Semoga bermanfaat.
1. Memahami elemen dasar dari template blogger/blogspot sungguh penting, intinya ada 5 elemen penting pada template Blogger yang nyaris sama dengan elemen dasar web HTML pada umumnya:
a. HTML/XML tag, yang menunjukan bab dari keseluruhan halaman, diawali dengan <html> dan diakhiri dengan </html>. Khusus untuk tag-tag XML, untuk template Blogger dan HTML editor sehabis tahun 2007, senantiasa diakhiri dengan /, contoh: <data:post.body/>.
b. Head tag, merupakan bab dari keseluruhan head halaman, di dalamnya dimasukkan aturan-aturan yang mengendalikan banyak hal, tergolong penampilan (CSS), diawali dengan <head> dan diakhiri dengan </head>.
c. Body tag, merupakan isi dari halaman web/blog, di dalamnya terdapat konten/isi inti halaman, tergolong pula widget-widget yang menjadi bab dari isi halaman, diawali dengan <body> dan diakhiri dengan </body>.
d. CSS, elemen pengatur penampilan halaman, baik dari sisi warna, font, posisi, lebar luas, dan masih banyak lagi. Letaknya diantara <b:skin><![CDATA[ dan ]]></b:skin> dan berada pada bab head. Pada beberapa urusan isyarat CSS juga dimasukkan sempurna di atas </head> selaku hukum tambahan.
e. Javascript, merupakan elemen yang serentak mengandung software (web widget) yang berisi perintah-perintah tertentu. Biasanya dipakai untuk memasukkan elemen pelengkap menyerupai popular post, auto readmore, dan sebagainya. Ada dua jenis javascript yang sanggup digunakan: internal, yang diupload dan di-host pribadi di Blogger, dan eksternal, yang diupload dan dihosting di server lain. Letaknya relatif, tergantung jenisnya. Untuk yang berjenis widget biasanya ada di dalam body.
2. Biasakan back up template apalagi dahulu sebelum editing, klik "Backup Full Template" di atas kotak "Edit HTML". Jika ada kesalahan dan anda tidak tahu script mana yang mesti dibenahi, anda sanggup dengan gampang mengupload file back-up template dan mengembalikan menyerupai semula.
3. Perhatikan sungguh-sungguh bimbingan yang dibaca, jangan hingga ada yang terlewatkan. Sebagai contoh, jikalau mesti mencentang/klik "expand widget templates", maka tetapkan sudah melakukannya. Fungsi dari perintah tersebut merupakan untuk membuka bagian-bagian body yang mengandung widget. Jika tidak dicentang, bagian-bagian tersebut akan "disembunyikan" oleh Blogger alasannya merupakan memang ditujukan untuk keamanan.
4. Ketika meng-copy script dari halaman bimbingan yang anda baca, tetapkan semua bab script sudah tercopy atau jangan ada bab selain dari script yang ikut ter-copy.
5. Jika mesti merubah isi script/kode, umpamanya merubah url blog/feed, value, dan lain-lain, salin/paste apalagi dahulu kode/script tersebut ke editor semacam notepad, wordpad, word. Setelah melaksanakan pengubahan script dan menentukan seluruhnya beres, gres masukkan script tersebut ke template HTML.
6. Agar lebih gampang dan cepat mencari isyarat tertentu menyerupai yang diminta di dalam tutorial, gunakan fitur penelusuran browser, tekan Ctrl + F, sehabis kotak penelusuran timbul masukkan isyarat yang ingin dicari dan tekan next (enter).
7. Perhatikan sungguh-sungguh perumpamaan di bawah/setelah serta di atas/sebelum, itu memiliki arti letakkan isyarat sungguh-sungguh sehabis atau sebelum isyarat yang dicari. Kode-kode dibaca oleh browser dari kiri ke kanan selaku urutan. Atas bawah cuma dipakai untuk memberi ketentraman dalam mengurutkan. Bagi browser, beliau tetap dibaca dari kiri ke kanan. Contoh:
<b:include data='top' name='status-message'/><data:adStart/>
Kita lihat di situ ada 2 tag bersisian, jikalau mesti memasukkan tag/kode gres <b:include data='posts' name='breadcrumb'/> di bawah/setelah <b:include data='top' name='status-message'/>, itu berarti anda mesti menaruh benar-benar setelahnya, sehingga <data:adStart/> harus digeser posisinya, atau kode/tag gres disisipkan di antara keduanya, jadinya:
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/><data:adStart/>
atau,<b:include data='top' name='status-message'/><b:include data='posts' name='breadcrumb'/><data:adStart/>
8. Jika memang masih belum percaya dan terbiasa, buatlah blog gres yang fungsinya untuk eksperimen dan uji coba script (trial and error). Anda sanggup dengan bebas melaksanakan uji coba tanpa ada cemas template blog anda rusak atau pembaca kabur. Agar risikonya akurat, gunakan jenis template yang serupa menyerupai blog anda. Saya memiliki 3 blog untuk eksperimen dan menjajal script gres sehingga sanggup dengan bebas melaksanakan apapun tanpa rasa khawatir.
9. Khusus untuk hack/script tertentu di mana tampilannya sanggup pribadi dilihat di homepage/beranda (misalnya: memasang readmore atau background), sehabis memasukkan script dan selesai meng-edit, jangan pribadi di-save dulu. Gunakan/klik fitur preview/pratinjau untuk menyaksikan hasilnya. Jika sudah beres dan sesuai yang diinginkan, gres lah di-save.
10. Pada beberapa template, ada yang bab tertentunya di apit oleh tag paragraf: <p> dan </p>, sehingga saat bab tertentu tersebut dicari, seolah tidak ketemu. Jika template anda berjenis menyerupai ini, jangan mengalah apalagi dahulu.
Contoh:
Contoh:
Ketika mesti mencari <data:post.body/>, dan tidak ketemu, maka ada kemungkinan tag paragraf mengapitnya (<p><data:post.body/></p>), atau ada beberapa keadaan lain (misalnya, anda lupa mencentang "expand widget templates"). Agar lebih gampang lagi, jangan sertakan < dan /> saat mencari (Ctrl + F), cukup gunakan data:post.body saja.
Masih ada beberapa lagi yang mau saya sampaikan, tetapi sekiranya 10 poin di atas cukup lengkap untuk menjadi kiat dan isyarat mudah-mudahan tanpa gangguan dan kondusif dalam mengedit Template HTML Blogger/Blogspot. Selanjutnya, sobat Blogger sanggup membuatkan dan membiasakan diri dengan template dan template editor Blogger serta melaksanakan editing secara sanggup bangun diatas kaki sendiri (Do It Yourself [DIY]). Keep on learning and learning.
