Meja Dapur

Menata Blog Menyunting Template

7 comments
Menata Template
Assalamualaikum

Halo Sobat Bunda di mana pun kalian berada, senang sekali kita bersua kembali. 

Setelah belajar membuat blog dan juga memposting cerita, nah sekarang kita akan belajar menata blog dan menyunting template.

Menata blog itu penting, karena melalui blog kita bisa bercerita dan tentunya menjadi wadah berekspresi. Alasan membuat blog itulah yang membuat Bunda siap menerima tugas dari Coach Marita, agar tampilan blog makin menarik. 

Tak terasa sudah memasuki dua bulan Bunda berada dalam kelas blogspedia. Mulai percaya diri untuk membuat postingan-postingan, namun tentunya masih harus di bawah bimbingan coach yang ilmunya luar biasa. Sobat yang mau ikutan belajar, yuk merapat di Blogspedia biar ikutan jadi blogger.

Bunda mau ngajakin Sobat mengerjakan tugas minggu ini yang terdiri dari dua tahap;

  • Permak Blog dengan Template Sederhana
  • Memasang Template Unduhan
Sebelum di mulai, jangan lupa baca Bismillah, agar semua kegiatan kita lancar dan mendapat ridha Allah SWT.

Bismillah
Your Day

TEMPLATE

TEMPLATE SEDERHANA

Apa yang itu blog dengan template sederhana?

Yang dimaksud disini adalah blog yang dibuat dengan pilihan template yang tersedia dari bawaan platform blog yang digunakan. Untuk blog Meja Dapur, Bunda membuat blog di blogspot.com

Seperti ulasan sebelumnya, tersedia banyak pilihan template yang bisa digunakan. Sobat tinggal mengikuti petunjuk, uji coba hingga menemukan template dengan thema yang sesuai. 

THEMA

Untuk mempercantik design blog kamu, Sobat bisa mulai dengan menyesuaikan di bagian thema.  

Banyak pilihan yang bisa di tukar dengan pilihan kamu sebelumnya, namun yang harus diingat setiap thema dengan template yang mengikuti tentunya ada settingannya sendiri-sendiri.Tapi mudah kok untuk mengutak-atiknya. Apalagi ada jendela preview / pratinjau dimana kamu bisa ngintip dulu bagaimana hasilnya.


Simple

Blog yang simple / sederhana dan berwarna dasar putih akan membuat nyaman mata pembaca. Selain itu juga mudah untuk di tata berulang dan ringan dalam proses loadingnya.

Background / Latar Belakang

Di sini Sobat bisa mengatur tampilan background / latar belakang blog. Bisa memasukkan gambar yang disuka atau memilih dari yang tersedia. Juga dapat mengatur warnanya. 
Tidak semua template menyediakan fasilitas tampilan gambar background. 

Adjust Widths /Penyesuaian Lebar

Mengatur lebar postingan, antara lebar konten dan sidebar.

Layout / Tata Letak

Ada beberapa pilihan tata letak, namun yang paling umum dan paling disarankan adalah meletakkan sidebar di sebelah kiri. Sidebar tunggal atau di pecah beberapa. Juga ada pilihan setting footer.

Advance / Lanjutan

Di setting lanjutan ini, ada pilihan-pilihan menu yang bisa dipilih;
  • Page text
  • Background
  • Links
  • Blog Tittle
  • Blog Description
  • Tabs Text
  • Tabs Background
  • Post Tittle
  • Date Header
  • Post Footer
  • Gadgets
  • Images
  • Accents
  • Mobile Button Colour
  • Add CSS
Sobat bisa coba-coba sendiri. temukan yang paling pas dengan seleramu.

Dengan mengutak-atik thema saja, sudah asyik kan dan tentunya tampilan blog Sobat sudah jauh lebih keren.

Nah, bila Sobat masih belum puas dengan penampilan blog, bisa nih mengambil Template dari pihak ketiga. 

TEMPLATE UNDUHAN

Sering tu Bunda melihat blog-blog yang super keren. Komunikatif dan tampilannya membuat kepengen buka lagi halaman-malaman yang ada. 

Nah, Bunda kepengen begitu juga karena sudah serius banget mau menggarap blog Meja Dapur ini menjadi tempat cerita sekaligus berbagi ilmu. Siapa tahu ada yang jatuh cinta dan rajin menyimak, kan jadi bisa sama sama senang.

Selain memodifikasi blog dengan template bawaan portal blog, Sobat bisa nih mengunduh template yang disuka. Baik yang free alias gratis maupun berbayar.

Untuk belajar, yuks disimak arahan dari coach Marita tentang tempale unduhan.

Sebagian materi di adaptasi dari blog dan arahan coach, sebagian lagi dari hasil sunting menyunting sendiri (tetap dalam arahan lho 😁).

Selain karena tampilannya yang mungkin lebih keren, menggunakan template unduhan disarankan dikarenakan adanya kelemahan mendasar dari template bawaan blogspot.

Template bawaan blogspot kebanyakan belum SEO friendly, sekaligus belum responsive/ mobile friendly

Jadi ketika akan memilih template unduhan wajib memperhatikan load speed dan sudah SEO friendly atau belum.

lanjut

Sobat bisa mencari dan memilih portal yang menyediakan template unduhan. seperti blantertheme.com, gooyaabitemplates.com atau igniel.com yang banyak diminati.

Dengan pertimbangan kemudahan penyuntingan, Bunda mengikuti saran coach untuk mengunduh template Fiksioner dari igniel.com.

