Desain Template Blogger: Tutorial 10
<< Tutorial 9: Penjelasan lebih lanjut wacana Kode Body
>> Tutorial 11: Mulai Membuat Template Blogger Anda Sendiri
kembali ke Daftar Isi
Salah satu keinginan yang terbesar saat kita menjadi seorang blogger dan mengorganisir situs web atau blog/situs web kita sebelumnya telah memakai template yang standard (2 kolom), niscaya kita memiliki cita-cita untuk menggunakan template 3 kolom didalam website kita. Dalam tutorial ini akan diterangkan bagaimana menciptakan template 3 kolom secara sederhana dan tidak perlu untuk jago dalam memprogram memakai bahasa HTML atau CSS.
Untuk mengerti panduan ini, diharapkan sebelumnya untuk mengerti Tutorial 8 dan Tutorial 9, yang mana telah menerangkan dasar-dasar dari isyarat di bagian Body.
Untuk mengganti atau menambah sidebar, yang dilaksanakan hanyalah mengutak-atik isyarat XML di Blogger eksklusif dari halaman Edit HTML tanpa perlu mengaktifkan Expand Template Widget.
Menambahkan Sidebar Membuat Template 3 Kolom:
Kita akan pelajari instruksi-aba-aba template, yang mau dituliskan dibawah. Kode disetiap template, mungkin akan tidak sama, tetapi variasi tidak akan begitu jauh.
Contoh Kode Template 2 Kolom:
Kode diatas ialah arahan template 2 kolom didalam wrapper/pembungkus yang namanya content-wrapper dimana didalamnya berisikan main-wrapper (yang berisi Blog Posts) dan sidebar-wrapper.
Untuk membuat sidebar gres, yang perlu dijalankan yaitu masuk ke halaman Edit HTML tanpa mengaktifkan Expand Widget Templates, kemudian paste arahan blok yang ada di sidebar-wrapper (arahan yang tampil diatas dan berwarna merah) sebelum atau sehabis blok main-wrapper. Sebagai acuan, untuk menciptakan kolom Sidebar-Main-Sidebar/S-M-S (ada 2 kolom yang berada disamping kiri-kanan sebagai sidebar dan kolom main ada ditengah), maka letakkan instruksi sidebar-wrapper tersebut sebelum main-wrapper. Perhatikan pada pola dibawah, bahwa id dari sidebar-wrapper adalah sidebar1 dan sidebar2.
Catatan: Ketika membuat sidebar kita mesti menentukan bahwa lebar kedua kolom Sidebars dan Main akan cocok berada di content-wrapper dan kode CSS nya juga harus dipastikan bahwa sidebars akan terletak disamping kiri dan kanan. Beberapa kesalahan lazim yaitu letak Sidebars akan berada di bawah blok Main.
Contoh Kode Tamplate 3 Kolom S-M-S:
Mengubah Lokasi Sidebar
Jika ingin mengubah lokasi sidebar dengan konfigurasi Main-Sidebar-Sidebar (M-S-S), yang perlu dikerjakan yakni menempatkan aba-aba sidebar-wrapper dimana ingin ditampilkan. Caranya, ialah dengan masuk ke halaman Edit HTML tanpa perlu mengaktifkan Expand Template Widget dan cut kode 1 dari sidebar-wrapper dan letakkan diantara main-wrapper dan sidebar2. Dan kesannya terlihat mirip arahan dibawah.
Contoh Kode Template 3 Kolom M-S-S:
Sekarang kita sudah tahu, bagaimana caranya menciptakan dan mengubah lokasi dari sidebar. Cara yang sangat sederhana.
___________________
Sumber: Our Blogger Templates