Selasa, 18 September 2012

Cara Membuat Label 2 Kolom di Blog

Rasanya memang risih bro lihat Label kepanjangan ya bro, selain menyemak juga kurang enak di pandang, ya cara yg bisa dilakukan membuat ScrollBox pada Blog, tapi untuk sekarang bro membahas tentang cara membuat label menjadi 2 kolom, ini cara bro untuk kerapian Blog bro dan lebih berkreasi gitu hehe, oke bro bagi yang berminat silahkan simaklah untaian berikut ya bro :


  1. Login ke blogger lo bro
  2. Pilih Rancangan
  3. Klik Edit Html
  4. Jangan Lupa Bro Centang Expand Template Widget
  5. Untuk Mengantisipasi Kesalahan Bro, Lakukanlah BACKUP DATA terlebih dahulu ya bro
  6. Silahkan Cari Kode Label yang lo buat dulu terlebih dahulu bro, seperti contoh :
 

 Kalo gua bro kasih nama Catagories, jadi setelah gua cari bro seperti ini :



 <b:section class='sidebar' id='sidebartab2' preferred='yes'>
<b:widget id='Label3' locked='false' title='Catagories' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>


Tapi Bro Kita hanya Perlu Mengambil Tulisan Label3 oke bro


     7. Cari Kode ]]></b:skin> ya bro
     8. Lalu Letakkan Kode diBawah diATAS kode ]]></b:skin> bro, jangan salah ya bro


#Label3 li {
 float:left;
width:40%;
}



    Ket :
  •            Silahkan Lo masukkan Tulisan HIJAU yg lo ambil tadi Bro
  •            dan Lo bisa Ganti Lebarnya bro (Tulisan Berwarna MERAH)

      9. Tinggal Save Template dan Simpan deh Bro. cliiinnngg udah jadi bro and keerrreenn 
           hehe.


selamat mencoba ya bro.

2 komentar: