En keksinyt tälle parempaa nimeä, sillä rehellisesti sanottuna en
tiedä, mikä tämän efektin nimi on. Osa teistä on kuitenkin
varmaan törmännyt blogeissa oleviin nuoliin, kolmioihin tms., jotka
ilmestyvät blogin oikeaan alareunaan sivua scrollattaessa alaspäin.
Ja siitä kun klikkaa, sivu scrollautuu nopeasti ylöspäin.
JA MITEN SAAT BLOGIIN?
1. Sinulla täytyy olla kuva, mieluiten läpinäkyvällä
taustalla varustettu.
2. Lataa se johonkin kuvapalveluun, vaikka Photobucketiin.
3. Ulkoasu -> lisää gadget -> HTML/JavaScript.
4. Lisää tyhjään kenttään alla oleva koodi:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#rb-top").fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='rb-top' style='display: none; position: fixed; bottom: 14px; right:14px; cursor:pointer;font:14px arial;'><img src='www.kuvasikaunisosoite.fi' width="45px" height="55px"/></a>
5. Lisää kuvasi osoite sille tarkoitetulle paikalle. Pikselilukuja voit
jälleen kerran muokata mieleiseesi. Ne vaikuttavat kuvan
kokoon sekä marginaaleihin (miten kaukana kuva on esim.
vasemmasta reunasta...).
6. Lopuksi tallenna! Suosittelen laittamaan kyseisen gadgetin
alimmaksi gadgetiksi, jotta juttu toimisi parhaiten.
xoxo iltsu
