Header

Makeover Blog: Serunya Menata Template Blog Impian!

32 comments
Konten [Tampil]
Menata Template Blog

Sejak awal membuat blog, aku ingin sekali memiliki blog dengan tampilan yang cantik. Lalu dengan modal otak-atik kucoba menata template blog agar lebih menarik, dan ya, hasilnya zonk! Maklum, saat itu aku benar-benar buta tentang blog. Fitur apa saja yang disediakan blog pun aku ga kenal dan ga paham. 

Beruntungnya aku bisa belajar di Blogspedia Coaching. Sedikit demi sedikit mulai paham cara mainnya. Dan tak terasa sudah 2 bulan aku belajar blog, akhirnya sampailah ke materi menata template blog. Yuhuuu~ materi yang paling ku nantikan akhirnya tayang juga nih!!

Pekan ini materi yang disuguhkan banyak banget! Sampai mabuk bacanya, hehe. Tapi sepertinya biasa, materi yang dibagikan Coach Marita ga ada yang ga daging. Semuanya membuatku berbinar, meski pusing, ya. Tetep, hehe..

Kalau kata Coach Marita sih, ada 3 kunci utama menata template blog, yaitu harus berani, fokus dan sabar. Apa sih maksudnya?? Yuk, kita bahas, yuk!

Pentingnya Menata Template Blog

Pentingnya Menata Blog

Sebelumnya, kalian harus tahu nih kenapa menata template blog itu perlu??
Biar menarik? Biar terlihat rapih? 
Ya, memang tidak salah. Tapi selain itu, ternyata menata template blog itu juga harus SEO friendly, lho. Agar apa? Agar blog kita bisa diterima oleh Google dengan memenuhi standarnya, yaitu harus sesuai dengan kaidah Search Engine Optimization (SEO).

Selain sudah sesuai dengan standar Google, bonus dari menata template blog sesuai dengan impian adalah sebagai pemantik semangat blogging. Kalau impian sudah terealisasi kan makin semangat blogging, makin kuat juga big why kita. 

Nah, kan sekarang sudah tau alasan mengapa harus menata template blog. Selanjutnya, ada beberapa hal yang harus diperhatikan sebelum mengoprek template blog..

Hal yang Harus Diperhatikan Sebelum Makeover

Hal yang diperhatikan

Pahami Dasar Blog Desain

Tak kenal maka tak sayang, kalau ga kenal gimana mau paham?
Nah, sebelum memulai semuanya, hal yang harus sangat diperhatikan adalah mengenal dan memahami fitur layout atau tata letak blog. Kita harus paham bagaimana layout yang ideal untuk sebuah blog, yaitu konten berada di aisi kiri dan sidebar berada di sisi kanan. Warna background tulisan harus putih, karena warna putih sangat ramah di mata. Untuk header blog sendiri, ukurannya tidak lebih dari setengah layar. Gunakan 2 sampai 3 warna kombinasi pada template blog dan gunakan font yang ramah di mata. Silakan cek tutorial mendesain template Blogspot untuk gambaran awal blog desain.

Lakukan Hal Ini Sebelum Mengunduh Template

1. Pengecekan Template

Pilihlah template yang pas di hati kemudian lakukan pengecekan di seoptimer dan speed insight untuk mengetahui optimalisasi blog saat menerapkan template yang akan di pasang.

2. Teliti dan Jeli Saat Membaca Kode

Wah, ini nih menurutku bagian terseru di tiap proses menata template blog. 2 kata kunci untuk fokus dan sabar berlaku banget di proses membaca dan menyalin kode. Gimana engga? Banyak banget kodenya! Apalagi aku orang awam dengan kode-kode tersebut. 

Pusing itu pasti! Sampai mual malah, haha.. Tapi bagiku seru sekali bisa secara tidak langsung belajar coding. Menyimak susunan dan tatanan kode-kode yang njelimet kalau kata orang Jawa, ya. Mencoba membaca dan memahami arti tiap kode yang tertulis agar benar saat menyalin formula. Seru sekali!! 
Untuk orang awam sepertiku yang tah kenal coding, memang harus fokus, teliti dan sabar saat harus berhadapan dengan kode-kode formula. 

