Monday, April 9, 2012

POST FOOTER BERGANTI WARNA KETIKA MOUSE BERADA DIATASNYA




Setelah menampilkan BACKGROUND JUDUL POST BERUBAH WARNA KETIKA MOUSE BERADA DIATASNYA sekarang giliran bagian post footer yang berganti warna background-nya ketika mouse berada di atasnya.
Cara untuk manampilkannya lebih kurang dengan : CARA MEMBUAT BAGIAN BLOG BERKEDIP
Sepertia biasa awali dengan masuk ke Edit HTML, kemudian :
  • Cari kode untuk post footer seperti dibawah ini :
    .post-footer {
    margin: .75em 0;
    color:$sidebarcolor;
    text-transform:uppercase;
    letter-spacing:.1em;
    font: $postfooterfont;
    line-height: 1.4em;
    background:#0066CC;
    border:3px solid #0066CC;
    }

  • Tambahkan kode seperti dibawah ini tepat dibawah kode diatas:
    .post-footer:hover {
    background:#003366;
    }


    Kode warna yang berwarna merah dapat anda ganti dengan warna kesukaan anda.
  • Klik tombol Simpan template.
  • Lihat blog anda sekarang.
  • Selamat mencoba, semoga bermanfaat....!!!