Membuat Bagian Bagian Blog Berkedip

Nah, dengan trik ini maka blog menjadi semakin cantik dan menawan.

1. Membuat Main Widget Berkedip (tempat postingan anda muncul, kotak utama)
- Login ke blogger
- Tata Letak (sekarang design/rancangan)
- EDIT HTML
- Cari kode berikut:

.main .widget{
background:#3D81EE;
border-bottom:0px solid $bordercolor;
margin:0 0 1.0em;
padding:0 0 1.5em;
}


tambahkan kode berikut ini:
.main .widget:hover {
background:#66B5FF;
}


- Lalu klik simpan

2. Membuat Sidebar Berkedip
- Login ke blogger
- Tata Letak
- EDIT HTML
- Cari kode berikut:

.sidebar .widget{
background:#3D81EE;
border:0px solid #6c6b6b;
margin:0 0 1.0em;
padding:0.5em;
}


tambahkan kode berikut ini:
.sidebar .widget:hover {
background:#66B5FF;
}

- Lalu klik simpan


Perhatikan perbedaamn tambahan pada main widget dan sidebar widget di atas, sebenarnya kata kuncinya adalah yang berwarna merah di bawah dan script kita sesuaikan hanya dengan mengganti yang berwarna biru:

.bagianblogkamu .widget:hover {
background:#66B5FF;
}


Kamu juga bisa mengubah footer dan bagian blog yang lain menjadi berkedip
Selamat mencoba!

Komentar

Posting Komentar

Postingan Populer