Minggu, 02 Mei 2010

Dasar Postingan/Sidebar Ganti Warna Saat Cursor Didekatkan


Satu Lagi yang unik sebuah Code script Mampu merubah warna dasar postingan anda disaat cursor komputer didekatkan ke dasar postingan cara gimana inilah caranya :
  • Seperti biasa, masuk ke Blogger, Tata Letak Edit HTML.
  • Back up dulu templatenya jika takut gagal.
  • Cari kode untuk Main Widget atau #main-wrapper {
    Untuk Dasar Postingan
    .main .widget{
    background:#3D81EE;
    border-bottom:0px solid $bordercolor;
    margin:0 0 1.0em;
    padding:0 0 1.5em;
    }

  • atau kalau tidak ada
    #main-wrapper {
    width: 555px;
    float: $startSide;
    margin-right: ;
    border:;
    background:;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

  • Tambahkan kode dibawah ini tepat dibawah kode diatas
    .main .widget:hover {
    background:#66B5FF;
    }

  • Untuk Dasar Sidebar
    Cari Code dibawah ini

    #sidebar-wrapper {
    width: 200px;
    margin-right: 10px;
    margin-top: 0px;
    padding-left: 0px;
    border:;
    float: left;
    background:;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    kemudian paste code dibawah ini tepat dibawah Code di atas
    .sidebar .widget:hover {
    background:#FFF8DC;
    }

  • Klik tombol Simpan Template.
  • Lihat Blog anda sekarang.
Warna merah dapat diganti dengan warna apa saja sesuai selera anda, ingat bukan mengganti gambar diatas ini hanyalah untuk cuci mata aja
Contoh : blog dasarnya beralih warna saat cursor didekatkan Klik disini

Tidak ada komentar:

Posting Komentar