Cara mengganti warna link blog yang ada pada widget / gadget sidebar biasanya dimaksudkan untuk membedakan link yang ada di sidebar dengan link yang ada pada bagian lain. Selain akan nampak lebih bervariasi juga diharapkan lebih menarik, sehingga pengunjung jadi betah lama - lama jelajahi blog.
Cara mengganti warna link blog yang ada pada widget / gadget sidebar dapat dilakukan dengan berbagai variasi warna yang sama maupun berbeda - beda. Warna Link dibagi menjadi 3 (tiga) bagian yaitu warna link asli, warna saat dikunjungi dan warna link setelah dikunjungi. Selain mengganti warna link, tampilan huruf link juga dapat dibuat dengan berbagai variasi.
Cara mengganti warna link blog yang ada pada widget / gadget sidebar dapat dilakukan dengan ilustrasi sebagai berikut:
Poin 1:
Login ke blogger.com ---> Template ---> Edit Html. Kemudian Cari kode ]]></b:skin> dengan menggunakan Ctrl + F
Poin 2:
Bila menginginkan semua warna link yang sama pada warna link saat tampil, saat dikunjungi dan setelah dikunjungi, copy kode css dibawah dan letakkan di atas ]]></b:skin>:
Jika menginginkan warna link yang berbeda saat tampil, saat dikunjungi dan setelah dikunjungi kode css nya adalah:
Untuk memberikan sentuhan huruf dan ukurant huruf yang berbeda saat link dikunjungi kode css nya adalah:
Keterangan:
a:link adalah kode css Tampilan Link Sebenarnya
a:hover adalah kode css Tampilan Link saat dikunjungi
a:visited adalah kode css Tampilan Link setelah dikunjungi
#6digit adalah kode warna
font-family adalah jenis huruf
font-size adalah ukuran huruf.
Kode - kode terebut dapat diganti dan dirubah sesuai kreasi masing - masing.
Poin 3:
Simpan Template dan selesai.
Cara mengganti warna link blog yang ada pada widget / gadget sidebar ilustrasi gambarnya dapat di lihat di:
Cara mengganti warna link blog yang ada pada widget / gadget sidebar dapat dilakukan dengan berbagai variasi warna yang sama maupun berbeda - beda. Warna Link dibagi menjadi 3 (tiga) bagian yaitu warna link asli, warna saat dikunjungi dan warna link setelah dikunjungi. Selain mengganti warna link, tampilan huruf link juga dapat dibuat dengan berbagai variasi.
Cara mengganti warna link blog yang ada pada widget / gadget sidebar dapat dilakukan dengan ilustrasi sebagai berikut:
Poin 1:
Login ke blogger.com ---> Template ---> Edit Html. Kemudian Cari kode ]]></b:skin> dengan menggunakan Ctrl + F
Poin 2:
Bila menginginkan semua warna link yang sama pada warna link saat tampil, saat dikunjungi dan setelah dikunjungi, copy kode css dibawah dan letakkan di atas ]]></b:skin>:
.main-inner .column-right-inner a:link,a:hover,a:visited {color:#fff;}
Jika menginginkan warna link yang berbeda saat tampil, saat dikunjungi dan setelah dikunjungi kode css nya adalah:
.main-inner .column-right-inner a:link {color:#fff;}
.main-inner .column-right-inner a:hover {color:#c61;}
.main-inner .column-right-inner a:visited {color:#0e9e3e;}
.main-inner .column-right-inner a:hover {color:#c61;}
.main-inner .column-right-inner a:visited {color:#0e9e3e;}
Untuk memberikan sentuhan huruf dan ukurant huruf yang berbeda saat link dikunjungi kode css nya adalah:
.main-inner .column-right-inner a:link {color:#fff;}
.main-inner .column-right-inner a:hover {color:#c61; font-family: 'Arizonia',cursive; font-size:16px;}
.main-inner .column-right-inner a:visited {color:#0e9e3e;}
.main-inner .column-right-inner a:hover {color:#c61; font-family: 'Arizonia',cursive; font-size:16px;}
.main-inner .column-right-inner a:visited {color:#0e9e3e;}
Keterangan:
a:link adalah kode css Tampilan Link Sebenarnya
a:hover adalah kode css Tampilan Link saat dikunjungi
a:visited adalah kode css Tampilan Link setelah dikunjungi
#6digit adalah kode warna
font-family adalah jenis huruf
font-size adalah ukuran huruf.
Kode - kode terebut dapat diganti dan dirubah sesuai kreasi masing - masing.
Poin 3:
Simpan Template dan selesai.
Cara mengganti warna link blog yang ada pada widget / gadget sidebar ilustrasi gambarnya dapat di lihat di:
Selamat mencoba dan semoga sukses.
Tidak ada komentar:
Posting Komentar