Sebelum mengunduh, sebaiknya test seoptimer.com dan https://developers.google.com/speed/pagespeed/insights/ dari template yang akan diunduh. Dengan cara copy link live preview lalu cek di kedua website tersebut.


FIKSIONER

Untuk mengenal dan mengunduh template gratis dari www.igniel.com ini, Sobat langsung aja dech meluncur ke portalnya tempatnya template Fiksioner.

Igniel.com
Itu tampilan awalnya, lalu sobat scroll ke bawah sampai menemukan bagian untuk download.

Fiksioner

Ketika meminta download, akan muncul Fiksioner v3.zip seperti berikut;

Zip Fiksioner

Dilanjut dech downloadnya. Setelah selesai, sobat akan berhadapan dengan file xml Fiksioner unduhan. 

Nah selesai sampai disini, Bunda bingung se bingung-bingungnya karena mulai di hadapkan dengan teks-teks bahasa komputer yang mirip dengan putra-putranya Maya Estianti... Al El Ul 😢.


Mumet

Alhamdulillah, coach yang baik hati dan super duper sabar ini dengan baik hati memberi contekan langkah-langkah hingga pemasangan template selesai. 

Sobat gak nyesel dech berguru pada coach Marita dan Blogspedia. Semua seluk beluk membuat dan mendadani blog ada disana. 

Bantuan dari coach Marita lebih kepada pengaturan konfigurasi huruf-huruf ajaib, yang sudah diedit disesuaikan untuk memudahkan proses pengunduhan. Namun, untuk setting dan lain-lain hingga tampilannya ciamik, tetap harus dilakukan sendiri.

pengaturan thema

Sama seperti di blogspot, disini kita bisa mengutak atik tampilan blog baru. Sobat bisa uji coba, agar hasilnya sesuai yang di harapkan.

Layout / Tata letak

Menyunting tata letak dengan memasukkan perintah-perintah yang diperlukan seperti username, url blog, url label, mengatur gambar dan ukurannya, menambah menu yang diperlukan seperti sitemap dll, juga mengatur dropdown label.

  • Page Header Gadget; Header yang muncul di posisi paling atas kiri bersebelahan dengan menu. Untuk mengisi gambar header ini, sobat siapkan dulu gambar yang diinginkan dengan ukuran 300 x 50 
  • Menu, untuk memasukkan url blog, url label, page about, sitemap dll
  • Billboard-BigAd, gambar terbesar yang muncul paling menyolok di halaman pertama blog kamu. Disini diperlukan gambar dengan ukuran 1000x250. Sobat bisa resize gambar header atau bisa membuat design yang berbeda.
  • Di kolom Sidebar, bisa dimasukkan profil, sapaan kepada pembaca, dan bisa dimasukkan gambar yang mewakili profil dirimu dengan ukuran 320x320. Disini Bunda menambahkan info komunitas yang Bunda ikuti.
  • Posisi Footer, sobat bisa menambahkan gadget apalagi yang diperlukan sesuai design masing-masing. Disini Bunda menambahkan informasi tentang follower juga info media sosial.

THEME CUSTOMIZE / PENYESUAIAN THEMA

Melanjutkan penyuntingan, Sobat Bunda bisa mengatur warna latar juga tulisan agar sesuai dengan rancangan. Namun ingat pada prinsip blog yang nyaman di mata pembaca. 


Alhamdulillah, walau dilalui dengan cemas dan linangan airmata, akhirnya blog Meja Dapur selesai di make over. 

Final

Alhamdulillah

Terima kasih sudah mampir Sobat Bunda. Insya Allah kita bertemu lagi di cerita yang lebih seru lagi. 

Ohya, kalau ada usulan thema / ide tulisan yang ingin di ulas, bisa kontak Bunda ya. 


Wassalam

By Bunda Dina


Bagi siapapun yang ingin menjadikan artikel ini sebagai referensi, tolong cantumkan link di artikelnya. Mohon tidak untuk copas ya. Terima Kasih
Bunda Dina
Rasa ingin tahu, membuat aku jadi ingin berbagi. I love it

Related Posts

7 comments

  1. Yeay, Alhamdulillah akhirnya ya Bun.. semoga makin pro dan semangat bloggingnya bun! Keep inspiring..

    ReplyDelete
  2. Masya Allah bunda...keren..
    Bun...aku ketawa tawa liat gambar yg pusing sama mumet..hehe
    Relate banget yg dialami kmrn..hehe
    Ah bener bun awali Bismillah dan akhiri hamdalah.makasih remindernya bun...
    Tosca nya cakep bun...

    ReplyDelete
  3. Tambah keren bund, terpancar dari usaha kerasnya. Elegant banget....semangat blogging bund

    ReplyDelete
  4. Masya Alloh bunda.. Semangatnya bunda tuh bikin kita ikut semangat juga nih..
    Kagum dengan perjuangan bunda, dan hasilnya bagus nih bunda.. Jadi makin semangat ya bun :D

    ReplyDelete
  5. Bahasa pemrograman/ bahasa komputer bahasa yang rumit tapi bikin makin jatuh cinta pas tahu kerumitannya

    ReplyDelete
  6. Mau usul perjalanan karirnya bunda donk...
    Salut sama semangatnya

    ReplyDelete
  7. Bundaaa... Ahh bun bun hebaaat, cantik cantik euy, ku syukaaa.. Aku aja belum main di warna, bunda udah ganti aja nih, keren deh bunda

    ReplyDelete

Post a Comment