Hjärtligt

Nu blir det mycket bloggdesign :) Har sett i många bloggar jag läst att folk gärna vill göra  ♥ i sina inlägg och att de gett sig på varianten <3 som funkar i på Facebook och liknande. Men för att få till det i bloggen måste man använda sig av en HTML kod.

Ett enkelt sätt att lägga till hjärtan är att gå in i Ändra redigerare (nere i högra hörnet) och sedan bara lägga till koden &#9829; där du önskar infoga ett hjärta.  I detta fallet går det bra att gå ur HTML läget genom att klicka på Ändra redigerare igen och fortsätta skriva.

Vill du dessutom att hjärtat ska ha en annan färg går det naturligtvis också att fixa (detsamma gäller naturligtvis om du vill byta färg på en text). Du letar upp de hjärtan du vill byta färg på och skriver <font color="#fdbc3e">Texten</font>. Sifferkoden ändrar du till den färg du vill ha. En exempelsida på olika färger och deras koder finner du HÄR.

OBS! När du lägger till färgkoden i HTML-läget kan du inte gå ändra redigerare då försvinner färgändringskoden.

♥♥♥   ♥♥     ♥♥   ♥♥♥


  Ändra storlek på texten

Du kanske har känt att du skulle vilja ändra storleken på någon del av din text i dina inlägg och det är fullt möjligt. Här kommer en enkel guide.
  • Börja med att skriva klart hela ditt inlägg.
  • Klicka sedan på Ändra redigerare (nere i högra hörnet)

  • Du är nu inne i ett läge där du kan skriva HTML-kod.
  • Leta upp de ord du vill ändra storlek på (använd Ctrl+F för sökfunktion om du har svårt att hitta)
  • Lägg in <font size="3"> framför ordet och lägg sedan in </font> efter ordet.
  • Det finns 7 olika storlekar att välja på och storleken avgörs av den siffra du skriver in efter font size. Storlekarna ser ut så här;

  • font size=1

    font size=2

    font size=3

    font size=4

    font size=5


    font size=6


    font size=7


  • OBS! Tänk på att du inte kan ändra redigeraren efter du gjort dina ändringar, då försvinner de. Det är därför du ska skriva inlägget först och sedan gå in i HTML läge.
LYCKA TILL!

  Anna's Australia

Nu finns det även en direktlänk till min andra blogg, min Australienblogg. Bloggen är mestadels på engelska men har numera en enkel översättningsfunktion till svenska också. Du kommer enkelt dit genom att klicka på koalan i den vänstra kolumnen.

  Html koder

Här kommer lite enkla html koder som kan vara användbara när du designar om din blogg.
  • Fetstil ----------------> <b>Din text</b>
  • Kursiv stil ------------> <i>Din text</i>
  • Lägga in en bild ---> <img src="adressen till bilden">
  • Länk ------------------> <a href="adressen till sidan">Länktext</a>
  • Bild som länk ------> <a href="adressen till sidan"><img src="adressen till bilden" border="0"></a>
  • Annat typsnitt -------> <font face="namnet på typsnittet">Din text</font>
  • Storlek på texten --> <font size="1-6">Din text</font>
  • Annan färg ----------> <font color="din färg">Din text</font>
  • Allt i samma kod---> <font face="typsnittet" color="färgen" size="storleken">Din text</font>
  • Centrera något -----> <center>Texten eller bilden</center>
  • Radbrytning -----------> <br />
  • Understruken text -----> <u>Din text här</u>
  • Mellanslag --------> &nbsp;
  • Överstruken text --------> <strike>Din text</strike>

  Google translate

By demand I now reinstalled the translate feature on the blog. It uses Google translate and the translation is far from 100% but at least anyone speaking English might be able to understand what I'm writing anyway.

Just click on the flag in the left column to translate the entire blog.


  Ny funktion - Anna tipsar

Har introducerat en ny del på min blogg som jag kallar "Anna tipsar". Jag gillar att testa nya saker och min blogg utvecklas hela tiden för att sammanlänka alla mina aktiviteter på internet så som Facebook, Twitter och nu senast alltså Google Reader.

Menyn hittar du i den vänstra kolumnen och där hamnar de fem senaste tipsen  uppdaterade från Google Reader. Det finns även en länk där du kan nå alla mina delade objekt i min Google profil - Visa alla.


  Julstädad blogg...

Idag har jag rensat bort julen inte bara i min lägenhet utan även här i bloggen. Så tills jag tröttnar nästa gång så ser bloggen ut såhär:

Med signaturen:

  Grinchen är julpimpad...

Idag har jag hjälpt min lillasyster a.k.a Grinchen med en ny design på sin blogg. Blev ju givetvis en julinspirerad design även för hennes del även om inte är en tredjedel så jultokig som jag (därav namnet Grinchen). För er som inte vet det så gillar Grinchen inte alls julen och vill helst förstöra allt vad julklappar, julgranar och julpynt heter. År 2000 kom filmen "Grinchen- Julen är stulen" (som baseras på amerikas kanske mest populära barnbok skriven av Dr Seuss) med Jim Carrey i rollen som Grinchen ut.
Men eftersom jag var den som fick ändra designen så fick jag bestämma att det skulle vara lite juligt tema iaf. Givetvis påminner den ju en del om min egen design, för att göra det lätt för mig blev det ju en del klipp och klistra. Resultatet blev iaf fint och ni kan se en liten skärmdump av den här nedan. Självklart ska ni ju gå in på bloggen själva och titta hur det blev och lämna en liten kommentar :)
Klicka på bilden som kommer ni direkt till hennes blogg!

  Kunde inte...

