Status
Come and follow my blog. thank you for your supports. :) now i'm officially graduated from UITM. Alhamdulillah :)



Ieqashafiqa

Shoutbox










My words!


Hai. I Ieqashafiqa. Want to know about me? Feel free to follow me. If you gonna search something, in below box!



>> convocation countdown
date : NOW
at:00:00am


>> Bachelor of Engineering (Hons) Chemical
date : 06/09/2014
at:08:30am


>> officially finish my diploma
date : 09/05/2014
at: 09:00am


>> prince proposed
date: 20/10/2012
at: 12:00am



Followers




Blog Archive


 tengah skodeng


Contact Me


: Shafiqa'aziyatul Azie
: @ieqashafiqa
:ieqashafiqa
: My Blog

Tabung Masa Hadapan



Tutorial link hover berkotak for blogskin
Thursday 15 November 2012 | 0 Diamond[s]
Hye blogger~ now ieqa nak buat pulak tutorial link hover berkotak. Tapi, yang nie khas untuk blogskin jer keyh. Tutorial nie sesuai bagi korang yang nak buat list tutorial, freebies, exchange link & etc.



1.   Sign in blogger > Dashboard >  Template

2.   Press CTRL_F or F3 dan cari code </style>

3.   Then, copy code kat bawah nie.

a.nav{ box-shadow: inset 9px 0 0px 0 #000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:#000;
width:100px;
border:1px solid
-webkit-transition: 1.0s; -moz-transition: 1.0s; margin:1px; display:inline-block; text-align:center; background: #fff; color:#000; width:100px; border:1px solid #000000;
border-left:20px solid
border-left:20px solid #000000;
width: 200px;
overflow: hidden;
 }
a.nav:hover{
box-shadow: inset 850px 0 0px 0
width: 200px; overflow: hidden;  } a.nav:hover{ box-shadow: inset 850px 0 0px 0 #FFFFFF;
color: #555;
}
color: #555; }

4.   Paste kat atas code yang korang cari tadi.

5.   Next, copy code nie pulak.

<a class="nav" href="LINK">TITLE</a><br/>


6. paste kat mana yang korang nak.
7. Then, preview dan save.


oren : code warna
hijau : link / URL
merah : tajuk / ayat korang



Post a Comment

Asslamualaikum~
thanks for the comments. no harsh word ok. :)


Newer Post
Older Post