Senin, 28 September 2009

Merubah Tampilan Link Ketika Mouse Diarahkan



Merubah Tampilan Link Ketika Mouse Diarahkan. Tampilan link ketika mouse diarahkan pada link tersebut bisa kita ganti. Contohnya silahkan arahka mouse anda pada link dibawah ini.

-Rumah Blogger
-Business Online Tips

Bagaimana cara membuatnya?. Sebenarnya sangat sederhana. Langkah pertama, silahkan login ke account blogger kamu. Kemudian masuk ke halaman edit html dan cari kode di bawah ini. Kamu bisa memperbesar tulisan link, mengganti warna background link, atau pun mengganti warna link ketika mouse di arahkan.


Silahkan masuk ke halaman edit hmtl dan cari kode di bawah ini :

a:hover {
color:#ffffff;
text-decoration:none;

}

Tambahkan kode di bawah ini pada kode tersebut

font-size: 15px;
background:#cc0000



Hasilnya

a:hover {
color:#ffffff;
text-decoration:none;
font-size: 15px;
background:#cc0000



Penjelasan :

1. colour adalah warna link ketika mouse diarahkan

2. text-decoration adalah tampilan tulisan dari link tersebut, kamu bisa menggantinya dengan bold untuk huruf tebal dan underline untuk huruf dengan daris bawah.

3. Background adalah warna latar belakang dari link tersebut ketika mouse diarahkan.

4. font-size adalah besar dari huruf link tersebut ketika mouse diarahkan.


Selamat mencoba...salam Tips Blogger.


Ingin mendapat artikel seperti artikel di atas langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Ayo gabung dengan internet marketer atau blogger lainnya di facebook dan twitter. Silahkan klik link di bawah ini...

[Facebook] - [Twitter]

Read this | Baca yang ini



Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

6 comments:

kyra.curapix mengatakan...

ngasi komen ah,,,,,

Bang arie mengatakan...

Hehehe..makasih ya :)

Pasang Iklan Gratis mengatakan...

Thank's atas infonya..

Bang arie mengatakan...

Sama-sama mas,...

afdil mengatakan...

thanks atas infonya mas

Bang arie mengatakan...

Silahkan dicoba ya,,,

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Untuk menggunakan emotion copy paste kodenya saja, budayakan berkomentar setelah membaca ya .

Note : Harap gunakan nama anda dan jangan menggunakan keyword-keyword tertentu atau komentar anda tidak akan dipublish...