...hålla mig längre (men tre dagar kunde jag vänta det var väl duktigt *fniss*). Nu är bloggen officiellt julpimpad!


Signaturen ser ut så här

Dessutom har jag ikväll förutom att jag har tvättat och städat även hunnit pimpa min balkong. Ljusslingan har åkt upp! Skulle först bara tända den för att se om alla lampor funkade men det var så fint så jag behöll den tänd. Är så mörkt ute nu ju! Tyvärr är det någon eller några lampor som inte fungerar så en del av slingan är släckt, blir till att köpa nya lampor och leka detektiv för att hitta den/de som kan tänkas vara trasig (förmodligen lite lättare att se i dagsljus)

  Bloggdesignhjälp

Tänkte ge en liten kort kort hjälp för er som vill leka lite med designen på er blogg. Här följer lite förklaringar till vad som egentligen står i stilmallen :) Lycka till!



body { Hela bakgrunden - röd i bilden

a { Länkar som finns i inläggen

#wrapper { Den delen som man bygger själva bloggen på, "pappret" - grönaktig i bilden

#header { Den snygga bilden överst - Annas Vardag

#side { Sidkolumnen med länkar och din profilbild

#content { Kolumnen med dina inlägg -röd färg i bilden


h3 { Rubrikerna till inläggen

.navheader { Rubrikerna i sidkolumnen

.nav a { color: #000000; } Länkarna i sidkolumnen

.entrybody { Själva texten i inläggen

.entrymeta { Datumet, tiden, permalinkg, trackbacks som står under inläggen

.entrymeta a { color: #E04201; } Kategorin och antalet kommentarer som står med punkten ovan

.commentheader { Rubriken i kommentarerna, dvs, där den som kommenterars namn står

.commenttext { Själva texten som kommenteras

.commentmeta { Datumet och tiden under kommentarerna

.commentmeta a { color: #809FFF; } Länken till den blogg som nån kommenterar från

.separator { Linjen mellan inläggen

Allting är ganska logiskt.
nav = orientera er till sidkolumnen
entry = orientera er till inläggskolumnen
comment = sidan med kommentarer
meta = den lilla texten med tid och datum
a = länkar

Jag skulle gärna vilja ta åt mig äran själv för min bloggdesign men riktigt så är det inte. Visst jag har själv designat och gjort den helt själv men jag har haft god hjälp av en superbra sida:  Designa din blogg - makes magic happen.

Några tips från nämnda blogg som jag har använt mig av på min sida är:


  • Vill du lägga till en ikon framför rubriktexten som jag testat här kan du hitta hjälp om hur man gör på just den nämnda hemsidan, nämligen HÄR.
  • Gårdagens ändringar innebar även att jag la till en dubbellinje under min rubrik och beskrivning hur man gör det får du HÄR.

  • Vill du som jag automatiskt ha en signaturbild i slutet på alla inlägg ska du titta på guiden som du finner HÄR. Tänk på att om du ändrar något i en kodmall så måste du upprepa det i alla kodmallarna för att ändringen även ska synas på alla sidor i din blogg.
  • När du gör om din header och lägger in en egen bild (hur man gör det finns beskrivet HÄR) så försvinner även länkfunktionen som finns på orginalheadern. Vill du att din nya header ska vara en länk kan du enkelt fixa det. Kolla HÄR för instruktioner.

  • Vill du infoga en liten symbol för kommentarer som jag har gjort kan du läsa hur man gör HÄR.

  • Vill du skapa ikoner framför dina listor i sidomenyn som jag har gjort kan du få tips på hur man gör HÄR. Och tips om sidor där du kan hitta ikoner att ladda ner finner du HÄR.
LYCKA TILL!

  Ny höstdesign...

Tyckte min blogg var lite väl pastellig för årstiden (för er som inte kommer ihåg hur den såg ut finns en påminnelse HÄR). För hösten med regn och härliga höstfärger kryper sig närmare så jag slängde ihop en liten höstigare design. Finslipar säkert på den vid senare tillfälle men nu får den vara som den är tills vidare.





  Ny somrig design...

...ja, har man inget att göra kan man alltid leka lite med bloggen och det är precis vad jag har gjort. kul när man kan variera sig lite. Nu är det en pastellig somrig design som gäller. Får se hur länge det håller i sig :)

Skulle vilja vara lite mer haj på det där med kodningen så jag kunde göra något lite flashigare, men det kanske kommer en vacker dag. För er som inte minns det så hittar ni den förra designen här. Och det här är alltså den nya

image949

  Vårfint...

...har det blivit i bloggen. Får se hur länge jag behåller den här designen innan jag byter igen =)

image809

RSS 2.0