Membuat Template Blogger Part 6 ( Lebih Lanjut Isyarat Template Bab Body )

Lebih Lanjut Kode Template Bagian Body

Dalam tutorial ini akan dijelaskan lebih lanjut wacana beberapa perintah khusus yang biasanya ada di bab body.


Lihat pola instruksi berikut ini:


Secara default, setiap blok harus dibungkus dengan tag div dan tag b:section. Setiap tag div dan b:section dinamai (identifikasi) dengan memakai perintah id. Perintah tersebut juga dapat diklasifikasikan lebih lanjut kedalam 'class' memakai perintah class. Identifikasi dan klasifikasi ini sangat mempunyai kegunaan saat mengatur model/propertinya dengan instruksi CSS. 

Didalam kode CSS, perintah id ditunjukkan dengan memakai simbol # symbol dan perintah class ditunjukkan dengan memakai simbol . Sebagai contoh, dikode CSS terdapat #main-wrapper {...} atau .sidebar {...} yang mana instruksi ini dipakai untuk mengatur model di main-wrapper dan sidebar.

Semua blok yang dibungkus memakai tag b:section yaitu widgets (juga sanggup dinamakan Page Element). Untuk contoh, didalam Header ada widget dengan nama Header1. Perhatikan, bahwa widget ini berisi instruksi maxwidgets='1' showaddelement='no'. Kode maxwidgets='1' berarti bahwa jumlah widget maksimum di header-wrapper yaitu 1. Berarti kita tidak dapat menambah widget dengan Page Element dan menempatkan widget tersebut dibawah atau diatas Header. Kode showaddelement='no' berarti bahwa tombol Add a Page Element tidak ditampilkan dibagian Header. 


Di dalam main-wrapper, kita hanya sanggup memberi instruksi showaddelement='no' yang mana berarti bahwa tombol Add a Page Element dilarang ditambahkan disini, tetapi kita dapat meletakkan widget diatas atau dibawah Blog Posts didalam main-wrapper. Di sidebar-wrapper, terdapat instruksi preferred='yes'. Perintah ini akan menciptakan tombol Add a Page Element supaya kita sanggup menambahkan widgets. Jumlah widgets yang sanggup ditambahkan tidak ada batasnya. Selain itu kita juga sanggup menarik atau menggeser widgets untuk diletakkan kedalam wrapper/pembungkus lain dalam jumlah yang tidak terbatas juga. 

Di footer-wrapper, tidak ada instruksi perintah id. Ini berarti bahwa tidak ada tombol Add a Page Element akan tetapi kita sanggup menarik dan meletakkan widget kedalam bab Footer. Tutorial selanjutnya wacana menciptakan template 3 kolom.

Membuat Template 3 Kolom
Salah satu harapan yang paling besar saat kita menjadi seorang blogger dan mengelola
website atau blog/website kita sebelumnya telah memakai template yang standard (2
kolom), niscaya kita mempunyai harapan untuk memakai template 3 kolom di dalam website kita. 

Dalam tutorial ini akan dijelaskan bagaimana menciptakan template 3 kolom secara sederhana
dan tidak perlu untuk andal dalam memprogram memakai bahasa HTML atau CSS.
Untuk memahami tutorial ini, diperlukan sebelumnya untuk mengerti tutorial 8 dan tutorial 9, yang mana telah menjelaskan dasar-dasar dari instruksi di bab Body.
Untuk mengubah atau menambah sidebar, yang dilakukan hanyalah mengutak-atik instruksi XML di Blogger pribadi dari halaman EDIT HTML dan tidak perlu mengaktifkan Expand Template Widget.

Menambahkan Sidebar Membuat Template 3 Kolom
Kita akan pelajari kode-kode template, yang akan dituliskan dibawah. Kode disetiap template, mungkin akan tidak sama, tetapi variasi tidak akan begitu jauh.


Contoh Kode Template 2 Kolom


Kode diatas merupakan instruksi template 2 kolom di dalam wrapper/pembungkus yang namanya content-wrapper dimana di dalamnya terdiri dari main-wrapper (yang berisi Blog Posts) dan sidebar-wrapper.

Untuk menciptakan sidebar baru, yang perlu dilakukan yaitu masuk ke halaman EDIT HTML
tanpa mengaktifkan EXPAND TEMPLATE WIDGET, lalu paste instruksi blok yang ada di
sidebar-wrapper (kode yang tampil diatas dan berwarna merah) sebelum atau setelah blok mainwrapper.

Sebagai contoh, 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 kode sidebar-wrapper tersebut sebelum main-wrapper. Perhatikan pada pola dibawah, bahwa id dari sidebar-wrapper yaitu sidebar1 dan sidebar2.

Catatan: 
Ketika menciptakan sidebar kita harus memastikan bahwa lebar kedua kolom Sidebars dan
Main akan cocok berada di content-wrapper dan instruksi CSS nya juga harus dipastikan bahwa
sidebars akan terletak disamping kiri dan kanan. Beberapa kesalahan umum 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 dilakukan yaitu menempatkan instruksi sidebar-wrapper dimana ingin ditampilkan. Caranya, yaitu dengan masuk ke halaman EDIT HTML tanpa mengaktifkan EXPAND WIDGET TEMPLATES dan potong (cut) instruksi 1 dari sidebar-wrapper dan letakkan diantara main-wrapper dan sidebar2. Dan karenanya terlihat menyerupai instruksi dibawah.


Contoh Kode Tamplate 3 Kolom M-S-S


Sekarang kita sudah tahu, bagaimana caranya menciptakan dan mengubah lokasi dari sidebar
dengan cara yang sangat sederhana, walaupun tidak mengerti maksud dari kode-kode HTML nya.

Baiklah sobat, hingga disini dulu ya, nanti kita akan lanjutkan lagi ke tahap selanjutnya tentang Membuat Template Blogger Part 7 ( Memulai Membuat Template Blog ).

Semoga bermanfaat.

Terima kasih


Salam,
www.sundaku.com


0 Response to "Membuat Template Blogger Part 6 ( Lebih Lanjut Isyarat Template Bab Body )"

Posting Komentar