1. Membuat Main Widget berkedip
o Seperti biasa, masuk ke Blogger, Tata Letak Edit HTML.
o Back up dulu templatenya jika takut gagal.
o Cari kode untuk Main Widget seperti dibawah ini :
.main .widget{
background:#3D81EE;
border-bottom:0px solid $bordercolor;
margin:0 0 1.0em;
padding:0 0 1.5em;
}
o Tambahkan kode dibawah ini tepat dibawah kode tadi.
.main .widget:hover {
background:#66B5FF;
}
o Klik tombol Simpan Template.
o Lihat Blog anda sekarang.
2. Membuat Sidebar Widget berkedip
o Masih di Edit HTML.
o Cari kode untuk Sidebar Widget seperti ini :
.sidebar .widget{
background:#3D81EE;
border:0px solid #6c6b6b;
margin:0 0 1.0em;
padding:0.5em;
}
o Tambahkan kode dibawah ini tepat dibawah kode tadi.
.sidebar .widget:hover {
background:#66B5FF;
}
o Klik tombol Simpan Template.
o Lihat Blog anda sekarang.
Untuk bagian-nagian lainnya silahkan anda coba sendiri dengan berpaduan dari contoh diatas.
Blog EPG Studio Telah menggunakan tips ini pada beberapa bagian yaitu :
1. Sidebar widget.
2. Main Widget.
3. Sidebar atas.
4. Sidebar bawah yang berjumlah tiga buah.
Anda juga dapat menambah bagian blog anda yang dapat berkedip dibagian-bagian tersebut dengan cara yang sama seperti kedua contoh diatas.
Tidak ada komentar:
Posting Komentar