Halaman 6: Utak-Atik HTML untuk Blogger

Perlu dimaklumatkan sebelumnya bahwa halaman ini adalah editan postingan terdahulu yang isinya alay. Saya rombak karena enggan mengganggu halaman beranda yang sudah rapi.

Artikel ini tidak dimaksudkan untuk siswa, mahasiswa atau pemburu tugas akhir yang sudah mahir. Artikel ini saya tujukan untuk para blogger pemula yang ingin tampilan blog nya sedikit lebih cantik menggunakan template diluar yang disediakan oleh blogger.

Saya juga akan berusaha melengkapi panduan ini dengan tutorial di youtube.

Jadi gimana, Sis? Pake template gratisan yang didownload malah berantakan ga karu-karuwan? Jadi tak ada pilihan lain selain menurut pada template blogger yang sudah disediakan?

Tenang, Sis. Anda tidak sendiri. Saya juga pernah begitu. Sebenarnya peduli setan, tampilan blog akan bagaimana. Hari gini, blog secantik apapun tanpa traffic yang memadai ya hanya akan jadi sampah dunia maya. Tapi ada juga makhluk kayak saya, meskipun traffic ga seberapa namun sebisa mungkin rumah ditata supaya menghormati tamu yang bersedia mampir.

Asumsi saya, Anda sudah tahu cara mengganti template. Tapi dipikir-pikir barangkali ada juga yang belum tahu. Baiklah, untuk mengganti template theme, silakan download template yang Anda inginkan, lalu unzip/unrar folder yang Anda download.

Masuk ke dashboard, buka theme lalu klik bacup/restore di bagian pojok kanan atas dashboard. Akan muncul pop up seperti ini:

Klik choose file lalu anda akan masuk ke file explorer. Search folder yang tadi Anda download lalu klik file dengan ekstensi XML⇉OK. Dan klik upload.

Sekarang tampilan blog Anda sudah berganti.

Namun kemudian Anda perlu merasa mengganti background. Karena posisi background di header maka Anda coba masuk di Layout. Hasilnya Anda menemukan ini.

Ketika Anda insert gambar untuk mengganti background dari menu yang disediakan header, ternyata hasilnya tidak sesuai yang diperkirakan seperti ini.

Untuk inilah Anda perlu edit dengan HTML. Masuk lagi ke Theme lalu klik Edit HTML dibawah display tampilan blog yang disediakan. Beginilah tampilan HTML editor.

Pada area editing, push ctrl+f lalu akan muncul kolom search di pojok kanan atas area.

Ketikkan jpg karena Anda akan mengganti gambar yang pada umumnya ditemukan dalam script HTML blogger. Lalu tekan enter. Nanti editor akan memunculkan baris script yang mengandung konten jpg.

Karena posisi background berada di area header maka kita ganti alamat jpg dengan alamat gambar yang kita inginkan pada script yang terdekat dengan script header. Klik save theme.

Hwala! Background sudah berganti.

Modal ini bisa Anda gunakan untuk mengedit apapun di HTML. Awalnya cari keywords 'jpg' aja dulu. Coba obrak-abrik gambar-gambar yang disediakan template yang Anda pilih. Bisa juga mencari kata kunci tertentu yang muncul di template namun tidak tersedia di menu Layout.

Waktu postingan saya belum seberapa, saya masih berani acak-acak HTML langsung di blog primer. Tapi waktu segala ilustrasi masuk, mau tidak mau putar otak agar beres-beres blog jadi lebih efektif. Yak benar! Buat blog yang baru lalu bantai HTML sepuas Anda. Kalau sudah puas, tinggal delete.

Ini cara saya, ya. Brutal? Ah, sudah ketebaklah itu. Namanya juga belajar.

Semoga bermanfaat :)