CARA MENAMBAH KOLOM WIDGET DI BLOG TEMPLATE

Tutorial blogger "cara menambah 1 kolom widget" atau " 1 kolom gadget" seperti ini telah usang beredar di internet, tetapi saya ingin menciptakan sesuatu yang baru dengan sebuah pemahaman tentang template blogger agar setiap orang mampu menciptakan atau menambah kolom widget baru pada template mereka. Ini sangat krusial dipelajari karena ini menyangkut keindahan atau ke praktisan sebuah desain web (situs blog) yang kita kelola.
Catatan: Setiap template umum-nya memiliki 4 (empat) kolom (rapikan letak) dasar yaitu: Header, Main, Sidebar serta Footer. "Header" berarti ketua atas, "Main" berarti badan atau pusat letak artikel "Sidebar" merupakan bilah samping serta "Footer" ialah kaki (Bilah bawah).

Selain berdasarkan empat bagian tersebut kita bisa menambahkan beberapa kolom widget tambahan misalnya 1 kolom disamping header buat tempat iklan atau menambahkan kolom widget dibawah header biasa dianggap top featured, dua kolom atau 1 kolom. Kemudian membagi sidebar menjadi 3 bagian (tiga kolom) serta sanggup juga menambahkan beberapa kolom widget di bawah badan "main" Nah, sedangkan widget adalah isi berdasarkan seluruh bagian "kolom-kolom" tadi.
Kode HTML Dasar Kolom Widget

   
   
Kode diatas merupakan kode html buat membuat atau menambah kolom widget (gadget), bila template blog engkau mengunakan tag
. Tetapi jika template kamu menggunakan tag
maka lebih baik ikuti struktur template engkau saja dengan menambahkan kode tag html kolom widget baru misalnya kode dibawah ini.

 
Kedua kode html pada atas merupakan kode paling dasar buat menambah 1 kolom widget baru, memang itu sudah sangat cukup buat membuat sebuah kolom widget tambahan, tetapi bila engkau berencana banyak menggunakan css maka kode tag html kolom widget baru mampu di masukkan dengan memasang kode dibawah ini.


 

Nah, kini dimana kode tag html "kolom widget" ini mampu diletakkan? Kede tadi bisa di pasang/diletakkan dimana saja didalam template kamu asalkan ditempatkan di bawah epilog header atau div penutup yaitu
.
Namun harus diingat, menambahkan tag html kolom wigdet baru di bawah epilog nir selama-nya berhasil. Lantaran biasa-nya di bawah header epilog sudah disisipkan element lain misalnya Dropdown Menu, Search Box atau Newsticker. Maka buat buat menambahkan kolom widget baru kita wajib mencari tag
epilog menurut 3 element tersebut. Sebagai contoh lihat gambar dibawah ini.
Meski kode tag html "kolom widget baru" dibubuhi di bawah tag div epilog, posisi kolom widget/gadget tetap berada di bawah header tepat nya di bawah pilihan menu serta di atas main atau body. Klick save serta lihat pertinjau tata letak . Untuk memastikan bahwa engkau sudah berhasil menambahkan 1 kolom widget dibawah header.
Langkah terakhir adalah merapikan posisi tata letak widget menggunakan style css. Tambahkan css berikut adalah sempurna pada atas kode ]]>.
#topfeatured-areawidth:100%;margin:10px
body#layout #top-featured .wrapwidth:auto;float:left;padding:10px;
Nah demikian cara menambahkan kolom widget baru pada bawah header, menjadi penjelasan tambahan kamu mampu menambah kolom widget dimana saja yg engkau mau apabila sudah paham, bahkan engkau sanggup membuat sidebar menjadi 3 bagian. Menambah widget di bawah main (body). Catatan: jangan terfokus dalam topfeatured-area serta top-featured itu adalah id element saja, engkau sanggup mengubah-nya menggunakan nama lain. Apabila didalam template telah ada "id" top-featured maka kode nir bisa pada simpan kedalam template, kamu wajib mengubah topfeatured-area dengan nama yang lain.

Comments