Tutorial Blog

A girl

Hello earthlings :* Hah,I know why you go to this section,did you want to know me ? YES ? Great :).My full name is Ainnur Nadhirah binti Sor. You can call me either Ainnur or Dirah ^^ Both of them is my nickname :) I'm only fourteen. I born on 26 October 2001.Kota Tinggi ,Johore is my hometown,yaww :3

I'm studying in SMK Tun Habab.Where is it ? Arrggh,it's in Kota Tinggi,Johore.I've be a prefect victim but I lovveee to be a prefect ^^ I really hope that I'll be a friendly and kind prefect :b Lol.

I start blogging since December 2012.Seriously,my blog on 2012 is really hideous.On 2012,I don't know how to use code,how to change the code,how to upload photos and others.But I work hard and puppp,I can change the code,use the code,make blog look nice,tidy.On 2012,I always took tutorials on others blog because I don't know how to make own code.But now,I can make by my on self.Just type and wuhhhuu I make a widget with my own :D

Ok,I think that's all.I can imagine that you're really tired and lazy read my long essay just about me xD Thanks ya c':

Love,∞ Dirah ∞

Thanks again x.x

Linkies

1.Put my name as Dirah
2.Tell me in cbox
3.Your URL blog changed?Tell me in cbox

Exchange Links

Dirah NAME NAME NAME
NAME NAME NAME NAME
NAME NAME NAME NAME
NAME NAME NAME NAME
NAME NAME NAME NAME

Exchange banner

OTHERS

Tutorial : Image Hover *1

Friday 2 August 2013 | 15:13 | 4000 comments

Assalammualaikum..Wow!Awalnye dah buat tuto..baru kul 6.06 .. tdi lbih sahur trus mbik laptop dari bilik angah xD..

k..ari ni dirah nk tunjukkan tuto ttg image hover :D

TEMPLATE DESINGER
1.Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2.Press Ctrl + f serentak. cari code ni /* Header
3.Copy code bawah ni

/*------ IMAGE ANIMATION------*/img, a img { border: 0px; opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }

4.Paste dekat atas code /* Header
5.Preview & save.

BLOGSKIN
1.Dashboard > Template >
2.Press Ctrl + f serentak.Cari code ni img { kalo x de yg tuh..kowg cari nie .img {
3.Copy code bawah nie..

border: 0px; opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }

4.Paste dekat atas bawah code img { or .img {
5.Preview & save.

Labels: hover, image, image hover, tuto