tutorial:nk buat floating 'back to top' n home button

assalamualaikum...
hah!memandangknnayie x de cite nk kongsi,
nayie nk buat tutorial la...
bru la rmi nk dtg blog nayie kn?
ari ni kte mle yg sng dlu...
sbb ny kn 1st time nayie wat tutorial...
ok2..meh nayie nk ajo nyh...

step 1:kowg kne pegi kat Design>Add a Gadget>HTML/java script
step 2:kowg copy code kat bwh nyh:

<a href='#' style='position: fixed; right: 1px; bottom: 260px;' title='back to top'><img height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Fhpu4Z3WWv3kurIEuSR4AWE4Yhf2qHs1allJCtxMCm24tInD-I4hyphenhyphengsNy6GcUSn09WUYz8jnNqCq7vDGR5NQyIvVZBvRBZG-WVHY5_3_XwVEr71S94ugW3IgukM-JkItMfQxd70UWkw/s320/up.png" width="21" /></a><a href='http://nayliidzwati.blogspot.com/' style='position: fixed; right: 1px; bottom: 287px;' title='home'><img height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8AtZ9ySgtBC5TCYsJWWE7_vzMMZ6XqXzVK4TJdlEc5-yDtBa2Pc3iFh2rBd4ZLTBTa3QnDOWGZ1Vo4EP0rA6S0-niT19zM5Gp0byZy4Vm-q7aYiFfL1BSnagb9wkFI8nCLld8G_q9_cg/s320/home1.png" width="21" /></a>

step 3:paste kat dlm HTML/java script 2...
step 4:save!!siap!!

taadaaaa~tgok la...
ah,jap2..ad pesanan nyh...
*yg wane merah 2,kowg bleh tukar kalu nk tukar kedudukan button 2...
 *sbelom save code 2,tukarkn tulisan wane biru 2 jdi kowg pnye blog url..

ok2..2 je pesanan die...
selamat mencuba!
kalu x jdi,
comment tau...nnty nayie check balik...


P/S:copy=Ctrl+C

Thanks for reading :)

No comments:

Post a Comment

don't write nasty word!!

Related Posts Plugin for WordPress, Blogger...