Blogspot-tips: Hvordan lage tre kolonner
Noen få timer etter at jeg skrev om denne posten så ble jeg gjort oppmerksom på at blogger har kommet med noe nytt!
Du kan nå få tre kolonner helt uten å fikle i kodene. Det er ikke helt stabilt og fungerer ikke på alle nettlesere, men muligheten er der altså. Les mer her om blogspots nye mal-valg.
________________________________________________________
Posten ble i mars 2010 fullstendig omskrevet med klarere illustrasjoner. Håper den nå er enda enklere å følge.
Gi meg gjerne tilbakemelding om det er noe i forklaringen som er uklart og kan gjøres bedre.
Denne posten handler om hvordan du kan sette til en tredje kolonne i din blogspotmal, med utgangspunkt i minimamalen. Det er ikke direkte vanskelig, og du trenger ikke kunne noe som helst om HTML, men krever at du er nøyaktig og ikke får fnatt av å stirre på HTML koder.
Dette ser kanskje langt og vanskelig ut. Men grunnen til at det ser så langtekkelig ut er fordi jeg har vært helt absurd detaljert med forklaringene slik at alle skal kunne få det til. Så ikke la lengden på posten avskrekke deg!
Jeg har delt gjennomgangen inn i tre trinn, slik at det forhåpentligvis virker mer forståelig. Jeg anbefaler at man lagrer mellom hvert ledd, det gjør det enklere å forstå hva man eventuelt har gjort feil. Dersom det blir feil, og du ikke skjønner hva du har gjort feil så gå helt tilbake til start og prøv på nytt. Det er ofte lettere enn å finne igjen det lille kolonet som er på feil plass. (mer…)
Blogspot: Hvordan sette element ved siden av hverandre
* Tekst ved siden av bildet får du ved å velge venstre eller høyre når du laster opp bildet.
* To eller flere bilder ved siden av hverandre har jeg forklart her
Men, det er også kjekt å kunne sette tekst ved siden av en video eller avstemning slik som jeg ofte gjør. For å få til det må du skrive inn en liten kodesnutt, mens du står i Html (i skrivevinduet)
Der det er markert rosa limer du inn koden til for eksempel videoen
margin-right:10px gir en margin (luft) på høyre side,
margin:10px gir margin rundt hele.
Float:left betyr at den orienterer seg på venstre siden.
Koden kan også brukes til å lage kolonner
Dette kodetipset fikk jeg av Hypartia på hagegal, tusen hjertlig takk :)
Klikk her for flere blogspot bloggtips
Bloggtips: Bilder på blogspot og picasa nettalbum
Når du setter inn bilder i bloggen ved å laste de opp med Blogger (blogspot) så legges de i et eget picasaalbum.
Dette albumet har samme brukernavn og passord som bloggen din, og har samme fungsjonalitet som andre picasaalbum på nettet. Klikk her så kommer du til picasa nettalbum, logg deg eventuelt inn for å få opp ditt album. Albumet er i utgangspungtet kun åpent for deg som er administrator.
Bildene du laster opp til bloggen legges inn der i den størrelsen det lastes opp (maks 1600 pixler), og det lages også automatisk en rekke mindre størrelser av bildet som så lenkes inn i innlegget ditt (bildet krympes). Bilder finnes da i følgende størrelser, piksler på lengste side: 72, 144, 200, 320, 400, 512, 576, 640, 720, 800, 912, 1024, 1152, 1280, 1440 og 1600. (mer om piksler) (mer…)
Blogspot: Hvordan sette inn bilder i bloggen
Samme fremgangsmåte både i innlegg og i gagets mm
På symbollinjen finner du denne knappen
Sett markøren i skrivevinduet, trykk på symbolet, opp kommer ett lite vindu, (kommer det ikke så trykk en gang til). Vinduet ser neppe likt ut som mitt, det avhenger av nettleser. (mer…)
Hvordan få større bilder i innlegg
Det finnes sikkert flere ulike måter å få større bilder enn standardbildene i bloggspot, her er den jeg bruker og som jeg akkurat oppdaget. Det er ikke vanskelig, men det krever at du ikke får hetta av HTML kode.
Denne oppskriften forutsetter at du laster opp bildene fra maskina på vanlig måte, da legges de i ett picasaalbum.
Jeg laster altså inn bildene på vanlig måte, så går jeg i koden ( trykk rediger html). Ser du nøye på koden så ser du at det er to bildeadresser. Den første hopper du over, det er adressen til bildet du sendes videre til om du klikker på bildet. Det er den andre du nå skal endre. (mer…)
Så enkelt er det å starte en blogspot-blogg
Det geniale forumet Hagegal har i mange år hatt en dagboktjeneste for sine brukere. Hagegaldagbøkene skal nå desverre legges ned da de ikke fungerer mot ny versjon av forumet, og i den forbindelse så er det da mange brukere som må over på en vanlig bloggtilbyder i stedet.
Det er ikke alle som synes det er så ok å bare kaste seg ut i det og trykke på taster, så for de har jeg laget denne bruksanvisningen. Det er i virkligheten supergreit å lage en blogg og skrive innlegg, se bare her:
PS: Det finnes flere ulike steder man kan lage en blogg gratis, blogspot er etter min mening den enkleste, og det var der jeg startet selv. WordPress som jeg bruker nå har flere muligheter og er på mange måter bedre, men også mer komplisert. (mer…)
Blogspot: Endre bredden på bloggen
Jeg har endret bredden på bloggen min, her er noen tips om du har lyst til å gjøre det samme.
Bredde måles i pixler, og siden svært mange lesere har små skjermer eller stor oppløsning så bør du ikke ha en blogg som er bredere enn 1000 pixler.
Hovedfelt + sidefelt + noe mellomrom bør derfor ikke overstige 1000 pixler
Velg dine egene tall, prøv deg frem. Jeg har jobbet med Minimamalen (ikke strech). Prinsippet er det samme for alle maler med unntak av strech malene, men det ser nok ikke helt likt ut i kodene, det viktige er å finne tallene og bytte ut de, men om det er mønster i bakgrunnen så er det mer komplisert enn vist her. (mer…)
Blogspot: Hvordan lage lenker
Rasende enkelt faktisk :)
Skriv inn det du vil skal lenkes, marker teksten, før pila over symbolet jeg har markert med rosa, trykk- opp kommer det et lite vindu, lim inn adressen du ønsker å lenke til, ferdig :)
Hvordan lage en lenke i en kommentar
Dette er litt mer triksete, det finnes ikke noen knapp i kommentarfeltet for å lage lenke så du må selv skrive inn koden. (Jeg kan ikke skrive inn koden i innlegget – det gjøres om til en lenke, derfor bilde)
Sjøl synes jeg det er omtrent umulig å huske kodene, så jeg kopierer og limer. Feks kan du skrive koden på en huskelapp på maskina di og lime inn i kommentaren. Du kan også åpne opp en ny bloggpost, lage lenken, trykk på «Rediger HTML» kopier ut hele koden fiks ferdig. (Posten bare sletter du etterpå).
Her har du flere tips til bloggere
Blogspot: Hvordan sette inn to bilder ved siden av hverandre.
1. Trykk her for å få mulighet for å laste opp flere bilder, du kan laste opp fra maskin eller fra nett spiller ingen rolle.
2. For å få til å sette flere på en linje, velg «ingen».
3. Bestemmer størrelsen på bildene, husk at blogspot skalerer automatisk etter lengste bredde/høyde. Du får ikke til å sette inn flere bilder i bredden om det ikke er plass, så frem til du er sikker på hva du driver med så velg en liten størrelse ;)
4. Last opp.
Foreløpig ligger bildene på hver sin linje
For å få de på samme linje så må du slette linjeskiftet som er mellom bildene. Det enkleste er å gå til rediger HTML fanen, også slette mellomrommet der. Sett markøren mellom de to bildene, der det er en lilla strek, og slett så linjeskiftet. For å finne dette i teksten din, let etter der det står <a onblur= Det er starten på ett innsatt bilde.
Du kan også slette det i visuellvinduet, det er dog litt fiklete og fungerer ikke likt på alle nettlesere, så du må prøve deg frem, men jeg markerer bildet, piler en til venstre og trykker så på bakoverslett-tasten på tastaturet.
Når du har slettet linjeskiftet så kan du sette inn et mellomrom så blir det penere og luftigere.
Bildene skal nå være på samme linje med mindre bildene er så store at det ikke er plass til de på samme linje. Dersom du bruker en bredere mal eller strech så kan det også være at skrivevinduet er smalere enn selve bloggen er, publiser og se hvordan det blir seende ut før du tror du har gjort noe galt ;)
Slik blir det seende ut med to bilder ved siden av hverandre:
Håper dette er forståelig, om ikke så spør i kommentarfeltet. Lyst til å lære mer? Bloggtips
14. juni 2009. Posten er renovert med bedre forklaring.
Blogspot: Hvordan kommentere i blogspot-bloggen
Jeg veit det er enkelte av dere lesere som ikke er blogspotbloggere som har problemer med å få til å kommentere, så her er en bruksanvisning:
Dersom du trykker der det står kommentar, eller på tittelen på posten så kommer du til en side hvor du kan lese posten og eventuelle kommentarer. Under posten finner du et tomt felt, her kan du skrive inn det du skulle ønske.<
1: Skriv inn kommentaren
2: Trykk der det står velg profil, velg navn/nettadresse, da kommer det opp ett nytt vindu
3: Fyll inn navn
4: Fyll inn nettadresse om du har det, har du ikke så lar du det stå blankt
5: Trykk på fortsett
6: Trykk på knappen «Legg inn kommentar»
Oppdatert: Dette er bare ett av tre mulig oppsett på blogspot, dessuten så denne bloggen ikke lenger på blogspot og har ett annet kommenteringssystem.
Siste kommentarer
Anne på Mai-prosjektene: Jord, tredekke, tuntre, dam, screen og gjerde!
hilde på Mai-prosjektene: Jord, tredekke, tuntre, dam, screen og gjerde!
Hege på Mai-prosjektene: Jord, tredekke, tuntre, dam, screen og gjerde!
Harald på Mai-prosjektene: Jord, tredekke, tuntre, dam, screen og gjerde!
Anni Hågøy på Norske hageblogger
Velkommen til Moseplassen!
Moseplassen er en plass for inspirasjon, informasjon og glede om hagen. Jeg heter Anne Havåg Holter-Hovind og bor i et villastrøk i Oslo ...les mer
Utvalgte poster: Spennende vårblomstring (klikk på bildene):
