Cara Membuat dua Kolom Widget / Elemen Dibawah Header

Cara Membuat dua Kolom Widget / Elemen Dibawah Header - Selamat Sejahtera Untuk Sahabat, Pada saat ini anda telah memebaca sebuah artikel yang berjudul Cara Membuat dua Kolom Widget / Elemen Dibawah Header, Kami telah mendapatkan informasi yang sangat penting dan asli untuk memberikan sebuah informasi ini kepada anda, Semoga isi postingan Artikel Blogger, yang telah kami tulis dibawah sini dapat anda pahami. baiklah, Silahkan Dibaca.

Judul : Cara Membuat dua Kolom Widget / Elemen Dibawah Header
link : Cara Membuat dua Kolom Widget / Elemen Dibawah Header

Baca juga


Cara Membuat dua Kolom Widget / Elemen Dibawah Header


Bagi seorang blogger jika menambahkan Kolom Widget / Elemen Dibawah Header itu sangat perlu, maka harus tahu caranya. Tapi bagaimana jika tidak tahu untuk menambahkan element nya? Oleh sebab itu disini saya akan membahasnya untuk kalian. Silahkan perhatikan Cara Membuat dua Kolom Widget / Elemen Dibawah Header dibawah ini.

Cara Membuat Dua Kolom widget baru  Dibawah Header :
  1. Login Blog kalian
  2. Klik Template >> Edit HTML
  3. Jangan Lupa Centang Expand Template Widget (untuk  menjaga kesalahan, lebih baik  BACKUP dulu template kalian
    Carilah kode ]]></b:skin> jika sudah dapat, letakkan kode dibawah ini di Atas Kode ]]></b:skin>
#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}
  • Kemudian carilah kode <div id='main-wrapper'> atau Kode <div id='content-wrapper'> jika sudah dapat, letakkan kode dibawah ini tepat diatas Kode <div id='main-wrapper'> atau <div id='content-wrapper'>
<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='Raxter1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='Raxter2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
  •  Simpan, dan Lihat hasilnya!
Semoga Artikel yang saya posting tentang Cara Membuat dua Kolom Widget/Elemen Dibawah Header diatas bermanfaat buat kalian!

    Baca juga



    0 Response to "Cara Membuat dua Kolom Widget / Elemen Dibawah Header"