Rullande bilder eller text

Rullande bilder och rullande text... Lite förvirrande är det...




Rullande bilder eller text på bloggen kan upplevas som både engagerande och rörigt, det beror på vad besökaren föredrar. En rullande textremsa under headern kan meddela något viktigt som bloggägaren inte vill att besökaren ska missa och rullande bilder i ett inlägg eller en gadget kan vara utrymmesbesparande. Men - kom ihåg att det inte uppskattas av alla!

Men, hur gör man då?

Börja med att bestämma vart du vill att dina bilder eller din text ska ligga.
I en gadget i sidebaren eller i ett blogginlägg?
Om du vill ha en text/bild i en lång gadget under din header men inte har en bloggmall med den valmöjligheten kan du kika här hur du lägger till en sådan gadget.

Om du vill använda en gadget - välj HTML/Javascript.
Om du vill lägga remsan i ett inlägg, välj Redigera HTML-läget.


Om du vill ha en rullande bildremsa, klistra in följande kod.

<div class="widget-content"><marquee direction="down"><center><a href="ADRESSEN_DU_VILL_LÄNKA_TILL"><img src="BILDENS_DIREKTLÄNK_HÄR" /></a><br><a href="ADRESSEN_DU_VILL_LÄNKA_TILL"><img src="BILDENS_DIREKTLÄNK_HÄR" /></a><br><a href="ADRESSEN_DU_VILL_LÄNKA_TILL"><img src="BILDENS_DIREKTLÄNK_HÄR" /></a><br><a href="ADRESSEN_DU_VILL_LÄNKA_TILL"><img src="BILDENS_DIREKTLÄNK_HÄR" /></a></center></marquee></div><div class="clear"></div>

Den här koden ger utrymme för fyra bilder. Om du vill ha fler bilder klistrar du in fler delar av den här koden:

<a href="ADRESSEN_DU_VILL_LÄNKA_TILL"><img src="BILDENS_DIREKTLÄNK_HÄR" /></a>

Den nya adresslänken ska ligga precis efter den sista likadana kodsnutten, var noga när du klistrar in den.

Du kan nu välja om du vill länka varje bild till en websida (kanske ett visst blogginlägg som handlar om bilden eller en annan blogg/websida) Det är inte nödvändigt att länka bilderna, du kan låta den här raden vara som den är.

Ser du att det på första raden i koden står direction="down"?
Du kan byta ut ordet down mot up, beroende på åt vilket håll du vill att bilderna ska rulla.


När du har laddat upp dina bilder hos den webhost du föredrar (t.ex. Photobucket) kopierar du den första direktlänken och klistrar in den på den första raden i koden där det står BILDENS_DIREKTLÄNK_HÄR. Fortsätt med nästa bilds direktlänk och så vidare tills du är klar. Du kan nu spara din gadget/ditt inlägg.


Om du tycker att det här verkar rörigt eller känner att bilderna rör sig för ryckigt (vilket jag kan känna personligen) så rekommenderar jag att du lägger in ett bildspel istället, hur du gör det kan du läsa här


Om du istället vill lägga in en rullande text ska du använda dig av följande kod i din gadget/ditt inlägg. Fortfarande är det HTML-läge/gadget som gäller.

<br /><br /><marquee>DIN_TEXT_HÄR</marquee><br /><br />

Byt ut DIN_TEXT_HÄR mot texten du vill ha!

Spara din gadget/ditt inlägg.