Tips Membuat Link 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

Selamat Mencoba Semoga Informasi Tersebut bermanfaat untuk anda