3. Cek SEO Meta Inspector Saat Selesai Menata Template Blog

Akan dikatakan berhasil menata template blog jika kamu sudah lulus melewati SEO Meta Inspector. Mengapa harus dicek? Untuk mengetahui kesalahan dari susunan tampilan blog kita. Karena tujuan menata template blog kan agar sesuai SEO, maka wajib untuk di cek ulang melalui SEO Meta Inspector. Jika sudah tidak ada warning, artinya kamu berhasil menata tampilan blogmu sesuai SEO friendly. Yeaaaay! 

Proses dibalik Before vs After

Before After

Nah, ini dia perbedaan dari before vs after tampilan blogku. Bagaimana menurutmu??
Aku akan membahasnya satu persatu. Kita akan mulai dari atas.

Setelah berhasil menyalin kode HTML untuk menerapkan template fiksioner, aku mencoba mengikuti step by step perintah yang diberikan untuk mengubah beberapa formula sesuai dengan blog kita. Contohnya seperti nama, alamat blog, alamat web lain yang bersangkutan, dll.

Tidak ada masalah satu pun pada step ini. Petunjuk yang diberikan Coach Marita sangat mudah dipahami. Selanjutnya, aku mulai mengganti warna tema tampilan. Yang awalnya krem, ku ganti dengan merah muda dengan latar belakang putih. Tidak ada masalah juga pada step ini, cukup mudah. 

Kemudian lanjut menata menu menu dan header. Ini bagian favoritku yang pertama, karena di sini aku bisa menambahkan gambar logo sesuai keinginan. Untuk menu sendiri, hampir sama dengan tampilan sebelumnya. Butuh fokus dan ketelitian saat menatanya.

Turun ke header image. Bagian favorit kedua nih. Cukup mencolok ya perbedaan before vs after-nya? Ya, pada tampilan sebelumnya, ukuran header image ku terlalu besar, memenuhi layar sehingga tidak terlihat bagian lainnya. Namun ditampilan sekarang, ukurannya sudah pas. Sehingga terlihat rapih, manis dan minimalis dengan latar belakang warna putih yang menyatu.

Kemudian sidebar. Pada tampilan before, sidebar berada di bagian kiri. Dan sekarang, sudah sesuai ideal layout yang SEO friendly berada di sisi kanan. Selain perbedaan letak, terdapat beberapa gadget yang tidak ada sebelumnya, seperti gadget pengikut dan banner

Selanjutnya bagian halaman postingan. Perbedaan lain yang mencolok adalah munculnya related post di beberapa bagian tiap postingan. Dulu aku penasaran, bagaimana cara mengatur agar muncul related post pada postingan. Karena dengan adanya related post ini, artinya sama dengan mempromosikan tulisan-tulisan kita lainnya.

Ternyata template fiksioner menyediakan secara otomatis. Sehingga aku tidak perlu pusing berhadapan dengan kode-kode untuk memunculkan related post pada postinganku. Wah, asik! Semoga makin semangat ya, nulisnya. Jadi semakin banyak pilihan related post yang bisa dibaca. Hehe.

Semua tahap di atas aku kerjakan tanpa rintangan yang berarti, bukan juga langsung jadi sih. Maksudnya aku tidak butuh waktu lama untuk mengaturnya, atau sampai membuatku frustasi.
Eh, tapi ada lho bagian yang membuatku cukup frustasi saat proses menata template blog impianku ini.
Yaitu saat aku menemukan kejanggalan pada warna background kolom-kolom label dan kolom nomor halaman. Wah, apa nih kok ga sama dan ga senada?!!

cara atur css

Setelah aku menguprek layout untuk body color, ternyata aku tidak menemukan bagian yang aku cari. Dan solusinya adalah dengan menambahkan CSS untuk mengaturnya. Setelah berkonsultasi dengan Coach Marita, aku tetap tidak bisa menerapkan kode yang diberi olehnya. Padahal, kode tersebut juga digunakan oleh teman lainnya, dan berhasil, lho! Kok bisa?? Aneh kan?

