Tutorial - Pop out box *classic template/blogskin template
Tanpa membuang masa,jom kita start :)
- mula-mula Ctrl + F,nanti ada kotak kecil kat atas tu keluar kan,then korang tulis kat kotak tu "</style>"
dah jumpa,bagus..Then korang copy code dekat bawah nee,and korang paste kan code bawah nee sebelum </style> tadi..
.lalo{font-family:trebuchet ms;font-size: 11px;text-align: left;position: absolute;top: 260px;width: 440px;height: 350px;padding: 10px;border-radius:10px;background:#f5f5f5;overflow-y: scroll;overflow-x:hidden;}
- Dah siap,goodgood :D..Then korang copy pulak code dekat bawah nee and pastekan selepas code "</style>" tadi..
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".lalo").hide();
$(".lalo-click").click(function(){
$('.lalo').slideToggle("1s");
return true;
});
});
</script>
Click <a class="lalo-click" style="color:#ffffff;cursor:crosshair; -webkit-transition:.5s; -moz-transition:.5s;font-family: denne etude;
font-size: 24px;">here</a> to know more about the webmaster ♥
Yang Dyra buat warna macam ni korang tukarkan kepada ayat korang sendiri kay..We're not done yet :)
- Then korang Ctrl + F and dia akan keluar kotak kecil kat atas tu kan,then korang type dekat kotak tu "</body>"..Then korang copy code dekat bawah ni and pastekan selepas code "</body>" tadi :)
<div class="lalo"><div class="title">The Lady ★</div><center><img src="http://i1205.photobucket.com/albums/bb427/DyraNadhirah/PICT0167edited-1.jpg"border=0></a></center><br>Replace with your photo :) My photo is ugly,hahah :)<div>★ Heyyo,I'm Nur Nadhirah <b>Nizarudin</b>,Dyra for short..I'm eleven..Replace this with yours :)<div>★ Write here :)<div>★Write here :) <div><br><b>bold</b> <i>italic</i> <u>underline</u><div></div>
So,kita dah siap..Dyra harap korang suka dengan tutorial nee,apa-apa comment kay :) Good Luck :)