Cara membuat template blogger dari nol

Cara membuat template blogger dari nol

Cara membuat template blogger dari nol

Cara membuat template blogger dari awal atau dari nol sudah sangat banyak tutorialnya. Tapi rata-rata dari tutorial tutorial yang tersebar semua hampir sama dan kurang efisien jika saya kalkulasikan.


Saya sempat mencari referensi melalui google search. Mencari tutorial cara membuat template blogger mulai dari nol dan saya mendapatkan dua teratas yaitu dari blog duarupa dan masyadi.

Namun langkah-langkahnya sama.
Misalnya di dua rupa seperti ini tutorialnya


Dan di blog masyadi pun bisa dilihat dibawah ini


Menurut saya, suatu kesalahan fatal yang sama dari keduanya yaitu penerapan dalam membuat template blogger menjadi responsive berada pada tutorial finishnya atau tutorial terakhirnya.

Setelah saya mencoba membuat template blog sendiri dari awal, alangkah efisiennya jika saya membuatnya dengan langkah berikut ini

1. Kerangka dasar
2. Auto readmore
3. Breadcrumbs
4. Responsive
5. Memilih warna
6. Widget dan fitur tambahan

Akan saya jelaskan langkah langkah tersebut agak terperinci

1. Kerangka dasar
Hal pertama yang saya lakukan dalam membuat template adalah menentukan bagaimana elemen-elemen penting akan saya letakkan.
misalnya header yang sudah pasti di bagian atas struktur blog
Dilanjut dengan konten untuk meletak elemen halaman seperti main blog dan sidebar
Dan tentunya footer dibagian bawah.

Pastikan kamu sudah menentukan dimana main blog dan sidebar, entah main blog sebelah kanan ataupun sebelah kiri

Saya menggunakan tag div untuk pembungkusnya
Secara mentahnya, urutan kode div seperti ini.

Dan yang paling utama disini adalah penempatkan main blog, usahakan dia berada sebelum sidebar.
Ini bertujuan ketika blog kita nanti diakses melalui layar smartphone, dia berada diatas sidebar ketika responsive layar kecil ditampilkan.

Untuk tampilan dekstopnya kita bisa memainkan css.
Silahkan anda baca di link berikut ini untuk pembahasan lebih lanjut tentang template blogger responsive

Next tutorial

2. Auto readmore
Setelah berhasil membuat kerangka dasar, hal selanjutnya adalah memasang auto readmore

Coba cek blog kamu pada langkah pertama, tampilan postingan terpapar semua dan itu sangat tidak rapi.

Pada kondisi pembuatan template blogger sendiri dari awal, maka kita perlu membuat auto read more sendiri agar isi postingan yang ditampilkan hanya sebagian atau mungkin menyembunyikan seluruh isi postingan dan hanya menampilkan judulnya saja.

Dengan begitu, halaman awal blog anda menjadi lebih ringan dan rapi

Cara untuk membuat auto read more ringan seo bisa baca disini :
Auto Readmore blogger yang benar dan Ringan tanpa javascript

3. Breadcrumbs
Breadcrumbs menurut definisi saya adalah kurang lebih seperti petunjuk lokasi.

Dia memberitahukan kepada pengunjung tentang halaman apa dan dimana dia sekarang.

Google sangat menyukai blog-blog atau web-web yang memasang breadcrumbs, berguna juga kan untuk blog kamu ?!

Breadcrumbs sebenernya opsional, bisa dipasang bisa enggak.
Lebih baik dipasang karena pengunjung ketika membaca postingan blog kamu dan tertarik dengan cara penyampaian juga kualitas isi konten kamu, maka ketika dia melihat breadcrumbs pasti kepoin postingan yang lain.
Tentang breadcrumbs bisa kepoin link berikut :
Cara membuat breadcrumbs soe sederhana di blogger

4. Responsive
Setelah melakukan langkah 1 sampai 3, hal berikutnya adalah membuat template blog kita menjadi responsive.

Kenapa tidak mewarnai atau menambahkan properti-proterti lainnya ?

Inilah kesalahan fatal bagi blogger yang kurang tertata.
Ketika kita selesai membuat template lengkap dengan variasi dan atribut-atribut yang kita pasang, namun belum membuat responsive.
Percayalah, bagian terakhir setelah mengatur tampilan responsive. Maka template kita sedikit kocar-kacir.

Namun ketika anda sudah mengatur keresponsivitasan blog anda sebelum mengatur warna, maka anda akan dengan sangat mudah menemukan paduan warna yang elok, simpel mudah ditambahkan dan tentunya gak ribet.

Pemahaman dan Cara membuat template responsive blogger bisa anda temukan di postingan berikut ini :

Next tutorial

5. Memilih warna
Warna tentunya sangat mempengaruhi blog kita.
Pemilihan warna yang asal-asalan dapat membuat pengunjung menjadi malas membaca ketika dia pertama kali mengunjungi blog kita.

Seperti pada www.colongan.com ini, warna yang saya gunakan tidak banyak-banyak amat.

Namun selera ada pada masing-masing pemilik blog, saran saya, gunakan 1 atau 2 warna sebagai warna inti blog anda.

Lihatlah web web raksasa, mereka punya warna yang menjadi ciri khas mereka.

Anda bisa mencari referensi warna tersebut, misalnya warna seperti bootstrap, windows, playstore atau aplikasi-aplikasi dan web-web raksasa.

Bukan berarti anda harus menirunya sepersis mungkin. Justru itu akan sangat gampang dikenali kalau dekorasi warna anda adalah jiplakan dari sebuah brand.

Jadi buatlah warna sesuai keinginan anda namun tetap mempunyai ciri khas tersendiri dan tentunya harus indah dan nyaman dimata pengunjung

6. Widget dan fitur tambahan

Sama pentingnya dengan warna, responsive dan kerangka.
Widget yang terlalu rame membuat pengunjung menjadi malas juga, meski itu hanya sebagian pengunjung.

Pasanglah widget-widget yang sangat diperlukan saja.
Selain pengunjung dapat dengan mudah menemukan hal uang kita unggulkan, tentunya loading blog anda juga tidak terlalu berat untuk dimuat karena widgetnya efisien.

Ingat, blog itu seperti rumah.
Kamu harus benar-benar menatanya sebagus mungkin.
Kebanyakan orang pasti akan betah jika ruangannya tertata bersih dan rapi.

Tidak seperti rumah yang bisa di katakan "seperti kapal pecah"

Untuk widget-widget apa saja yang cocok dan efisien untuk blogger, akan saya bahas nanti.


Itulah urutan beberapa langkah penting yang harus dilakukan ketika kamu membuat template blogger sendiri dari nol alias dari awal.

Jika menurutmu kurang efisien, itu bagus... karena setiap orang mempunyai gagasan tersendiri.
Namun selama pengalaman saya membuat berkali-kali template blogger responsive sendiri.
Ternyata seperti tadilah yang menurut saya paling efisien.

jika ada yang kurang jelas maupun bla bla bla... silahkan coret-coret di kolom komentar.

mungkin juga kamu tertarik untuk membaca ini :



Terima kasih, salam Colongan !

Bantu kami lebih baik lagi.
Apa Reaksi anda tentang :
"Cara membuat template blogger dari nol " ?

Posting Komentar

Komentar yang melukai perasaan beresiko dihapus Coy... !