Masih bingung untuk mengedit kode HTML template blog ? Tidak tahu bagaimana caranya ? Masih sering gonta-ganti template blog karena tidak suka dengan tampilan yang ada ?
Tentu saja, cara paling mudah untuk mendapatkan template blog yang bagus adalah dengan mendapatkan template gratisan yang begitu banyak tersebar di internet atau dengan membelinya.
Template gratisan belum tentu akan sesuai dengan selera Anda begitu juga dengan membelinya. Kecuali Anda order sesuai kebutuhan. Tapi, bukankah blog itu harus unik ? dan begitu juga untuk tampilannya.
Modifikasi sendiri template blog akan membuatkan kita belajar dan memahami template blog untuk mendapatkan tampilan blog yang unik dan sesuai dengan selera kita. Untuk itu, terlebih dahulu kita perlu untuk memahami Tata Letak HTML Template Blog.
Pada dasarnya sebuah template blog terbagi dalam 3 bagian besar yaitu Header Blog, Conten Blog dan Footer Blog. Untuk lebih memahami penjelasan berikut, Saya akan menjelaskan dengan menggunkan Template Minima Versi 1.0 yang bisa Anda dapatkan pada artikel sebelumnya dengan judul Semua Berawal Dari Template Minima Versi 1.0, copy kode HTML template tersebut dan paste pada editor Anda. Bisa menggunkan notepad tapi di sarankan untuk menggunkan Notepad++.
Pada gambar diatas, bagian A adalah Header Blog. Pada template Minima versi 1.0, bagian kode HTML Header Blog adalah yang ditunjukkan dengan #header-wrapper yang terdiri dari antara lain #header, #header h1, #header .description, dll.
Header Blog berisi tentang Judul Blog dan Deskripsi Blog. Di blog ini, judul dan deskripsi blog diganti dengan gambar agar kelihatan menarik.
2. CONTENT BLOG
Content Blog pada gambar diatas adalah yang ditunjukkan oleh bagian B dan C. Dimana bagian B adalah area posting blog dan bagian C adalah sidebar blog. Pada template minima versi 1.0, Content Blog ditunjukkan oleh kode #outer-wrapper, area posting blog oleh kode #main-wrapper dan sidebar blog ditunjukkan oleh kode #sidebar-wrapper.
Posting blog adalah area dimana artikel yang kita posting akan tampil dan Sidebar Blog adalah tempat widget seperti profile, follower, dll. Pada blog ini, sidebar blog adalah yang beisi Top Artikel, dll.
3. FOOTER BLOG
Bagian D pada gambar diatas adalah apa yang disebut dengan Footer Blog atau kaki blog. Pada dasarnya fungsi dari Footer Blog sama dengan Sidebar blog, yang membedakan hanyalah posisinya yang berada di bagian bawah template sebuah blog.
Pada template minima versi 1.0, Kaki Blog ini ditunjukkan dengan kode #Footer. Footer Blog biasanya berisi tentang Hak Cipta , Nama Pembuat Blog atau Alamat. Di blog Belajar dan Belajar ini, Footer Blog tidak/belum ditampilkan.
Dengan memahami Tata Letak HTML Template Blog akan sangat membantu dan memudahkan kita untuk memodifikasi tampilan sebuah blog. Setidaknya itulah yang Saya pelajari terlebih dahulu sebelum mulai memodifikasi sendiri template sebuah blog.
Tentu saja, hanya dengan memahami tata letak belumlah cukup karena bagi blogger pemula, seperti Saya, ini barulah langkah pertama. Selanjutnya adalah memahami kode-kode HTML itu sendiri yang akan dibahas pada artikel berikutnya.
0 Response to "Tata Letak HTML Template Blogger"