Home » » Cara Merubah Background "ARCHIVE" Dengan Warna

Cara Merubah Background "ARCHIVE" Dengan Warna

Written By amirussalam on Rabu, 15 Mei 2013 | 04.14

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.

Contohnya seperti di bawah ini


Cara Merubah Background "ARCHIVE" Dengan Warna


Cara membuatnya

  1. Loggin ke blog
  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 lalu masukan kode yang ingin kita cari)
  6. Copas kode di bawah ini lalu simpan di atas kode ]]></b:skin>

  7. .Blog-Archive{
    background:#ffffff;
    height:250px;
    overflow:auto;
    }

    Keterangan
    -Warna merah untuk mengatur warna background archive
    -Warna biru untuk mengatur ukuran tinggi widget archive

  8. Jangan di simpan dulu. carilah kode yang seperti di bawah ini : 
  9. <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'/>

  10. Lalu hapus kode yang berwana orange di atas, di ganti dengan kode ini  <div class='widget-content Blog-Archive'>
  11. Nah sekarang simpan template. selsesai sudah, bila ada yang kurang di pahami jangan sungkan-sungkan untuk bertanya pada kami.
Share this article :
Comments
0 Comments

0 komentar:

Posting Komentar

 

Support : Copyright © 2013. DUNIA CORAT-CORET - All Rights Reserved
powered by Blogger