MY CONNECTIONS

Keep updates via social networks:

SUBSCRIBE VIA EMAIL

Enter your email to form bellow receive latest posts

SUBSCRIBE VIA READER
feed pakde Subscribe In A Reader

Template Style Name: DailyPhotos

Design by Huy Dinh Quang

Redesign by Reza Al G

Powered by blogger

0

Cara Mengganti Warna Link Pada Sidebar Blog

Posted 14.34 / By / ,

Cara Mengganti Warna Link Pada Sidebar Blog 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.

Klik Gambar Untuk Memperbesar Tamplilan
mengganti warna link sidebar

Cara Mengganti Warna Link Pada Sidebar Blog dapat dilakukan dengan berbagai variasi warna yang sama maupun berbeda - beda. Warna Link dibagi menjadi 3 (tiga) bagian yaitu warna link sebelum dikunjungi, 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 Pada Sidebar Blog dapat dilakukan dengan ilustrasi sebagai berikut:

Poin 1:
Login ke blogger.com ---> Template ---> Edit Html. Kemudian Cari  kode css  ]]></b:skin> dengan menggunakan Ctrl + F

Poin 2:
Bila menginginkan warna link yang sama pada  saat sebelum dikunjungi, 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:#ffffff;}
Jika menginginkan warna link yang berbeda saat sebelum dikunjungi, saat dikunjungi dan setelah dikunjungi kode css nya adalah:
.main-inner .column-right-inner a:link {color:#ffffff;}
.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:#ffffff;}
.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 Sebelum dikunjungi
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.

Artikel Terkait

0 komentar

RECENT COMMENTS