Tertarik dengan judul ? ikuti tutorial ini . Sebelumnya saya membuat artikel Widget Floating Subscribe Dengan Social Icon . Kali ini turialnya Judul Link Blog Berubah Saat Disorot Cursor Mouse . langsung saja ikuti tutorial ini :
1. Login ke akun blogger kalian
2. Pada Menu Dasbor pilih Temlate - Pilih Edit HTML ( boleh kalian back up template jika terjadi kesalahan)
3. Centang dahulu Expand Template Widget, untuk berjaga-jaga bila ada kesalahan
1. Login ke akun blogger kalian
2. Pada Menu Dasbor pilih Temlate - Pilih Edit HTML ( boleh kalian back up template jika terjadi kesalahan)
3. Centang dahulu Expand Template Widget, untuk berjaga-jaga bila ada kesalahan
4. Cari kode ini .post-title a:hover{ . Atau jika tidak ada cari saja yang mirip
1. Jika ingin judul link berkedip ketika disorot mouse
Tambahkan Script ini text-decoration:blink; Didalam .post-title a:hover{color:#fff;}
Jadi jika dirangkai menjadi seperti ini .post-title a:hover{color:#fff;text-decoration:blink;}
2. Jika ingin judul link memperbesar ketika disorot mouse
Tambahkan Script ini font-size:150%; Didalam .post-title a:hover{color:#fff;}
Jadi jika dirangkai menjadi seperti ini .post-title a:hover{color:#fff;font-size:150%}Ket: Kalian dapat mengubah ukuran besar dengan mengganti angka font-size:150%; sesuai dengan apa yang kalian inginkan.
3.Jika ingin judul link berubah warna ketika disorot mouse
Tambahkan Script ini color:#DF7401; Didalam .post-title a:hover{color:#fff;}
Jadi jika dirangkai menjadi seperti ini .post-title a:hover{color:#fff;color:#DF7401;}
Ket: Kalian dapat mengubah warna yang akan berubah dengan mengganti warna color:#DF7401; sesuai dengan warna apa yang kalian inginkan.
4. Jika ingin judul link berubah font / huruf ketika disorot mouse
Tambahkan script ini font-family:weogie; Didalam .post-title a:hover{color:#fff;}
Jadi jika dirangkai menjadi seperti ini .post-title a:hover{color:#fff;font-family:weogie;}
5. Simpan
Silahkan kalian lihat hasilnya
Ket: Kalian dapat mengubah warna yang akan berubah dengan mengganti warna color:#DF7401; sesuai dengan warna apa yang kalian inginkan.
4. Jika ingin judul link berubah font / huruf ketika disorot mouse
Tambahkan script ini font-family:weogie; Didalam .post-title a:hover{color:#fff;}
Jadi jika dirangkai menjadi seperti ini .post-title a:hover{color:#fff;font-family:weogie;}
5. Simpan
Silahkan kalian lihat hasilnya
NB: kalian juga dapat merangkainnya semua bisa menjadi begini .post-title a:hover{color:#fff;text-decoration:blink;font-size:150%;color:#DF7401;font-family:weogie;}
Jika kalian menghapus salah satu , hapus saja salah satu script yang berwarna merah contohnya : color:#DF7401;
oke , thanks . Jika ada sesuatu silahkan komen saja . karena saya tidak online 24 jam penuh
0 Comments
