1. Silahkan sobat >> Masuk/Login >>
ke Blog Sobat.
2. Pada tampilan baru menu blogger, sobat pilih >> Menu Template >> Edit HTML.
3. Cari kode a:hover { gunakan CTRL+F untuk mempermudah pencarian.
4. Kemudian silahkan sobat tambahkan atau sisipkan kode CSS berwarna PINK di bawah ini tepat di samping atau setelah kode a:hover { yang berdekatan dengan kode a:visited { dan kode a:link {
2. Pada tampilan baru menu blogger, sobat pilih >> Menu Template >> Edit HTML.
3. Cari kode a:hover { gunakan CTRL+F untuk mempermudah pencarian.
4. Kemudian silahkan sobat tambahkan atau sisipkan kode CSS berwarna PINK di bawah ini tepat di samping atau setelah kode a:hover { yang berdekatan dengan kode a:visited { dan kode a:link {
text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
Maka jadinya akan seperti contoh di bawah ini:
a:link {
text-decoration: none;
color: $(link.color);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
text-decoration: underline;
color: $(link.hover.color);
}
5. Sebelum sobat Simpan Templatenya, silahkan klik Pratinjau terlebih dahulu untuk menghindari kesalahan saat Edit template.
Tidak ada komentar:
Posting Komentar