Tampilkan postingan dengan label dibawah. Tampilkan semua postingan
Tampilkan postingan dengan label dibawah. Tampilkan semua postingan

Sabtu, 23 November 2013

Cara Membuat dua Kolom Widget Elemen Dibawah Header

Elemen baru sangat di inginkan sekali untuk para sahabat blogger yang ingin template nya di penuhi dengan elemen/widget. fungsi widget adalah untuk menaruh script atau iklan-iklan,atau banner buatan sendiri untuk pengunjung yang ingin menaruh iklannya di blog kita dan widgetpun sangat penting untuk blog kita selain untuk menaruh script-script iklan, widget bisa juga mempercantik tampilan blog kita.

Berikut caranya :
Cara Membuat Dua Kolom widget baru  Dibawah Header :
  1. Login Blog 
  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 mazinu posting tentang Cara Membuat dua Kolom Widget/Elemen Dibawah Header diatas bermanfaat buat Sahabat Mazinu! Sukses!
    Selengkapnya