Ya, memang aneh. Bagian ini cukup membuatku pusing, cemas dan panik. Aku menghabiskan beberapa jam duduk untuk mengotak-atik bagian ini. Dan tahu ga solusinya apa??
Aku memutuskan untuk mencari sendiri kode di kolom halaman inspeksi dan kemudian menyalinnya ke pengaturan tambahan CSS. Dan taraaaa, berhasil! Padahal ya, asal kalian tahu kodenya tuh sama. Sama aja dengan yang dikasih Coach Marita. Tapi kok bisa begitu? Entah, aku pun tak paham. Haha
Mungkin blogku ingin aku belajar lebih di kolom inspeksi, mencari tahu kode-kode sesuai kebutuhan. Biar ada pengalaman, begitu kali ya. Hehe

Alhamdulillah, akhirnya aku sudah berhasil menata template blog sesuai dengan impianku. Semuanya tentu berkat bimbingan Coach Marita dan bantuan teman-teman lainnya. Mengikuti semua step sudah dijelaskan dengan detail, adalah modal untuk menata template blog. Benar kata Coach, butuh keberanian untuk mencoba otak-atik, tidak boleh takut salah. Karena pengalaman dari otak-atik sangat mengesankan bagiku. Kemudian fokus, karena harus sangat teliti saat membaca dan menyalin kode. Satu elemen saja tertinggal, maka tidak akan merubah apapun. Tidak bisa disambi dengan yang lain, ya! Dan satu lagi, harus sabar. Sabar untuk tiap prosesnya, baik proses langsung berhasil atau proses yang membutuhkan waktu berjam-jam untuk mengoreksinya.

Pengalaman menata template blog kali ini memberiku banyak rasa. Ada rasa bahagia, puas dan bangga bisa menata template blog sampai pada tampilan yang sekarang. Rasa lelah, pusing, mual saat prosesnya pun terbayar dengan hasil akhir yang memuaskan. Terima kasih banyak, Coach Marita yang super baik! Semoga aku semakin semangat blogging-nya dan semoga semakin profesional. Aamiin..

Lalu, bagaimana dengan ceritamu? Seperti apa proses menata template blog yang kamu lalui? Pastinya seru juga kan?! :)
Sendy Yunika
Stay at Home Mom - Blogger - Writer

Related Posts

