Blog Cinangka

Beri efect kembang Api Link

Posted by Taufiq Rohman Thursday, October 20, 2011
Share this Article on :

LANGKAHNYA ADALAH SEBAGAI BERIKUT

* Log/sign in ke account blog kita
* KLik layout (tata letak), kemudian klik Edit HTML
* Jangan lupa download full template untuk jaga-jaga terjadinya kesalahan....
* Cari kode hover gunakan ctrl+F di keyboard untuk memudahkan pencarian

* Setelah ketemu copy kode di bawah ini setelah/sejajar dengan kode di atas

{ color: #000FFF; text-transform: uppercase; font-weight: bolder; font-size: 20px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }


* Awas kurung kurawalnya {............} jangan sampai doble...!!!
* Rubah tulisan yang berwarna biru sesuai dengan keinginan, color: untuk perubahan warna saat pointer d sentuhkan , font-size: untuk perubahan besarnya ukuran huruf saat pointer disentuhkan
* simpan template/save apabila telah selesai

Bila template anda tidak memakai hower anda harus cari kode di bawah ini

/* OUTER WRAPPER
----------------------- */
#outer-wrapper {
font: $bodyFont;
width: 1010px;
margin: 0px auto 0px;
background-color: bgcolor;
}

a:link {
color: $linkColor;text-decoration:none
}
a:visited {
color: $visitedlinkColor;text-decoration:none
}

Bila sudah ketemu tambahkan kode dibawah ini

a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

Di bawah kode
a:visited {
color: $visitedlinkColor;text-decoration:none
}
*Simpan

Related Post:

Post a Comment