Trik Cara Membuat Link Menyala Pada Blog

Trik Cara Membuat Link Menyala Pada Blog - Menarik memang ketika melihat link yang sedang kita sorot oleh mouse tiba2 dapat menyala.

Nah untuk anda yang ingin agar tampilan link yang terdapat pada blog anda terlihat lebih cantik, unik dan menarik berikut adalah langkah-langkah untuk memodifikasi link pada blog sobat dengan menambahkan sedikit kode CSS seperti berikut ini.

1. Pertama login terlebih dahulu ke halaman blog sobat.
2. Selanjutnya masuk ke Menu Template - Edit HTML
3. Lalu cari kode a:hover { ( cari kode yang berdekatan dengan kode a:link { dan a:visited { )
4. Copy dan pastekan kode CSS berikut ini tepat disamping kode tersebut

text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

5. Terakhir simpan dan lihat hasilnya.


Selain cara diatas anda juga dapat menambahkannya dengan menggunakan cara berikut ini..

1. Pertama masuk ke akun blogger milik anda
2. Kemudian klik Template - Edit HTML
3. Cari kode ]]></b:skin> (gunakan ctrl+f untuk mempermudah pencarian)
4. Jika sudah tempatkan kode berikut ini diatas kode tersebut.

a.lbn {

color:#ff0000;

text-decoration:none;

text-shadow:1px 1px 0px #000,0 0 0px #000,0 0 0px #000,0 0 0px #000;

-webkit-transition:all .7s ease-out;

-moz-transition:all .7s ease-out;

-o-transition:all .2s ease-out;

transition:all .2s ease-out;

}

a.lbn:hover {

color:#ff0000;

text-shadow:

0px 1px 0px #ff0000,

0px 0px 3px #ff0000,

0px 0px 5px #ff0000,

0px 0px 30px #ff0000,

0px 3px 50px #ff0000;

}

5. Terakhir simpan
6. Untuk memanggilnya sisipkan kode class="lbn" didalam link yang ingin anda buat agar menyala.

cth

<a class="lbn" href="http://ardiyantobay.blogspot.com/2012/08/Trik-Cara-Membuat-Link-Menyala-Pada-Blog.html">Trik Cara Membuat Link Menyala Pada Blog</a>

Hasilnya
Trik Cara Membuat Link Menyala Pada Blog

nb: Warna dapat anda sesuaikan sendiri atau lihat tabelnya disini

Selamat Mencoba Semoga Informasi Tersebut bermanfaat untuk anda

Bayu Ardiyanto Review Rating: 85 out of 100 based on199854 reviews.