[Tutorial] Cara Mengganti Template Default Blog

00.56

Akhirnya kesampaian juga bikin postingan yang isinya akan bermanfaat bagi orang lain *uhuk*
Biasanya isi postingan gue itu, curhatan dan opini gak jelas, tapi hari ini gue bakalan post sesuatu yang barangkali sedang kalian butuhkan. Berbahagialah kalian yang membaca dan menemukan tutorial ini di blog gue *nangis .. Jangan lupa mampir di postingan gue yang lain yaa 😍

Sedikit cerita, gue menyelami dunia blog udah lama banged. Sejak kelas 2 SMP. Berawal dari keinginan punya website sendiri tapi bodohnya gue gak tau caranya sama sekali dan biayanya juga mahal. Jadi waktu itu bokap gue baru aja pulang dan membawa sebuah buku dimana dari buku itulah gue mengenal blog. Gue happy banged setelah tau kalau mau bikin blog itu gratis. I learn from that book, karena waktu itu internet baru mulai semarak di kampung gue dan gue juga belum terbiasa untuk googling. And finally I have a blog! Bermodalkan internetan di warnet, jadilah blog pertama gue. Tapi yang namanya manusia tidak pernah puas, gue pun bosan melihat tampilan blog yang "itu-itu aja". 

Dari rasa ingin tahu tadi "gimana caranya biar tema blog gue bisa berubah", gue jadi tau apa itu template dan berkat blog "gue jadi tertarik untuk belajar pemrograman". Bahasa pemrograman yang pertama kali gue tahu dan gue cintai sampai saat ini : HTML. Gue rasa gue gak perlu ngejelasin ke kalian apa itu template, tapi kurang lebih maksudnya begini.

Template Default

Menggunakan Template Pihak Ketiga

Keliatan kan bedanya dimana? Gambar pertama itu masih menggunakan template bawaan dari blogger (yang sudah disediakan oleh blog). Dan di gambar kedua setelah menggunakan template pihak ketiga. Pihak ketiga itu maksudnya adalah menggunakan template yang telah disediakan oleh beberapa situs (diluar pihak blogger), biasanya template ini telah dimodifikasi bahkan di create dari nol sebagus dan seinformatif mungkin. Bukan suatu keharusan jika mempunyai blog harus mengganti template default, tetapi itu balik lagi ke selera masing-masing. 

Oke sampai sini paham?? Good.

(Note : gambar pertama itu merupakan potongan layar dari blog temen gue. Silahkan mampir bagi pecinta kalimat penuh makna Ruang Cerita)

Berhubung karena dari tadi gue banyak bacot, jadi gue langsung saja. Oya jangan sampai ada step yang terlewatkan. Jika ada yang kurang paham boleh tinggalkan jejak di kolom komentar atau email gue.

Bahan :
1. Download template blog
Ada dua situs penyedia template gratisan yang menurut gue oke. Bisa langsung cari di BTemplates atau Gooyabi Template. Disini gue make template dari Gooyabi.

Tampilan situs Gooyabi Template

Silahkan cari template yang menurut lo sesuai dengan style lo sendiri. 


Contohnya gue milih tema simple seperti di gambar. Disitu ada button "Live Preview" dan "Download". Klik "Live Preview" kalau lo pengen liat tampilan template dalam satu layar full. Gue saranin untuk selalu Live Preview biar nantik lo dapat gambaran kira-kira template itu sesuai atau gak dengan style dan kebutuhan lo. Kalau udah yakin, klik button "Download". 


Pastikan file yang lu download formatnya .zip

2. Ekstrak file yang telah didownload.
Setelah selesai, file yang tadi udah lo download lo ekstrak. Gunanya biar kita dapet satu folder (nama folder sesuai dengan nama template) yang berisikan file code dan file pendukung lainnya. Disini gue ekstrak file menggunakan 7zip.


Setelah itu silahkan lo bukak folder hasil ekstrak tadi dan pastikan di dalam folder itu ada beberapa file seperti gambar dibawah.

Folder sesuai dengan nama template


File yang ada di dalam folder 

Dan pastikan juga ada file yang formatnya XML karena kalau gak ada file itu, lo gak bisa ganti template blog lo. File berformat XML berisikan kode-kode yang nantinya bakal lo gunain buat mempercantik blog.

Sekarang lo udah punya bahan file XML, sekarang kita masuk ke tahap eksekusi.

1. Buka file XML tadi menggunakan Notepad++ 
Bisa menggunakan Notepad biasa tetapi kekurangannya kode yang ditampilkan tidak beraturan. Sebenarnya tidak masalah, tapi jika menggunakan Notepad++ lo bisa sekalian belajar karena kode yang tampil pun akan beraturan. Akan menguntungkan jika ada yang mau lo edit di template tersebut seperti menu.

Kode-kode yang ada di file XML

2. Copy semua kode yang ada di Notepad++
3. Selanjutnya silahkan login ke blog kalian, lalu pergi ke bagian "Tema"


Klik "Edit HTML" (perhatikan gambar baik-baik).

4. Delete semua kode yang ada pada box HTML tersebut. 
Saran : sebaiknya kode tersebut kalian backup terlebih dahulu. Dengan cara copy lalu paste ke Notepad++. Save dengan nama "Template Backup".


Setelah di-delete, silahkan paste semua kode yang ada di file XML tadi ke dalam box HTML (perhatikan gambar diatas). Lalu klik "Simpan Tema"

Silahkan kalian refresh page dan klik "Lihat Blog" yang ada di pojok kiri.

Eksekusi template selesai!!!!

Sekian tutorial "Cara Mengganti Template Default Blog" ala bahasa gue. Kalau ada yang kurang paham silahkan tinggalkan jejak atau DM gue di Instagram. 

Semoga bermanfaat. Thankyou!! 





You Might Also Like

1 komentar