Work online and earn real money

Senin, 05 Maret 2012

Cara Membuat Link Pelangi di Blog












Kali ini saya akan membuat tutorial blogger... :) tentang bagaimana cara membuat link warna-warni seperti pelangi. apa sih maksudnya link warna-warni seperti pelangi itu? sebuah link yang akan berwarna-warni jika cursor diletakkan di link maka tulisan itu akan berwarna-warni. Oke langsung aja ikuti langkah berikut....

- Login ke Blogger.com
- Pilih template lalu klik Edit HTML













(klik untuk memperbesar gambar)

- Sekarang cari kode <head> biar lebih cepat tekan ctrl+f
- Jika sudah ketemu taruh kode berikut ini tepat dibawah kode <head>




- Tinggal klik simpan template lalu lihat hasilnya... :)

~Good Luck~

11 komentar:

(tuan) Putrie Jrs ♛ mengatakan...

Wah, boleh boleh :D

Siap dicoba nih :)
thanks infonya

mau follow nih, follow buttonnya dimana yaa?

Ahmad Yusuf mengatakan...

iya sama-sama...

itu like aja fans fb :)

ExoticWilL mengatakan...

Thnx gan blog ku jadi bagus deh.....

Ahmad Yusuf mengatakan...

hhehe,iya sama-sama.... :)

Edy Samsul mengatakan...

Info bagus...

Ahmad Yusuf mengatakan...

haha.. :D makasih.. :)

The7Bloggers mengatakan...

Pakai ini juga bisa mas:

<style type='text/css'>
@-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}
@-webkit-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}
@-moz-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}
@-o-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}
@-ms-keyframes pelangi{
0% { color:red }
20% { color:yellow}
40% { color:green}
60% { color:blue}
80% { color:purple}
100%{ color:orange}
}

a{text-decoration:none;}
a:hover{animation:pelangi 3s infinite alternate;-webkit-animation:pelangi 3s infinite alternate;-moz-animation:pelangi 3s infinite alternate;-o-animation:pelangi 3s infinite alternate;-ms-animation:pelangi 3s infinite alternate;
}
</style>

Ahmad Yusuf mengatakan...

bisa sih... tapi lebih simple yang diatas :D

Ridhwan mengatakan...

Pasti jika Blog ditambah ini makin cantik, thx bro

Ahmad Yusuf mengatakan...

Ridwan: iya gan sama-sama... :)

Berwawasan.com mengatakan...

Keren sob! makasih ilmunya :) bisa buat refensi

Posting Komentar

 
Design by Ahmad Yusuf