32 comments

  1. Wah bener mbak, telitinkode..ini bagian paling seru..dan kalo berhasil seneng banget..hehe
    saya suka header kecil dan besarnya..baguss...

    ReplyDelete
    Replies
    1. Iya mb, mau ga mau kita harus paham kodenya ya. Krn kalo ga, gatau juga ma a yg harus diganti atau disalin hehe..
      Makasih mb..

      Delete
  2. Imut deh blognya.. gemesin :) Semoga jadi makin semangat ngeblog ya mbak.

    ReplyDelete
    Replies
    1. Aamiin. Makasih banyak coach, semua berkat coach!

      Delete
  3. Hwkakakkaa....aku sepakat bikin pusing mules dan mual. Hahhaa



    Wah kayake sama mbak, aku juga tadi sampai akhirnya dibantu suami lho hiks.

    Buat ganti warna itu.
    Iya memasukkan colour di css nya ya. Terus neliti satu-satu bagian mana yang sebenarnya di rubah .. gitu seterusnya.

    Akhirnya tampilanku kayake gak secantik yg lain.plek sesuai contoh. Gak berani otak atik

    ReplyDelete
    Replies
    1. Wkwkwwk emang begitu adanya ya mb. Mata sampe berkunang-kunang juga.

      Wah ayo dong mb coba di otak-atik lagi biar sesuai blog impian. Biar makin greget!! Hehe

      Delete
  4. Cantik banget blognyaa (kayak yg punya ehh..) 🤭

    Banner yg baru lebih rapi yaa. Sukaaa...

    Setuju soal menata template blog ga bisa sambil disambi. Kalau ga fokus, malah ga jadi-jadi (kyk aku huhu)

    ReplyDelete
    Replies
    1. Makasih mb hehe..

      Iya bener, harus fokus ya mb. Sampe nyambi ngemil aja ga bisa saking fokusnya wkwm

      Delete
  5. Warnanya sukaaaaaaaa :) lebih fresh yg baru ya. Artikelnya juga bermanfaat pastinya. Happy blogging dengan dekorasi rumah baruuu...

    ReplyDelete
    Replies
    1. Hampir senada ya mb warna kita :D

      Aamiin. Semoga ga pernah padam blogging nya. Makasih mb widya

      Delete
  6. selamat ya mba, daku belum berhasil sesuai warna idaman, wkwkwk masih kudu bnyak belajar

    ReplyDelete
    Replies
    1. Semangat mb mya, setelah ini oprek lagi sampai dapat mb hehhe..
      Selamat mengotak atik template mb..

      Delete
  7. Horeeeyyy.... Mbak blogmu cantik pisan, aku padamuu pokoknya. Aku betah kalau warnanya cantik gini. Semangat ngeblog ya mba Sendy

    ReplyDelete
    Replies
    1. Aku padamu juga mb ehehhe..
      Mb juga ya, makin semangat ngeblognya

      Delete
  8. Nggak heran jadinya secantik ini mbaak blognya, udah belajar utak-atik sejak lama yaa 😍

    Rasa mual muntahnya kok mirip mbak. Hahaha baru kali ini aku begadang krn ngeblog.

    ReplyDelete
    Replies
    1. Baru ini mb Lupi, yg dulu awal bikin tapi bingung banget gatau apa kegunaan fiturnya hehhe.. Alhamdulillah dapet materi dari coach, jd bisa seperti ini sekarang..

      Delete
  9. Aku tuh suka insecure klo liat blog org🙈
    Mungkin usahanya juga gak sebanding kali ya.. :(

    ReplyDelete
    Replies
    1. Jangan insecure dong, dijadikan motivasi dan inspirasi. Habis ini otak ayik lagi sampai pas di hati. Hehhe.. semangat!

      Delete
  10. Warnanya jadi tambah cerah mba.. Jadi ikut semangat buat oprek" blog lg nih.. Hihii,,

    ReplyDelete
    Replies
    1. Yuk semangat mb. Kita sudah dapat ilmunya jd kapanpun bs otak atik lagi sampai klik. Hihi.. semangat mb!

      Delete
  11. Mbak Sendyyy, makin kece ih blognyaa. suka sama warnanyaa, ceria banget :)

    ReplyDelete
    Replies
    1. Alhamdulillah hihi.. coba yg error kemarin ga segera teratasi pasti ada yg janggal yakan haha

      Delete
  12. Coach Marita ga sekedar baik, tapi selalu ada, oncall 24 jam ya mb. hehe
    Akhirnya dengan segala perjuangan perang kode jadi templatenya ya mb

    ReplyDelete
    Replies
    1. Bener banget pak Sugi. Standby 24jam untuk kita. Luar biasa sekali memang coach kita.

      Delete
  13. Berasa berkunjung kerumah langsung dgn disambut bunga²...
    Homey bgt nih mba blog nyaa

    ReplyDelete
    Replies
    1. Makasih mb Iva, sering-sering main ya. Eaaaak hehhe

      Delete
  14. Berani, Fokus, Sabar, Teliti... Ahhhh.. Luar biasa.
    Harusnya Bunda bisa juga, harusnyaaaa...

    ReplyDelete
    Replies
    1. Bunda bisa kok! Tuh buktinya bunda juga sudah sampai titik ini. Luar biasa sekali semangatnya bunda, positve vibes! Keep inspiring bunda..

      Delete
  15. bener ya mbak hahhaha bikin sesuatu pokoke aku aja sering cenat cenut hihihi. semangat terus ngeblognya!

    ReplyDelete
    Replies
    1. Sensasinya nano nano ya mb. Tp hasilnya memuaskan. Alhamdulillah. Semangat kitaaaa..!!

      Delete
  16. Wah, seru ih, belajar template blog tuh. Apalagi kalau belajarnya diajarin, tambah semangat buat ngutak ngatiknya. Jadi pengen dibisikin deh, cara ikutan belajar template blognya kakak

    ReplyDelete
  17. Perlu belajar nih, pemahaman saya juga nol tentang otak-atik blog

    ReplyDelete

Post a Comment