Cara Mengatur Ukuran dan Merubah Backgound Archive Dengan Warna

Posted by Nanz404 on Minggu, 09 Juni 2013


Kali ini saya akan share Cara Mengatur Ukuran dan Merubah Backgound Archive Dengan Warna. Biasanya warna background (warna belakang) widget archive bawaan blog adalah transparan, nah bila kita berminat ingin merubah backgroundnya dengan warna kesukaan kita, silahkan simak cara-caranya di bawah ini. 

1. Loggin ke blog
2. Masuk ke dasbor
3. Klik Template > Edit HTML
4. Cari kode ]]></b:skin> (biar cepat ketemu tekan CTRL+F atau tekan F3 lalu masukan kode yang ingin kita cari)
5. Copas kode di bawah ini lalu simpan di atas kode ]]></b:skin>

.Blog-Archive{background:#ffffff;height:250px;overflow:auto;}
#Keterangan
-Warna merah untuk mengatur warna background archive
-Warna ungu untuk mengatur ukuran tinggi widget archive

7. Jangan di simpan dulu. carilah kode yang seperti di bawah ini : 

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
            <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content '>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>


8. Lalu hapus kode yang berwana merah di atas, dan ganti dengan kode ini  <div class='widget-content Blog-Archive'>
9. Nah sekarang simpan template. 

Nah, sekarang tinggal lihat perubahannya. Bila bingung, mohon tinggalkan komentar. Semoga Bermanfaat dan Terima Kasih.

Blog, Updated at: 19.33

0 komentar:

Posting Komentar