Desain Template Blogger: Tutorial 11
<< Tutorial 10: Membuat Template 3-Kolom atau Lebih …
>> Tutorial 12: Cara Meletakkan Foto selaku Latar Belakang
kembali ke Daftar Isi
Setelah mengerti dan mengerti panduan-panduan sebelumnya, saatnya untuk membuat dan mendesain template sendiri di Blogspot. Dalam panduan ini, saya akan memberikan langkah-langkah untuk membuat template sendiri secara cepat dan dengan gampang.
Hal pertama yang perlu Anda pahami ihwal merancang template yakni bahwa teknik rancangan itu unik dan berbeda tiap individu. Pada akibatnya, sepenuhnya terserah bagaimana Anda melakukannya – bila dan hanya jikalau Anda sudah terbiasa dan telah membuat beberapa template sendiri. Tetapi jikalau Anda gres mengawali, lebih baik mengikuti panduan langkah demi langkah untuk mempercepat proses sehingga Anda tidak kehilangan arah.
Langkah 1: Pilih template yang telah jadi sebagai contoh:
Sebagai pemula, cara yang termudah dan tercepat untuk merancang template adalah memulainya dengan template yang telah ada. Tetapi jangan melakukannya dengan maksud untuk menjiplak itu.
Pilihlah template selaku teladan yang erat dengan tujuan dari template yang mau dirancang. Pemilihan template sebagai teladan ini dimaksudkan agar kita tidak menuliskan arahan-kode template dari permulaan dan menyingkir dari terlibat dengan masalah programming.
Tetapi saat melakukan ini, tidak bermaksud untuk melakukan pengkodean sedikit dan kemudian mengklaim bahwa model terakhir yaitu desain sendiri, itu Salah dan Tidak Etis. Template awal hanyalah titik permulaan untuk menolong proses pengkodean. Template awal yang berkhasiat untuk acuan ialah bagian Body (yang menetapkan tata letak keseluruhan / layout dan jumlah kolom) , kode CSS (misalnya # main-wrapper,. Sidebar, # sidebar2, blog-pager, dll) dan beberapa ‘default’ isyarat yang tidak boleh dimodifikasi atau dihilangkan.
Ketika Anda menentukan template awal, aku akan anjuran Anda untuk memilih template yang relatif sederhana untuk membantu Anda lewat proses rancangan dengan mudah. Jika Anda tidak yakin mana template untuk memulainya, Anda dapat memakai Generik Blogger, sebuah 3-column template dasar. Jika Anda ingin memakai template 2-kolom, baca Tutorial 10 untuk mengetahui bagaimana memodifikasi template ke template 2-kolom atau mengganti lokasi sidebar.
Langkah 2: Menetapkan Jumlah dan Letak Kolom di Sidebar:
Jika seorang pemula, tentukan memulai dengan template yang mirip dengan desain yang hendak dirancang, contohnya jika ingin mendesain template 3 kolom, jangan beracuan dengan template 2 kolom. Jika ingin memperbesar atau mengganti sidebar, baca Tutorial 10 ihwal membuat template 3 kolom.
Langkah 3: Menetapkan Lebar Kolom:
Hal pertama yang perlu dijalankan sesudah menerima template permulaan selaku contoh ialah mengatur lebar dari template. Untuk mengendalikan lebar yang perlu dilakukan adalah memodifikasi arahan di CSS, baca Tutorial 7: mengontrol ukuran template. Bagian yang umumnya untuk mengendalikan lebar yakni
- body
- outer-wrapper
- content-wrapper
- header-wrapper
- main-wrapper
- sidebar-wrapper (atau sidebar1, sidebar2, dan selanjutnya)
- footer-wrapper
Pengaturan lebar yang sedikit rumit adalah yang ada di container-wrapper sebab didalamnya terdapat bab Main dan Sidebar, kalau lebar tidak dikelola dengan baik, maka Sidebar dapat berada dibawah Main.
Langkah 4: Menguji:
Jika mendesain template yang baru, maka kita harus tahu bahwa perubahan yang kita kerjakan sudah mengganti desain sesuai dengan yang diharapkan. Bagaimana mengujinya? yaitu dengan mengirimkan artikel yang memiliki kutipan (blockquote), daftar bernomor, daftar tidak bernomor dan membuat beberapa widget untuk melihat bahwa performa sidebar sesuai dengan yang diharapkan.
Langkah 5: Memodifikasi isyarat CSS untuk mengganti tampilan:
Disinilah kita mengawali mengutak-atik instruksi CSS, untuk menyesuaikan tata letak blog dan performa sesuai dengan yang dikehendaki. Proses ini lazimnya menyantap waktu yang paling usang, kita akan bolak-balik memodifikasi instruksi karena hal yang sungguh jarang untuk pribadi menerima sesuatu yang tepat untuk pertama kali. Baca Tutorial 4: Struktur Bagian Kode CSS, Tutorial 5: Mengatur Properti Kontainer di CSS dan Tutorial 6: Bagian dan Elemen Umum dalam Template Blogger.
Langkah 6: Menguji di browser lain:
Cara ini sesungguhnya sungguh menjengkelan dan menjenuhkan, tetapi mesti kita kerjakan, kenapa?
Dikarenakan yang lihat web yang sudah kita rancang nantinya sangatlah beragam, ada pengguna opera, firefox, internet explorer dan lain-lain, dan kadang masa penampilan yang kita rancang akan anggun di browser yang satu tetapi belum tentu untuk browser lainnya, untuk itulah uji coba perlu dikerjakan supaya web kita terlihat bagus untuk dilihat oleh siapa pun.
Ada tool yang cantik untuk menguji performa website semoga kompatibel disemua browser, cobalah uji di Browsershots.org.
Langkah 7: Menggunakan gambar selaku latar belakang:
Jika jenuh dengan menggunakan warna yang polos ditemplate kita, kita bisa mengubahnya dengan gambar. Gambar ini mampu digunakan sebagai latar belakang dari keseluruhan template atau untuk bagian-bab tertentu saja, contohnya Post, Sidebar, Footer, Header, dll. Bagian ini dibahas di Tutorial 12: Memodifikasi isyarat dalam penggunaan gambar sebagai latar belakang.
Langkah 8: Menyelesaikan Template:
Langkah ini yaitu langkah yang terakhir, adalah menguji template, menyaksikan dengan hati-hati penampilan blog dan memeriksanya apakah semua arahan yang dituliskan mampu melakukan pekerjaan dengan baik atau tidak.
___________________
Sumber: Our Blogger Templates
Download template Generik dari mediafire