Modifikasi Tampilan Link

Pastinya anda sudah cukup akrab dengan tampilan link nudging / bergoyang, link pelangi, dan lain sebagainya. Namun pada posting kali ini, saya tidak akan membahas modifikasi link dengan jquery seperti itu, saya akan mengajak anda untuk bermain-main dengan tampilan link atau tautan menggunakan CSS.

Merubah tampilan link

Defaultnya, tampilan tautan dalam sebuah posting akan terlihat seperti berikut ;
-Menambahkan Huruf Besar di Awal Postingan ( Drop Cap )

Namun, kita akan membuat seperti beberapa tampilan berikut ;
(efek terlihat dengan mengarahkan pointer mouse di atas link berikut)
Link membesar:
Tips Mempromosikan Posting Baru di Blog Anda

Link Berlatar:
 Cara Memasang Star Rating di Artikel Blog 

Link berubah huruf:
 Membuat Artikel Terkait untuk Optimasi SEO

Link nungging:
 http://theseoart.blogspot.com/

Untuk membuatnya pun cukup mudah, anda hanya perlu masuk ke edit HTML template anda, kemudian cari kode a:hover { , setelah menemukan kode a:hover {
jika anda ingin link membesar, maka tambahkan markah berikut dibawahnya,
font-size:150%;

Untuk link berlatar, tambahkan
background:#66ff66;
Kode warna berwarna merah silahkan anda rubah sesuai selera anda.
Untuk link berubah huruf, tambahkan
font-family:monospace;

dan, untuk link nungging, silahkan tambahkan
transform:rotate(5deg); -ms-transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -o-transform:rotate(5deg);


Selain 4 perubahan link seperti yang telah saya bahas tersebut, sebenarnya kita masih bisa ber eksperimen dengan css, misalnya membuat border atas bawah seperti link berikut:

Masih Perlukah Menggunakan Verifikasi Kata ?
dengan menambahkan kode
border-top:1px solid #000;border-bottom:3px double #000;

atau link nudging seperti tautan berikut:

Membuat Teks Area Dengan Background
dengan menambahkan kode
margin-left:7px;

Selamat melakukan modifikasi tampilan link di posting blog anda, dan jangan lupa berkomentar ya..
Terima kasih.

Artikel Modifikasi Tampilan Link ini 100% bukan hasil copy paste
Dibaca oleh12606 pembaca dari 12727 pengunjung.
Ditulis Oleh Unknown
Semua artikel terproteksi DMCA.
Hanya script dan kode tutorial yang boleh di copy paste, dengan menyertakan sumbernya.
Artikel The Art of SEO lainnya bisa anda temukan pada menu related post berikut ;