30 Okt 2008

Menambahkan Bacground Pada Link

Salah satu untuk mempercantik Blog adalah melalui link yang di postingan kita, artikel sebelumnya membahas bagaimana membuat link menjadi besar/kecil saat kursor diarahkan. kali ini sedikit bermain-main dengan kode CSS untuk menambahkan background gambar pada Link.

Langkahnya Mudah kok, Login ke Blogger, dan menuju EditHTML.

Silahkan Cari Kode di bawah ini: /* masing-masing kode */

1. Kode a {

2. Kode a:hover {

3. Kode a:visited {

Berikut kode yang diperlukan untuk menambahkan background pada link. Caranya dengan menambahkan kode di bawah ini dan letakan kode di bawah kode a { , a:hover { dan a:visited {

1. Gambar /Background di samping Kiri Link

background: url(http://pic.photobucket.com/general/right-arrow-off.gif) no-repeat;
padding-left: 20px;


2. Gambar/background berada tepat pada link.
background: url(http://i261.photobucket.com/albums/ii65/adephotobucket/h1_bg.jpg) repeat-x

Berikut Contoh Hasilnya. kiri untuk langkah 1 dan kanan untuk langkah ke 2. Da akan ada background gambar pada link. sesuai langkah yang dilakukan.


Kode a { adalah saat link dalam keadaan normal. sedangkan kode a: hover { adalah kode saat kursor diarahkan pada link. sedangkan kode a:visited { adalah kode untuk link yang sudah di klik/dikunjungi, berikan gambar berbeda untuk masing masing kode tadi supaya tampilan lebih bagus. atur sesuai kebutuhan dan sesuaikan dengan link yang ada, misalnya .post a { maka animasinya hanya pada postingan saja, lainnya misalnya sidebar a { dan lainnya.
Selamat Mencoba.

Description: Menambahkan Bacground Pada Link Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menambahkan Bacground Pada Link Hot News!!! "Sepeda Motor Injeksi Irit Harga Terbaik Cuma Honda"
Share on :

0 komentar :

Posting Komentar

Mau tukeran link? silakan buka Link sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.

 
© Copyright Dunia GUE 2011 - Some rights reserved | Powered by Blogger.com .
Template Design by Herdiansyah Hamzah | Jejaringkan Kami di Jejaring Sosial (duniague.net)