søndag 15. mai 2011

Gjør bloggen mobil- & nettbrettvennlig

Når noen leser bloggen din med mobil eller nettbrett vil en forenklet utgave av innlegg vises! Større bilder, enklere å kommentere og navigere rundt. Bloggen din vil laste raskere, bilder og tekst tilpasser seg skjermen perfekt!

- Logg inn på bloggen din via Blogger Draft (der blogger tester ut nye ting til bloggen)
- Gå til innstillinger for den bloggen du vil gjøre mobilvennlig
- Gå til epost og mobil
- Under mobilmal (beta) hak av;

Ja, vis denne mobile versjonen av malen min på mobile enheter

- Klikk 'lagre innstillinger' helt nederst

Nå vises bloggen din enkelt, rent og pent på mobilder og nettbrett. Det er enkelt å kommentere, bilder og tekst er store.

Skulle dine lesere ikke like det, kan de enkelt gå tilbake til bloggen som den er ved å klikke 'Vis nettversjon' helt nederst!

mandag 28. februar 2011

Hvordan legge til facebook liker knapp i hvert innlegg

Vil du ha en likerknapp i hvert blogginnlegg på bloggen din?
  • Gå til http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html for å lage din Liker knapp, prøv deg frem med de forskjellige typene og utsende. 
  • PS! Skal du ha liker knappen på hvert innlegg må du velge: Display > Everywhere
  • Merk og kopier koden i boksen
  • Gå så til Utforming > Rediger HTML > Velg sjekkboksen 'Utvid widget maler'
  • Ta en backup av malen din før du begynner å endre, ved å klikke på linken 'Last ned hele malen' øverst. Da har du en backup hvis noe skulle skje. 
  • Så skal du sette inn koden, søk etter følgende strofe i den store boksen med hele htmlkoden:

  • Umiddelbart etter strofen over skriver du:

  • Rett etter strofen over limer du inn koden du kopierte i punkt 3
  • Klikk forhåndsvis for å se hvordan det ser ut på bloggen din!
  • Hurra, nå har du likerknapp på bloggen din! :)


      fredag 25. februar 2011

      Hvordan legge til facebook liker boks for bloggsiden din

      I) Få din Facebook-side URL

      1. Besøk Facebook og gå til siden din.
      2. Kopier url-adressen i adressefeltet (maker > høyreklikk > kopier)

      II) Konfigurer Liker boksen


      Gå til Facebook Liker boks konfigurasjonsside (link). Du vil se en konfigurasjon boks, som dette:




      1. Nå limer du din URL (som du kopierte i steg 1) inne i Facebook Page URL tekstboksen.
      2. Angi andre parametre som bredde, høyde og stream. Den Forhåndsvisning på høyre vil oppdatere seg selv som du skriver endringene.
      3. Klikk Get Code knappen når du er ferdig. Du vil bli gitt to koder, med tittelen iframe og XFBML. Du trenger bare den XFBML koden.
      4. Kopier XFBML koden 
      5. I Blogger, gå til Utforming > Klikk 'Legg til gadget' > Velg HTML / Javascript gadget og lime inn koden i innholdet boksen.
      6. Lagre og flytt boksen der du vil se facebookboksen i bloggen din.
      7. Nyt!

      søndag 20. februar 2011

      Hvordan ser bloggen ut i de forskjellige nettlesere?

      En genial funksjon for å se hvordan bloggen din fungerer i de forskjellige nettleserene.


      Picasa nettalbum

      Som skrevet under lagres alle bilder i picasa nettalbum, dette skjer for at bilder skal kunne vises i blogginnlegg, de må lagres et sted. Derfor er det viktig å huske at om du sletter bilder, innlegg eller hele bloggen din vil bildene du har lastet opp i innlegg bli liggende i picasa nettalbum til du sletter dem der. Er albumet åpent for offentligheten vil bildet kunne vises på internett og google, men dette kan du velge å gjøre privat.

      Sjekk om dine picasaalbum er private eller offentlige (avhengig av ønske):

      • Klikk på 'Min konto' øverst til høyre
      • Klikk på linken 'Picasa nettalbum'
      • Der har du oversikt over alle bilder og album knyttet til blogspotkontoen din
      • Klikk på et album
      • Klikk på 'Rediger'
      • Klikk 'Albumegenskaper'
      • Under 'Tilgjengelighet' velger du det du synes passer dine bilder og album. Dette sier picasa om disse funksjonene:
        • Offentlig på nettet: Alle på internett kan dinne og få tilgang. Det kreves ingen pålogging. Vises i det offentlige galleriet ditt. 
        • Alle med koblingen: Alle som har kobling (www adressen til albumet) har tilgang. Det kreves ingen pålogging. 
        • Privat: Bare personer som har fått uttrykkelig tillatelse, har tilgang. Det er nødvendig med pålogging.

      Når du sletter et innlegg med bilder får du spørsmål om du også vil slette bildene fra Picasa nettalbum, hak av for de bildene du vil slette om du ønsker det. Da blir de også slettet i nettalbumet.

      Lagringsplass

      Blogger har 1GB gratis lagringsplass pr bruker. Den lagringsplassen blir mindre og mindre jo flere bilder du har lastet opp på bloggen din. Alle bilder du laster opp i bloggen blir lagret i et picasa nettalbum, og kan etter en tid bli full. Det kan være veldig frustrerende å oppleve dette, fordi det er mange som ikke er klar over at bildene blir lagret slik. Skulle du få beskjed om at lagringsplassen er full, kan du oppgradere med større plass for en liten sum penger pr år. Hvor mye kommer an på hvor mye plass du trenger, men med 20GB holder det lenge. 

      For å finne ut hvor mye lagringsplass du har igjen, gjør følgende:

      • Trykk på 'Min konto' øverst til høyre
      • Finn 'Picasa nettalbum' og trykk 'Innstillinger'
      • Trykk 'Lagringsplass'
      • Ser du at det begynner å bli fullt, kan du trykke på 'Oppgrader lagringsplassen' og følg stegene.

      Dette er uansett noe du får beskjed om når det begynner å bli fullt. Får du problemer med å laste opp bilder så er mest sannsynlig den gratise lagringsplassen oppbrukt og du får spørsmål om å oppgradere.

      Noe som også kan være smart er å gjøre bildene mindre før du laster de opp på bloggen. Bilder tatt med kamera er store, og tar mye plass. Du kan bruke mange gratisprogram til dette, bl a Picasa eller Photoscape. Jeg endrer alltid mine bilder før jeg evt redigerer å legger ut, til å være for eks 700px bred og 1050px høy. Det gjør også at redigeringen går raskere!

      mandag 19. juli 2010

      Slik finner du de gamle bloggmalene

      Blogger har nå kommet med ny malvelger for utseende på bloggen, der du har veldig mange muligheter. Jeg har fått hendvendelser fra bloggere som savner de gamle malene og jeg synes det var synd de hadde tatt de bort, men det har de ikke. Man kan bare ikke velge dem fra samme plass som før.

      Om du ønsker noen av de gamle malene som blogger kunne tilby før gjør du slik:

      • Gå til Utforming - Rediger HTML - Scroll deg til nederst på siden - Trykk på linken der det står: Velg formgivningsmal - Velg malen du ønsker!

      Da får du opp de gamle malene og når du da bytter beholdes alle bilder - linker - blogglister osv som du har lagt til i kolonnen/ene.

      fredag 28. mai 2010

      Hvordan legge til favicon - Bilde øverst ved www adressen/navnet på bloggen din

      - Gå til denne siden: http://www.favicon.cc/?action=icon_list&order_by_rating=1
      - Finn den faviconen du vil ha og trykk på linken/navnet til den
      - Nede på siden står det hvordan du legger den til siden din, du skal bruke den nederste koden av de to, der bildelinken allerede ligger i koden
      - Gå så til bloggen din - utforming - rediger html og kopier inn koden rett under < head > som du finner langt oppe i html-koden.
      - Trykk lagre.

      Det vil gjerne ta litt tid før bildet kommer, til meg tok det veldig lang tid. Hvorfor vet jeg ikke, men vent å se litt om bildet dukker opp etterhvert.

      mandag 15. mars 2010

      Blogger har kommet med nye designmuligheter

      Nå har blogger endelig kommet med en ny fantastisk løsning på å lage egne maler til bloggen. Både 3 kolonner, 2 kolonner uten å måtte tukle med html-koding osvosv. For å teste ut dette må du være i prøveversjonen av blogger, så det kan ennå være noen barnesykdommer. Her kan du se en video av hvilke muligheter du har:



      For å bruke denne malvelgeren gjør du følgende:
      • Under oversikt-siden, nederst på siden har du kolonnen Verktøy og Ressurser
      • Trykk på linken Prøveversjon av blogger
      • Da ble headingen på oversiktsiden blå
      • Trykk utforming
      • Så har du ny link som heter malutforming
      • Da er du inne i redingeringsvinduet og slipp fantasien løs uten hodebry for HTML-koder osv!
      • Kan lønne seg og lage en testblogg først!

      onsdag 3. mars 2010

      Hvordan få eget domene (for eks .com adresse)

      • Gå til innstillinger - publisering
      • Trykk på tilpasset domene
      • Skriv inn ønsket adresse og sjekk tilgjengelighet
        • Følg så videre steg

      fredag 26. februar 2010

      Hvordan linke til annen nettside i innlegg og i kolonne

      • Skriv innlegget ditt
      • Marker teksten du ønsker skal linke til annen nettside
      • Trykk så på kobling i verktøyfeltet (ny red.program) eller trykk på globusen med evighetstegnet (gmlt. red. program)
      • Skriv så inn nettadressen du ønsker teksten du markerte skal linke til
      • Trykk OK
      For å linke til for eks giveaway med bilde i kolonnen:
      • Gå til utforming
      • Legg til gadget - Bilde
      • Skriv i tittel, for eks: Giveaway hos Noe på Hjertet
      • Legg inn adressen til givawayen i koblingsruten
      • Last opp bildet du vil skal linke til giveawayen
      • Trykk Ok

      Endre bakgrunnsfarge på bloggen enfarget og tofarget


      onsdag 24. februar 2010

      Hvordan forhåndsinnstille blogginnlegg

      Man kan bestemme om et blogginnlegg skal publiseres med en gang man skriver det eller om man ønsker å publisere det frem i tid. For å gjøre det gjør du følgende:
      • Først må du forsikre deg om at bloggen din har rett innstillt tidssone
      • Gå til Innstillinger - Formatering - Tidssone
      • Scroll i listen til du finner Oslo
      • Så skriver du innlegget du skal skrive
      • Så trykker du på Alternativer for innlegg (under innleggsruten)
      • Bruker du det nye redigerinsprogrammet: Må du trykke på Planlagt der det står Dato og tid for innlegg. Der bestemmer du dato og tid du vil at blogger poster innlegget. Bruker du det gamle redigerinsprogrammet er det bare å endre den dato og tid som står under Innlegg dato og tid.
      • Når du har bestemt dato og tid blogger skal poste innlegget trykker du Publiser innlegg
      • Da vil blogger automatisk publisere innlegget når du har bestemt det
      • Du kan forhåndsinnstille så mange innlegg du ønsker

      Hvordan få navigeringsknapper


      Hvordan fjerne rammene rundt bare headeren

      • Gå til Utformin - Rediger HTML
      • Finn disse to avsnitt:
        #header-wrapper {
        width:950px;
        margin:0 auto 10px;
        border:1px solid $bordercolor; <-----
        }


        #header {
        margin: 5px;
        border: 1px solid $bordercolor;
        <-----
        text-align: center;
        color:$pagetitlecolor;
        }
      • Gjør om fra 1px til 0px
      • Trykk forhåndsvis før du lagrer, slik at du ser det ble rett

      Hvordan legge inn slike hjerter - ♥ - i teksten

      • Man må kopiere et slikt hjerte for så å lime det inn i innleggsteksten din
      • Når man ser et slikt hjerte ♥
      • Marker hjertet med musen
      • Høyreklikk og trykk kopier
      • Gå til innlegget ditt og trykk så lim inn der du ønsker å ha det
      • Dette må du gjøre hver gang du vil ha et hjerte ♥ i teksten
      Dette kan du også gjøre dette:
      • Det spørs hvilket tastatur man har, vet ikke når de startet med slike små blå ikoner som står på noen av de andre tastene. 
      • På nyere maskiner trykker man Fn + Alt og så et av de blå tallene for å få fram forskjellige tegn, som f.eks hjerte, smileansikt, sol osv. 
      • Hjerte er Fn + Alt + 3. Noen får det fram kun ved å trykke Alt + 3
      • Hvitt smileansikt er på Fn + Alt + 1
      • Svart smileanstik på Fn + Alt + 2
      • Sol på Fn + Alt + 14 osv osv...
      • På eldre maskiner trykker man Alt + 3(Pg Dn) 
      • Da er det altså de tallene på piltastene som brukes. Den maskinen har ingen blå tall.



        Hvordan gjøre innleggstittelen større/mindre

        Man kan ikke forandre fonten på innleggstittelen, men man kan forandre størrelsen.
        • Gå til Utforming - Rediger HTML
        • Finn dette avsnittet:
          .post h3 {
          margin:.25em 0 0;

          padding:0 0 4px;

          font-size:200%;
          <---- font-weight:normal;
          line-height:1.4em;

          color:$titlecolor;

          }
        • Forandre font-size oppover fra 200% om man vil ha større tekst, eller fra 200% og nedover for å minske innleggstittelen
        • Trykk forhåndsvis før du lagrer, slik at du blir fornøyd!

        Hvordan legge vannmerke på bilder


        Hvordan få ekstra store bilder


        Ekstra store bilder!
        Etter at blogger åpnet for at man enkelt kan endre bloggutseende kom også et nytt redigeringsprogram når man skriver innlegg. Det nye programmet gjør at man bl a kan ha ekstra store bilder på bloggen. Jeg tiltrekkes av blogger med store, fine bilder, det gjør den levende.

        For å kunne publisere ekstra store bilder gjør du følgende:

        • Endre bloggutseende (les hvordan over) slik at bredden på hele bloggen + sidefeltet er så stor at du får plass til store bilder. 1000px har jeg erfart at bloggen bør være, men prøv deg frem!
        • Se om du har nyeste redigeringsprogram for å skrive innlegg:
          • Klikk 'Innstillinger'
          • Klikk 'Grunnleggende'
          • Helt nederst på den siden har du valget under 'Velg redigeringsprogram for innlegg'
          • Velg 'Oppdatert redigeringsprogram'
        • Gå for å skrive innlegg
        • Velg bilde(r) du vil legge inn i innlegget
        • Trykk på bildet og klikk 'Ekstra stor'

        Et annet tips: Lagre bildene dine som .png istede for .jpg, det gjør at de blir enda finere på skjermen. Skriv i vei og vis store, fine bilder på bloggen din!

        Stort bilde fra mitt siste prosjekt - DIY Europallebord


        Hvordan få snøeffekt


        Legge inn video fra Youtube

        • Gå til www.youtube.com
        • Søk opp sangen du ønsker å legge ut i blogginnlegget ditt
        • Når du har funnet sangen og er på den siden der du spiller av har du under innlegget en knapp som det står trykk på den
        • Trykk i linjen som kommer med html- koden
        • Høyreklikk og kopier koden
        • Gå til innlegget du holder på å skrive
        • Høyreklikk og lim inn
        • Da har koden blitt limt inn, når du da poster innlegget skal sangen ligge der!
        Hvordan legge til bare avspillingslinjen og play-knapp av en Youtube-video i innlegget:
        • Gjør steg for steg som i oppskriften over, om hvordan legge til youtube video i blogginnlegget
        • Forandre høyden til 25 der jeg har ringet ut under:

        Om du gjør tilsvarende og justerer Width også får du avspillingslinje. Juster til ønsket lengde.

        Alicia Keys - Empire State of Mind part II - Avspillingslinje Width=300, Height=25

        Alicia Keys - Empire State of Mind part II - Avspillingsknapp Width=25, Height=25

        Få en bakgrunn

        • Gå til denne siden: http://www.thecutestblogontheblock.com/index.php
        • Trykk på Free Backgrounds
        • Finn bakgrunnen du liker. OBSOBS! Har du 3 kolonneblogg må du trykke på linken 3 column til venstre på siden. De andre passer bakgrunner passer derfor ikke til din blogg om du har det!
        • For å få bakgrunnen på din side følg disse instruksjoner:
        1. Logg deg på Blogger. Da kommer du til oversikten.
        2. Under bloggen du ønsker å endre bakgrunnen for, klikker du på Layout.
        3. Du er nå i "Legg til og ordne sideelementer" skjerm.Klikk "Legg til en gadget".
        4. Du er nå inne i "Legg til en gadget" skjerm. Bla ned til der det står "HTML / JavaScript". Siden av, klikker du på (+)-tegnet.
        5. Du er nå inne i "Konfigurer HTML / JavaScript skjerm". Under innhold vil du se en stor boks, lime hele følgende HTML-kode i denne boksen.
        6. Klikk "Lagre".
        7. Du er ferdig!
        • HTML koden du skal lime inne står nede på siden til bakgrunnen du har funnet.
        • Denne oppskriften står også på engelsk nedom hver bakgrunn.

        Hvordan legge til Google Translater

        • Gå til denne siden: http://translate.google.com/translate_tools?hl=no
        • Kopier og lim inn HTML-koden som er på den siden
        • Gå tilbake til bloggsiden din der du legger til bokser, og trykk "Legg til gadget"
        • Finn HTML/JavaScript linken, trykk på den, og lim inn HTML- koden fra siden!
        • Trykk lagre

        Hvordan få søkeboks


        Hvordan legge til linkwithin/3 bilder under innlegg


        Hvordan lage header/toppbilde


        Hvordan få 3 kolonner


        Hvordan bedre sikre dine bilder på bloggen

        Flere bloggere har opplevd å finne igjen sine egne bilder andre steder på nett.
        Dette er både sårt og uforståelig, derfor kan du gjøre enkle grep for å bedre sikre dine bilder!

        Dette er en oppskrift på hvordan man enkelt legger inn en HTML-kode på bloggen som gjør at man ikke kan høyreklikke på et bilde og "lagre som" på sin egen datamaskin. Istede kommer det opp en boks med advarsel!

        Dette er ikke en måte som gjør at du er 100% sikret mot bildetyveri. Det finnes andre måter å "stjele" bilder på, uten at jeg skal gå nærmere inn på det. For de som virkelig ønsker å ta et bilde får det til. Men denne måten sikrer iallefall bildene dine mot måten å kopiere på som er mest vanlig og som de fleste kjenner til!
        1. Gå til denne siden: http://www.dynamicdrive.com/dynamicindex9/noright.htm
        2. Marker HTML- koden som står i rammen "Select All" og trykk ctrl + c (da kopierer man alt)
        3. Gå til utoforming på bloggen din - Legg til gadget - Html/JavaScript
        4. Høyreklikk og lim inn html-kode i en HTML/JavaScript-gadget hvor som helst på bloggen din
        Nå vil høyreklikkfunksjonen være ute av funksjon; og å "lagre bilde som" vil dermed heller ikke være mulig. Men hvis bildene på bloggen din kan klikkes større, er det fremdeles mulig å kopiere de. Da må du fjerne denne funksjonen også:
        1. Dobbelklikk på bildet i innlegget du skriver
        2. Klikk på kobling i verktøylinja
        3. Klikk ok
        4. Publiser
        Nå vil det ikke lenger være mulig å klikke bildene større.

        Jeg vil også bemerke at mange, inkludert meg selv, sikrer sine bilder med å legge igjen en signatur i hjørnet på bildet. For en "bildetyv" er det da veldig enkelt å stjele et bilde med signatur i hjørnet, da han/hun kan beskjære bildet i et bilderedigeringsprogram og signaturen er borte. Derfor vil jeg absolutt anbefale dere som har photoshop, om å legge på signatur over hele bildet og gjør signaturen gjennomsiktig. Dette kan gjøres på bilder man er "mer redd for", som for eksempel bilder av barn. Her kommer et eksempel:


        Når man legger en signatur over hele bildet, er det vanskeligere å fjerne det og man igjen er ennå mer sikker mot bildetyveri. Man skal ha godt kjennskap til et redigeringsprogram for å få bort signaturen uten at det syns. Selvfølgelig, her finnes det også unntak og de som får det til om de går inn for det!

        Hvordan legge til online teller

        Noen gang lurt på hvor mange som er innom bloggen din på en dag ? Eller hvor mange som leser i bloggen din online ?
        • Gå til denne siden: http://susnet.se/tjanster/
        • Registrer deg
        • Under innstillinger kan du sette regneren på det antallet besøkende du ønsker, hvis du har hatt en tidligere teller før
        • Trykk på "Statistikmätare" under Administration i menyen på venstre side
        • Trykk på linken "Räknarkoder" under Mina statistikmätare
        • Da kommer de kodene du skal lime inn i bloggen din for å få opp besøkende
        • Dette er instruksjonen for blogspot brukere i hvordan man legger inn kodene: http://susnet.se/tjanster/menuInternalAction.do?menu=exampleBlogspot
        • Viktig at koden som registrerer besøkene legges til før de andre kodene lenger ned på siden.

        Hvordan få automatisk signatur i hvert blogginnlegg:

        • Gå så til denne siden: http://bloggingforbread.blogspot.com/2008/02/add-signature-to-your-blogger-post.html
        • Kopier den koden som står på den siden, som SIGNATURE URL står i
        • Gå så til innstillinger i bloggen din - Formatering - Innleggsmal (boksen helt nederst på siden)
        • Lim inn den koden du kopierte isted fra den andre siden
        • Trykk lagre!
        • Gå til denne siden for å lage signatur, http://www.mylivesignature.com/mls_menu.php
        • Trykk "Create Signature" og lag deg en signatur
        • I siste side trykk "Want to use this signature?"
        • Trykk "Generate HTML code"
        • Trykk på øverste signature "Generate a code from my handwritten signature"
        • Nå kommer HTML- koden for signaturen din opp. Vi skal nå hente ut bildelinken i den HTML-koden.
        • Marker og kopier bildekoden i HTML-koden, den står etter < src =" og" style="font-style: italic;">http://signatures.mylivesignature.com/54487/147/EA3F887259BE6BB57FB779E2C2FCE8CD.png
          Viktig å få med hele koden fra http:// til .png. OBS: Dette er min kode, så ikke kopier denne!
        • Gå tilbake til innstillinger i bloggen din - Formatering - Innleggsmal (boksen helt nederst på siden)
        • Lim inn signaturkoden der det står SIGNATURE URL, mellom " "
        • Trykk lagre og lag nytt innlegg, da skal signaturen ligge der automatisk!

        Velkommen

        Her kommer jeg til å legge ut bloggtips jeg kommer over. Jeg har tidligere laget et bloggtipsinnegg på bloggen min Noe på Hjertet, som mange bloggere har hatt nytte av. Derfor oppretter jeg nå egen blogg der jeg kommer til å publisere bloggtips jeg kommer over, både mine egne oppskrifter og linker til andre oppskrifter!