Tips Mengedit Template HTML Blogger
Blogger ialah service website 100% free yang memberi kelonggaran buat user untuk mengubah penampilan serta peranan situsnya. Dengan cara fundamental, Blogger berplatform HTML/XML dengan dibantu penataan penampilan CSS serta beberapa fungsi javascript. Kita mengenali ada feature ubah template HTML Blogger dimana kita bisa dengan bebas memodifikasi, design lagi, hack, tambahan feature dari faksi ke-3 (third party) berbentuk widget, dan sebagainya. Catatan: Feature ubah HTML Blogger dibuka lewat dasbor > desain/perancangan > ubah HTML.
Beberapa masalah saya jumpai dari pengunjung serta beberapa rekan blogger (terutamanya newbie) yang merintih sebab tidak berhasil masukkan hack/script penambahan, tidak mendapatkan code spesifik sama seperti yang berada di panduan, serta ada juga yang templatenya "kalut" sebab salah mengubah template HTMLnya.
Panduan ini saya bikin untuk memberikan input serta inspirasi dalam lakukan koreksi Template HTML supaya hasilnya sesuai yang diharapkan. Mudah-mudahan berguna. Pahami komponen fundamen dari template blogger/blogspot penting, pada intinya ada 5 komponen utama pada template Blogger yang hampir sama juga dengan komponen fundamen situs HTML biasanya:
HTML/XML tag, yang mengisyaratkan sisi dari keseluruhnya halaman, dengan diawali serta disudahi dengan. Spesial untuk tag-tag XML, untuk template Blogger serta HTML editor sesudah tahun 2007, tetap disudahi dengan /, contoh: />.
Head tag, adalah sisi dari keseluruhnya head halaman, didalamnya dimasukkan beberapa aturan yang mengendalikan beberapa hal, termasuk juga penampilan (CSS), dengan diawali serta disudahi dengan.
Bodi tag, adalah isi dari halaman situs/website, didalamnya ada content/isi pokok halaman, termasuk juga juga widget-widget sebagai sisi dari isi halaman, dengan diawali serta disudahi dengan.
CSS, komponen pengontrol penampilan halaman, baik dari sisi warna, font, tempat, lebar luas, serta ada banyak lagi. Terletak antara serta ]]> serta ada di bagian head. Pada beberapa masalah code CSS dimasukkan pas di atas untuk ketentuan penambahan.
Javascript, adalah komponen yang sebetulnya memiliki kandungan software (situs widget) yang berisi perintah-perintah spesifik. Umumnya dipakai untuk masukkan komponen penambahan seperti populer post, auto readmore, dan lain-lain. Ada dua tipe javascript yang bisa dipakai: internal, yang diunggah serta di-host langsung di Blogger, serta external, yang diunggah serta dihosting di server lain. Terletak relatif, bergantung macamnya. Untuk yang sejenis widget umumnya berada di dalam bodi.
Lakukan back up template terlebih dulu sebelum koreksi, click "Backup Full Template" di atas kotak "Ubah HTML". Bila ada kekeliruan serta anda tidak paham script mana yang perlu dibenahi, anda bisa dengan gampang mengupload file back-up template serta kembalikan seperti sebelumnya.
Lihat betul-betul panduan yang dibaca, janganlah sampai ada yang terlewati. Untuk contoh, bila harus mencontreng/click "expand widget templates", karena itu tekankan telah melakukan. Peranan dari perintah itu untuk buka beberapa bagian bodi yang memiliki kandungan widget. Bila tidak dicentang, beberapa bagian itu akan "diselinapkan" oleh Blogger sebab memang diperuntukkan untuk keamanan.
Saat meng-copy script dari halaman panduan yang anda baca, tekankan semua sisi script telah tercopy atau jangan ada sisi kecuali dari script yang turut ter-copy.
Bila harus mengganti isi script/code, contohnya mengubah url website/feed, value, dan sebagainya, tulis/paste terlebih dulu code/script itu ke editor seperti notepad, wordpad, word. Sesudah lakukan perubahan script serta pastikan semua beres, baru masukan script itu ke template HTML.
Supaya semakin cepat dan mudah cari code spesifik sama seperti yang diharap di panduan, pakai feature penelusuran browser, pencet Ctrl + F, sesudah kotak penelusuran ada masukan code yang ingin dicari serta pencet next (enter).
Lihat betul-betul arti di bawah/sesudah dan di atas/sebelum, itu bermakna tempatkan code betul-betul sesudah atau sebelum code yang dicari. Kode-kode dibaca oleh browser dari kiri ke kanan untuk posisi. Atas bawah cuma dipakai untuk memberikan kenyamanan dalam mengurutkan. Buat browser, ia masih dibaca dari kiri ke kanan. Contoh:
Kita melihat disana ada 2 tag bersisian, bila harus masukkan tag/code baru di bawah/sesudah , itu bermakna anda harus menempatkan betul-betul sesudahnya, hingga harus digeser tempatnya, atau code/tag baru disisipkan antara kedua-duanya, jadi:
atau,
Bila memang belum juga percaya serta terlatih, bikinlah website baru yang manfaatnya untuk uji coba serta eksperimen script (trial and error). Anda dapat dengan bebas lakukan eksperimen tanpa ketakutan template website anda rusak atau pembaca kabur. Supaya hasilnya tepat, pakai tipe template yang sama dengan website anda. Saya mempunyai 3 website untuk uji coba serta coba script baru hingga dapat dengan bebas lakukan apa saja tanpa ada rasa cemas.
Spesial untuk hack/script spesifik dimana penampilannya langsung dapat disaksikan di homepage/teras (contohnya: menempatkan readmore atau latar belakang), sesudah masukkan script serta usai mengedit, jangan langsung di-save dahulu. Pakai/click feature preview/pratinjau untuk lihat hasilnya. Bila telah beres serta seperti yang diharapkan, baru lah di-save.
Pada beberapa template, ada yang sisi spesifiknya di jepit oleh tag paragraf: serta
, hingga saat sisi spesifik itu dicari, seakan tidak bertemu. Bila template anda sejenis semacam ini, jangan putus asa terlebih dulu.
Contoh:
Saat harus cari , serta tidak bertemu, karena itu ada peluang tag paragraf mengapitnya (
), atau ada banyak situasi lain (contohnya, anda lupa mencontreng "expand widget templates"). Supaya semakin gampang lagi, jangan masukkan serta /> saat cari (Ctrl + F), cukup pakai data:post.bodi saja.
Sebetulnya masih ada banyak lagi yang akan saya berikan, tetapi kira-kira 10 point di atas cukup komplet menjadi panduan serta panduan supaya lancar serta aman dalam mengubah Template HTML Blogger/Blogspot. Setelah itu, sahabat Blogger bisa meningkatkan serta melatih diri dengan template serta template editor Blogger dan lakukan koreksi dengan cara mandiri. Semangat sahabat.
