Tutorial : Top-Hover Cbox

 

Tutor Di Request Diyana . :3 belajar tutor tanpa bosan :)

Assalamualaikum hari ini nak ajar sedikit ilmu okay . Jum mula 

bagi pengguna Template design tolong paste code di Add Gadget okay ;)
Credit For Afiqah for hover

• Pergi ke Dashboard dan Template
• search code </style> *pastikan code ni asli bukan code yang lain sbb biasa ad dua code nih .
• pastekan code di bawah ini di atas code </style> tadi ye 

<style type="text/css"> .boxer { width: 250px; height: 200px; margin-top: -130px; position: fixed; left: 50px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; z-index: 100; top: 0px; } .boxer:hover   { margin-top: 0px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; } .box           { width: 250px; background: #fff; color: #5E5E5E; padding: 0px; overflow: hidden; height: 130px; } .close         { text-transform: lowercase; top: 130px; font-size:15px; position: absolute; background: #FFAEBC; color: #777; padding: 5px; width:150px; font-family:kinkee; text-align:center; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; left: 50px; } .close  e, .boxer:hover f   { display: inline; opacity:.8; } .close  f, .boxer:hover e   { display: none; opacity:.8; } </style> <div class="boxer"><div class="close"> <e>Message!</e> <f>send!</f> </div> <div class="box"><table><td><td> </center> <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/24576/Soko_-_Take_my_heart.mp3&t0=greywhite&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> <div style="background:url(http://i.imgur.com/JiF9n.png); background-repeat:no-repeat; background-position:right;"><center>LetakCboxkorang</center></div>. <img src="http://i50.photobucket.com/albums/f333/sarahkawaii/blogger%20emoticons/Untitled-9-1.png" />Leave a Footprints<center/> </td></tr></table></div></div>

*Extra : korang kena gantikan Cbox korang and pastikan private ! and then nak tukar ayat Leave A footprints pun boleh okayy :3 Terima kasih komen Assalamualaikum .