Cara Membuat Layout Template Website/Blog

Cara Membuat Layout Template Website/Blog - Template blog adalah sebuah desain tampilan halaman yang berisikan dokumen file model-model tambahan yang di kodekan dalam bahasa pemrograman dan siap pakai. Template merupakan salah satu identitas blog kita. Kita tidak dapat memilih Template yang mengikuti keinginan kita sendiri apabila blog tertentu ditujukan untuk kalangan tertentu. Akan tetapi pemilihan Template blog bebas kita pilih sendiri secara sepihak apabila itu diperuntukan bagi kita sendiri ataupun untuk komunitas.

Salah satu cara untuk membuat Template Blog adalah dengan menggunakan CSS. Aplikasi ini dapat merancang, mengubah, mendesain, membentuk halaman blog. Cara kerja CSS yaitu dengan menulis style-nya maka secara otomatis akan bekerja pada dokumen HTML.

Dalam CSS ada dua tag yang digunakan dalam membangun template CSS yaitu ID Tags dan Class Tags. Id tags pada CSS biasanya menggunakan tanda "#" pada awalan selector seperti #contohid{}. Untuk pemanggilan selector tersebut biasanya menggunakan id="selector". Id tags pada CSS biasanya menggunakan tanda "." pada awalan selector. Biasanya penggunaan class ini pada selector yang sudah dikelompokkan.

Membuat Layout

Untuk memulai pembuatan template blog, hendaknya kita membuat sebuah layout terlebih dahulu. Dalam membuat layout web/blog, hal yang paling penting untuk di perhatikan adalah tema web/blog itu sendiri sehingga kita bisa lebih mudah untuk menyesuaikan tema dan tampilannya. Bagian untuk membuat layout disini adalah menata letak bagian-bagian web seperti header, sidebar, konten utama, dan footer.


Untuk membuat layout, tidak perlu menggunakan terlalu banyak program, cukup coretan dikertas. Untuk membuat "coretan" dengan menggunakan komputer, kita bisa menggunakan program Microsoft Word atau program Photoshop untuk hasil yang lebih baik. Berikut adalah contoh sederhana layout web/blog :

Penjelasan :

• Page Navigation nantinya akan berisi navigasi yang mengarahkan ke Halaman dalam blog dan halaman Sosial media.
• Blog Titile merupakan Header dari template yang akan kita buat dimana nantinya ini akan di isi dengan Judul Website, tag line website.
• Menu Navigation nantinya akan berfungsi sebagai navigasi website untuk memudahkan pengunjung dalam mencari tema-tema tertentu dalam website.
• Sidebar berisi beberapa navigasi tambahan atau fitur tambahan dari website.
• bagian tengan merupakan tempat daftar artikel dari website.
• Footer adalah yang terakhir di bagian paling bawah dari website yang nantinya akan di isi tanda hak cipta atau identitas.

Sebenarnya dalam membuat layout template blog tidaklah begitu sulit, kita hanya cukup memikirkan suatu konsep tampilan dari website kita. Namun dalam membuat layout kita harus memperhatikan segi kenyamanan dan kemudahan bagi pengunjung blog kita nantinya. Untuk membuat layout kita juga harus melihat dari sudut pandang pengunjung website kita nantinya karena merekalah target atau pengguna website kita yang sesungguhnya. 

Setelah mengetahui bagaimana cara membuat layout blog, selanjutnya kita akan belajar bagaimana  cara membuat Struktur HTML untuk layout yang sudah kita buat. Sebelum kita mempelajari hal tersebut, saya harapkan teman-teman sudah mempunyai/menginstal tool yang di perlukan dalam membuat template blog.