TUTORIAL : Top Button


Assalamualaikum . hari ni princess teddy nak buat tuto back to top button . Alaa , yang kalau tekan nanti terus secara matematik automatik akan scroll ke atas sampai top .
tapi sebelum tu , cuba korang click SINI :P . *jangan marah naa~*

\one/
Dashboard ---> Design ---> Edit HTML

\two/
cari code   ]]>

\three/
Paste code ni di ATAS code  ]]> tadi .
/* to top */#toTop { width:100px; text-align:center; padding:5px; position:fixed; bottom:10px;right:10px; color:#666; text-decoration:none; filter:alpha(opacity=100); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; } 

\four/
cari pulak code

\five/
dah jumpa ? sekarang copy and paste code ni di BAWAH tadi


<a href='#' id='toTop'><center><span class='Apple-style-span' style='color: rgb(255, 204, 204); '/></center><img src='URL TOP BUTTON' style='border:0;'/></a>
</html>



then , masukkan saje URL TOP BUTTON yang korang suka . sama ada nak buat sendiri atau ambil je mana mana url animated gif yang korang berkenan .

dah , boleh preview and save :D


Photobucket

No comments:

Post a Comment

Sila tinggalkan komen anda.. =)