RSS

Rabu

Memberikan Efek Warna Pada Link Di Blog

Semua orang yang memiliki blog tentunya mengingikan blognya menarik dan selalu dikunjungi, Disini saya akan memberikan trick bagaimana cara merubah warna link di Blog anda, selain bisa manarik para pengunjung juga bisa bermanfaat untuk pembeda antara Link dengan Tulisan yang bukan link langsung saja ini caranya…

Caranya mudah hanya dengan meng copy dan paste kan saja. Sebelum diubah anda silahkan lihat dan cari kode ini pada edit html anda :
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}

jika anda sudah menemukan, maka anda tinggal menggantinya dengan kode berikut sesuai kesukaan anda, ada 5 kode dengan warna yang berbeda…
Pilihan 1
a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
}

pilihan 2
a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-size: 120%;
}

pilihan 3
a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
}

pilihan 4
a:link {
color: #0066CC;
text-decoration: none;
}
a:visited {
color: #cc0000;
text-decoration: underline;
}
a:hover {
color: #2D8930;
text-decoration: blink;
}

pilihan 5
a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
font-weight: bold;
font-size: 120%;
background: #ffff66;
text-decoration: blink;
}

Note. Sebelum menggganti kode, disarankan membackup template terlebih dahulu sebagai langkah jaga-jaga jika terjadi kesalahan yang mengakibatkan kerusakan pada blog anda nantinya…
Silahkan mencoba… dan semoga bermanfaat…

2 komentar: