Tutorial: Cbox Muncul Bila Kursor Menyentuh / Cbox Appeared When Cursor Hover

Assalamualaikum

For example, like this.

//Before and after cursor hover. (Ignore the Jad. It's me. =3 )

Just copy these codes.

<centre><style type="text/css"> .navs { width:100%; height:195px; 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:195px; width:95%;} #outside1 { border:0px solid #444; background-image:url('PICTUREURL'); background-color:#555;} </style> <div class="outside" id="outside1"> <div class="navs"> CBOX CODE</div> </centre></centre></centre>

Blogger Template
Blogger --> Layout --> Add A Gadget --> Add HTML/Javascript --> paste in those codes -->Save

Blogskin
Blogger --> Template --> CTRL + F search for 'CODE' because I bet there's a space for CBOX, right? ;) --> Paste in! --> Save

Edit

PICTUREURL

CBOX CODE 

Credit to: Kak Aisyah