Link yang biasanya hanya berupa teks biasa, dengan sedikit menambahkan KODE css, bisa di tampilkan dalam bentuk berbeda yang membuat pengunjung blog menjadi lebih mudah dalam membedakan antara teks biasa dan teks yang merupakan link. Supaya perbedaan link menjadi lebih kentara, kita akan menambahkan sebuah background dan bingkai yang akan membuat link yang kita berikan juga tampil semakin cantik.
Cara membuat background dan bingkai link :
1. Amankan template terlebih dahulu dengan cara :
Login ke Blogger --> Tata Letak --> Edit HTML -->
Download Template Lengkap --> Simpan di Folder PC
2. Tetap di Edit HTML :
Edit HTML --> Cari KODE a:link ...dst yang berakhir dengan KODE }
KODE ini berada tidak jauh di bawah <head>
3. Ganti KODE di atas dengan :
a:link{
background:#fff url(http://i47.tinypic.com/2iqoc2w.jpg);
border:1px #b5ffb7 solid;
color:#c4c6e0;
text-decoration:none;
}
4. Kode yang berwarna hijau bisa dirubah untuk disesuaikan dengan warna blog:
- http://i47.tinypic.com/2iqoc2w.jpg --> background image link.
- 1px dan #b5ffb7 --> tebal dan warna border.
- #c4c6e0 --> warna teks link
- Untuk text-decoration bisa tetap atau diubah menurut selera.
5. Simpan Template.
6. Lihat blog untuk melihat hasilnya!
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar