Iklan

Penataan ulang

Sedang dalam penataan ulang. Silahkan nikmati dan bila ada yang kurang berkenan mohon maaf!

Membuat Bingkai dan Background Link

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!

1 1 komentar:

Unknown said...

tengs inponya,bosss

Post a Comment

 

ujung bawah

gubhug reyot
Add to Technorati Favorites
Search Engine Optimization SEO