Efek Warna Pada Link Pada Postingan

Efek warna pada link memberikan efek menarik bagi pengunjung sehingga pengunjung penasaran dan mngklik linknya.. dan ini juga bermanfaat sebagai pembeda antara Link dan Tulisan yang bukan link. Mau tau cara membuatnya seperti berikut

Caranya mudah hanya dengan mengcopy dan pastekan saja:
sebelum diubah anda silahkan lihat dan cari kode ini pada edit html :

Caranya:

Log in ke blog anda

Klik rancangan / layout

Klik edit html

Centang expan template widget

lalu cari kode seperti ini

Tiap templet berbeda cari yang persis seperti di bawah ini

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}

Klo sudah ketemu delete kode yang di atas dan ganti dengan kode berikut:

Screenshot

Model 1

a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
}

Model 2

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

Model 3

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

Model 4

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

Model 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;
}

Silahkan coba dan jangan lupa untuk Membackup dahulu template anda sebagai langkah jaga-jaga jika terjadi kesalahan yang dapat merusak blog anda nantinya..

Semoga Bermanfaat

Share this

Share on FacebookPlus on Google+