Hover Image*6
Assalammualaikum !!! Ari nie kat ganu II .. I think I want to jump as high as I can !
pahal dirah tetibe brsmngt nie ?!!! Halnye adelah kerane dirah kat kmpg sepupu yang ade line .. sblum nie x de line lngsg kat ganu ( umah moyang ) sedih T________________T !!! K nah ! Hover image with words
Hover it :
Template Designer :
i.) Dashboard --> Design --> Page Elements --> Add a Gadget ---> Html/Javascript
ii.) Paste dekat Html/Javascript
ii.) Preview and Save !
Blogskins :
i.) Design --> Template --> Edit Html
ii.) Copy semua code dekat bawah dan paste dekat bawah </style>
iii.) Preview and Save !
<style type="text/css">.navs {width:100%;height:114px;padding-top:3px;padding-bottom:3px;margin-top:0px;font-size:11px;font-family:arial;text-align:center;opacity:0;color:#777;background-color:white;-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.navs a {color:white;}
.outside:hover .navs {opacity:1;}
.outside {float:left;margin-right:2px;height:120px;width:95%;}
#outside1 {border:5px solid #444;background-image:url('URLIMAGE');background-color:#555;} </style>
<div class="outside" id="outside1"><div class="navs">YOUR WORDS</div></div>
ABC : Url Image
ABC : Ayat Korang
Labels: ade mood!!!!, cite serdahana pnjg, hover, image, image hover, tuto
Hover Image*6
Assalammualaikum !!! Ari nie kat ganu II .. I think I want to jump as high as I can !
pahal dirah tetibe brsmngt nie ?!!! Halnye adelah kerane dirah kat kmpg sepupu yang ade line .. sblum nie x de line lngsg kat ganu ( umah moyang ) sedih T________________T !!! K nah ! Hover image with words
Hover it :
Template Designer :
i.) Dashboard --> Design --> Page Elements --> Add a Gadget ---> Html/Javascript
ii.) Paste dekat Html/Javascript
ii.) Preview and Save !
Blogskins :
i.) Design --> Template --> Edit Html
ii.) Copy semua code dekat bawah dan paste dekat bawah </style>
iii.) Preview and Save !
<style type="text/css">.navs {width:100%;height:114px;padding-top:3px;padding-bottom:3px;margin-top:0px;font-size:11px;font-family:arial;text-align:center;opacity:0;color:#777;background-color:white;-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;} .navs a {color:white;} .outside:hover .navs {opacity:1;} .outside {float:left;margin-right:2px;height:120px;width:95%;} #outside1 {border:5px solid #444;background-image:url('URLIMAGE');background-color:#555;} </style>
<div class="outside" id="outside1"><div class="navs">YOUR WORDS</div></div>
ABC : Url Image
ABC : Ayat Korang
Labels: ade mood!!!!, cite serdahana pnjg, hover, image, image hover, tuto
|