Cara Merubah Background Widget "Label" Dengan Warna

Warna Latar belakang (background) widget label bawaan blog biasanya transparan, Bila kita berminat ingin merubahnya dengan warna kesukaan kita, mari kita simak cara-caranya di bawah ini.

Contohnya Seperti gambar di bawah ini

Cara Membuatnya

1. Login dulu ke blogger
2. Masuk ke dasbor
3. Klik "Template"
4. Klik "Edit HTML"
5. Cari kode ]]></b:skin> (biar cepat ketemu tekan CTRL+F atau tekan F3 di keyboard lalu mauskan kode yang akan kita cari)
6. Setelah ketemu kode yang kita cari lalu copaslah kode di bawah ini terus simpan di atas kode ]]></b:skin>


.label{ background:#ffffff; 
height:250px; 
overflow:auto; 
 }

Keterangan
Kode berwarna merah adalah kode untuk merubah warna latar belakang widget
Kode berwarna biru adalah kode untuk merubah ukuran tinggi widget


7. Cari lagi kode yang kira-kira seperti di bawah ini :


<b:widget id='Label' locked='false' title='Label' 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;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
Setelah ketemu. hapus kode yang di kasih warna orange di atas, di ganti dengan kode di bawah ini


      <div class='widget-content label'>



Hasil akhirnya menjadi seperti contoh di bawah ini
<b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'>
<b:widget id='Label4' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content label'>
<b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>


8. Klik "Simpan Template"

Selamat Mencoba, Bila ada yang kurang dimengerti jangan sungkan-sungkan untuk bertanya pada kami.