AV Fixa-Anneli | 0 kommentarer |

Google webfonts - välj ditt eget teckensnitt

Blogger ger oss möjligheten att välja font (teckensnitt) på både rubriker och text via Malldesignern men kanske hittar du inte riktigt rätt utseende där och vill få lite mer att välja på. Då kan du med ett par enkla tillägg i din kodmall utnyttja Googles Webfonts, 698 olika teckensnitt!

Börja med att gå till sidan Google Web Fonts och välj bland alla de teckensnitt du hittar där. Du kan byta exempeltexten mot din egen genom att klicka i rutan jag markerat och skriva in den text du vill testa. Bra om du vill se hur just din rubrik skulle se ut.



När du hittar ett teckensnitt du gillar klickar du på den lilla rutan med en pil i, "Quick use".



Skrolla ner litegrann och där hittar du en flikruta med koder. Välj den första, Standard.

Kopiera hela raden (jag klippte av lite för att få ett bra skärmklipp) och gå sen till din bloggs kodmall.



Kodmallen hittar du här:


I början på din mall hittar du ett stycke som omringas av taggarna <head> kod </head>. 
Det är här du ska lägga in den kod du hämtade från fliken Standard i bilden ovan. Lägg den precis innan taggen slutar, som jag gjort, före </head>


När du har gjort det ska du lägga till ett tecken, ett snedstreck  /  för att din blogg ska godkänna koden. Det betyder att din font-kod ska se ut så här;

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css' />

Nu stämmer ju inte teckensnittet i koden ovan, du väljer din egen variant, men det är det lilla snedtecknet på slutet du måste lägga till själv. Gör ett mellanslag mellan ' och / så stämmer det bra.

När du har kommit så långt kan du spara din mall.


Nu finns möjligheten att använda ditt nya teckensnitt, men för att det ska synas där du vill måste du lägga till det i koden på rätt ställen också.

För varje slags rubrik och också för brödtexten kan man välja font-familj i koden, "font-family".

.Header h1                        är din bloggrubrik.
.Header .description        är beskrivningen under rubriken
h3.post-title                      är inläggsrubrikerna
div.widget > h2                är rubrikerna på dina gadgets i din sidebar
h2                                      är också gadgetrubriker, det beror på vilken mall du har
.tabs-inner .widget li a    är länkarna i din meny
body                                  är den löpande brödtexten i din blogg, alltså den vanliga texten

Om du nu vill ändra teckensnitt i din bloggrubrik ska du i din kodmall klicka med musen och sen trycka Ctrl + F för att få fram en sökruta. I den sökrutan skriver du in .Header h1 

På Google Web Font sidan hämtar du namnet på din font och klistrar sen in den på rätt plats i din kodmall. Se till att också kopiera ev ' ' tecken som står runt fontens namn, de är viktiga.



Både header-koden och de andra finns på flera platser, men du ska välja den där font-namn finns angivna. Så här ser det ut:


Det finns två rader med font-namn, den första raden börjar med default="normal normal etc. Den ska du inte röra.
Den andra raden börjar med value="normal normal etc. Det är här vi ska lägga till vårt teckensnitt.
Det ska ligga före de andra, t.ex. Arial, Tahoma och liknande, direkt efter storleken på texten. Glöm inte att lägga till ett kommatecken efter ditt importerade teckensnitt och se till att få med ' ' tecknen runt namnet om det har såna. De håller ihop namn som innehåller flera ord.

Klicka på Förhandsgranska och spara om du är nöjd.

Vill du lägga till samma teckensnitt för flera rubrikalternativ går det bra att göra likadant med dem.

Det här ser kanske krångligt ut, men det är egentligen bara två steg och de ger dig möjlighet att verkligen personifiera din blogg!
Lycka till!


»»  läs vidare

AV Fixa-Anneli | 8 kommentarer |

Vinn en surfplatta med tangentbord

För att kicka igång vårt nya forum och gästblogg utlyser FixaDinBlogspot ett gästbloggslotteri!

Vi lottar ut en champagnefärgad Asus Memo Pad 7 surfplatta och ett tangentbord med plats att luta surfplattan mot medan man skriver (värde sammanlagt 2190:-) bland de 10 första medlemmar som skriver ett gästbloggsinlägg på vår sajt Swechat.se.

Blogga med stil medan du är på språng!

Asus Memo Pad 7 är en 7 tums, fyrkärnig, ljus- och färgstark platta med lång batteritid, upp till 11 timmar. Den har dessutom en snygg design med känsla av en kuvertväska.


Med ett trådlöst tangentbord skriver du enkelt dina blogginlägg om du inte hellre skriver direkt på skärmen. Luckan i den främre delen kan öppnas och användas som stöd för din surfplatta.



Så, hur vinner du då detta snygga blogg-paket?

Börja med att registrera dig som medlem på vår forumsajt Swechat.se.

Fyll i din profil (om du har en egen anonym blogg behöver du förstås inte avslöja vem du är här heller, välj bara en passande profilbild och skriv några rader om vem du är/vad din blogg handlar om)

Under länken Profil hittar du länken Skriv inlägg. Här skriver du ditt gästbloggsinlägg och länkar till din blogg. Tryck på Skicka när du är klar och vänta sen på att ditt inlägg ska bli godkänt!
(jag godkänner alla inlägg manuellt för att undvika rasistiska, våldsamma, hotfulla eller liknande poster.)

När 10 gästbloggare fått sina inlägg publicerade lottar vi ut en vinnare som presenteras både här och på Gästbloggen.


Reglerna är enkla.

Ditt inlägg måste utgå ifrån ett ämne, oavsett om det är barnuppfostran, astronomi, djur, drömresan eller dina värsta nojor. Självklart uppskattar vi humor!
(Det vi försöker undvika är rena "idag åkte jag till HM och handlade och sen fikade vi och sen åkte vi hem och åt makaroner"-inlägg.)

Ditt inlägg får inte vara hotfullt, rasistiskt, våldsamt eller uppmana till olagliga handlingar.

Ditt inlägg bör vara minst 140 ord långt, du kan fylla i din text här för att kolla.

För att ditt inlägg ska publiceras behöver du lägga till en profilbild och en liten text om dig själv i din profil, men bloggar du anonymt kan du välja en bild som föreställer något annat och din text behöver inte berätta vem du är i detalj förstås.

För att kunna vinna surfplattan behöver du förbli medlem under tävlingstiden för att kunna svara på ev. frågor från läsare till ditt inlägg och också för att jag ska kunna kontakta dig om du vinner.


Så, är du sugen på en alldeles ny, snygg surfplatta att blogga ifrån? Välkommen till oss på Swechat!


Lite mer nyfiken på Asus Memo Pad 7? Här får du ett smakprov. Låt dig bara inte luras av att videon fokuserar mest på utseendet, den här plattan har fått riktigt bra recensioner även funktionsmässigt.



Ps, om vi inte har fått ihop tio gästbloggare till den 7'e augusti drar vi vinnaren bland de som bidragit tills dess. Har tio skrivit innan det datumet drar vi då - så snart som möjligt,  vi får se vad som kommer först!

»»  läs vidare

AV Fixa-Anneli | 1 kommentarer |

Blockcitat/ Block Quote

Vad är blockcitat/block quote?

Ibland vill man markera en liten del i en text som lite viktigare eller som en början på en ny vändning i det man skriver. Då är ett blockcitat ett bra alternativ.

Det finns en block citat funktion i din redigerare i Blogspot men resultatet när du använder den är kanske inte så rolig, texten dras in litegrann men i övrigt förändras den inte. Det kan du ändra på med lite kod!

Du använder ett blockcitat genom att markera en del av din text och sen trycka på knappen för det i redigeraren, den här.



Normalt sett ser ett blockcitat ut så här:
"Det här är ett blockcitat utan någon kod som förändrar det!" 

Med lite förändring kan det se ut så här t.ex. Större, lutande (italic) text och med ett streck före som markerar att här finns något speciellt att titta på. Du kan självklart välja själv hur just dina blockcitat ska se ut. Kanske med en färgad bakgrund?

Men hur gör man då?

Jo, vi behöver lägga till lite kod i din kodmall. 

Gå till Redigera HTML under rubriken Mall i din adminpanel.



Klicka med din mus i kodrutan (för att markera att det är här du vill söka) och tryck sen Ctrl + F för att få fram en sökruta. Kopiera .post blockquote och klistra in det, tryck Enter.



Här hittar du koden för hur ditt blockcitat ska se ut. Just nu står det inte så mycket, men du kan lägga till det du vill. Du kan också radera raden med margin om du inte vill att texten ska ligga lite åt höger. (1 em är detsamma som storleken på din text, 2 em är två gånger höjden. Du kan byta ut siffran mot pixlar, px, om du vill )

Här nedan hittar du ett exempel på vad du kan göra. Välj själv vad du vill lägga till och ändra på siffror och färgkoder som det passar dig och din blogg.

Spar rubriken .post blockquote { och lägg bara till de rader du vill ha nedan. Var försiktig så att du inte raderar någon av klammrarna ( {} ) eller något ; tecken.

Du kan spara mina förklaringar, de ligger inom /* såna här tecken */ vilket gör att de inte syns ute i bloggen. Det är något webdesigners använder sig av för att spara anteckningar i sin kod, när man går tillbaka efter ett tag kan det vara bra med små anteckningar som påminner en om vad som är vad!

.post blockquote {
  font-size: 17px; /* storlek på texten */
  color: #a70000; /* färgkod */
  font-style: italic; /* lutande text, vill du ha tjockare bokstäver kan du använda "bold" istället */
  border-left: 3px solid #a70000; /* ett rött streck till vänster om ditt citat, byt färg om du vill */
  padding: 0 6px 6px; /* lite luft runt texten, framför allt användbart om du vill ha en bakgrundsfärg */
  background-color: #f4f4f4; /* en färgkod för bakgrundsfärg */
}


Vill du istället för ett streck ha en bild kan du lägga in en bildkod - som den här. Glöm inte att ändra på paddingen, du måste flytta din text så att den inte ligger över bilden (om du inte vill ha den så förstås...) Din bild måste du först ladda upp någonstans på internet så att den får en webadress.

background-image: url('http://din bildadress.png'); /* klistra in din bildadress mellan ' ' tecknen */
  background-repeat: no-repeat; /* bilden ska bara visas en gång, inte upprepas längs raden */
  padding-left: 30px; /* avståndet mellan bild och text */

Avsluta med att spara mallen



Lycka till!
»»  läs vidare

AV Fixa-Anneli | 3 kommentarer |

Swechat - Fixas nya medlemssida

Ni kanske undrar var jag blev av, jag pratade om att starta upp FixaDinBlogspot igen men så blev det inte så mycket mer...?

Jag har faktiskt varit aktiv, men på ett sidoprojekt, en sajt som är tänkt att bli en del i Fixas nätverk.
Det drog ut lite på tiden, saker krånglade och jag fick lov att byta både webhotell och en del av programvaran för att få till de funktioner jag tycker att vi behöver, men nu börjar vi närma oss ett slutresultat. Det är lite kvar, en del översättning, lite ytterligare funktioner och en allmän genomgång så att allt fungerar som det ska, men nu börjar det kännas möjligt i alla fall.

Swechat (jag ska förklara namnet snart) är en medlemssajt för dig som gillar att blogga och som vill dela med dig av din blogglänk, ställa bloggfrågor i forumet, chatta med andra bloggare och också gästblogga för att få ytterligare trafik till din egen blogg. När du registrerar dig får du en profil i vilken du kan ladda upp en profilbild och en header/omslagsbild (som på facebook) och du kan berätta lite om dig själv och om din blogg samt lägga in en länk till den.
På medlemssidan kan du hitta de andra medlemmarnas profiler och länkar att besöka dem via.

Väl registrerad kan du som sagt chatta, ställa frågor och umgås med andra bloggare.

Swechat är ännu så länge under uppbyggnad, jag lägger upp länken här för att bjuda in er gamla, trogna läsare som ännu hänger kvar innan jag öppnar sajten officiellt i samband med att FixaDinBlogspots tutorials återkommer.

Men namnet Swechat då?

En kort förklaring vore att jag för något år sedan funderade på att dra igång en svensk datingsida som byggde mer på personlighet och åsikter än utseende, en sida med chatt och forum och några extra funktioner. Tyvärr pratade jag nog lite för öppet om min idé på en sajt för kompanjonskap, det tog bara ett par veckor innan just en sån sajt som det jag frågade efter dök upp på marknaden här. Det var kanske en slump, men jag kände att det inte var läge att fortsätta mitt projekt så jag la ner de tankarna men behöll domännamnet, swechat.se, (svenskar som pratar)
Jag ser namnet som en nystart både för mig och för FixaDinBlogspot, jag hoppas att du håller med!

I dag kan du nå vår nya medlemssida både via vårt nya domännamn swechat.se och via adressen till vårt gamla forum, fixadinblogg.se, men registeringsformuläret fungerar ännu så länge endast via den nya adressen, tyvärr. Jag jobbar på problemet!

Välkommen till vår nya sajt!


»»  läs vidare

AV Fixa-Anneli | 3 kommentarer |

Att validera en blogspotblogg?



Hur ofta hör man inte att man ska validera sin blogg, kolla så att koden stämmer så att alla webläsare kan uppfatta det man skrivit in och visa det man vill?


Men hur fungerar det egentligen? Vad är validering och varför hör jag det så ofta?

Att validera en websida är grunden för alla webprogrammerare, det är jätteviktigt. När man skriver in sin websidas adress på validator.w3.org och klickar på Check får man ett utlåtande över vilken kod som inte fungerar riktigt som den ska. Kod måste vara korrekt skriven för att alla webläsare ska kunna uppfatta och återge den, men ju nyare webläsare desto mer förlåtande är den oftast för felaktig kod.
Problemet för både webdesigners och för oss bloggare är alla de läsare som sitter med en gammal version av Internet Explorer, i deras webläsare stämmer nästan inget. En gammal IE-version är som att gå tillbaka till 1600-talet någonstans - eller åtminstone till 1995.

Men jag som bloggar via Blogspot, behöver jag tänka på det här?

Nej, det gör du inte, åtminstone inte om du använt Bloggers egen Malldesigner och inte lagt in egen kod. Blogger tar hand om utseendet på din blogg och ansvarar för att dina läsare ser det du vill att de ska göra.
Det finns också ett alternativ för mobilversioner under Mall/Mobil. Utnyttja den möjligheten, titta där!


Jag provade att validera FixaBloggen - 303 Errors, 324 varningar.
På vår nya nätverkssajt, swechat.se, som ligger på wordpress fick jag 8 Errors och 2 varningar - ni ser skillnaden? Ändå fungerar FixaDinBlogspot bra.

Oroa dig inte om du försöker validera din Blogspot-blogg!
Ibland fungerar saker helt enkelt inte men det behöver inte hänga på att din sida validerar rätt, ibland kan vi lösa det på ett enklare vis!
»»  läs vidare

AV Fixa-Anneli | 15 kommentarer |

Vad skriver du helst om?

Jag mjukstartar som sagt lite igen och det jag funderar mest över just nu är vad du som gammal eller ny FDB läsare helst skriver om?
Pratar du om Familjen, Livet, Kläder, Djur, Relationer, Bilar, Gaming, Tech, vad?

Vad vill du få tips om?
Snygga teman, skrivtips, blogghacks (typ snöfall i december) eller andra roliga förändringar du kan göra på din blogg?

Om jag fick välja helt själv skulle jag skriva om nya mobiler och surfplattor, hur man hanterar nyfödda kattungar och hur man fixar det här med krångliga pojkvänner, men nu handlar det ju inte om mig!

Så, vad vill du läsa om på FixaDinBlogspot? Berätta!
»»  läs vidare

AV Fixa-Anneli | 1 kommentarer |

Styrkan hos en kommentar

De allra flesta som driver en egen blogg uppskattar besök och kommentarer, det är ju en del av varför vi skriver så här öppet på internet. Vi vill bli sedda.

Vi använder besöksräknare, tittar på statistik och försöker ta reda på vart våra "inlänkar" finns (det återkommer jag med tips om hur du hittar).

Brukar vi inte få så många kommentarer normalt sett så blir vi glada och engagerar oss gärna i diskussioner även om små saker, men ju fler personer som kommenterar desto lättare är det att bli lite blasé. Det är lätt välja att bara svara på rena frågor eller enbart på kommentarer som står ut och kanske skulle kommentarsfältet se rätt lustigt ut om man svarade på varenda "Tack för inlägget" men kan man hitta en mellanvariant så kan man vinna både nya läsare och bloggvänner.

Titta igenom ditt kommentarsfält efter du skrivit nästa inlägg. Vilka har kommenterat något personligt, något de ser ut att ha tänkt igenom? Känner du att du skulle kunna lämna ett svar direkt på din blogg eller skulle ett svar kanske passa bättre på mottagarens egen blogg (där du kan locka nya läsare med ditt genomtänkta svar)?
Ibland uppstår en diskussion på din blogg och då passar ett svar bättre där, fler läsare kan uppskatta och delta, men ibland är ett personligt besök på en annan blogg ett bättre alternativ.

Varför inte ta steget ut och skriva ett par personliga kommentarer på några av dina besökares bloggar framöver - och lämna gärna en tillbakalänk till din blogg, vem vet vem av dess läsare som gillar dina tankar?
»»  läs vidare

AV Fixa-Anneli | 10 kommentarer |

Jag vill inte pausa längre

Det tog mig jättelång tid att vilja tillbaka, jag behövde gå igenom ett antal väldigt personliga saker och ett spännande men omöjligt webprojekt men nu är jag här igen! Jag saknar min blogg!

Jag är inte hundra på att jag vill öppna allt i bloggen eller mitt forum igen, men vi tar en sak i taget! Välkomna tillbaka mina Blogspotvänner!
Vill ni vara med, har ni idéer? Låt mig veta!

Anneli

»»  läs vidare

AV Fixa-Anneli | 25 kommentarer |

Hälsning från Fixa-Anneli

Hej alla Blogspotvänner!

Anneli heter jag och det är jag som en gång i tiden startade upp Fixabloggen och Fixas forum. I fyra år drev jag den här bloggen och startade upp frågeforumet som hörde till, en jätterolig hobby som gav mig massor.

I höstas hände något i mitt privatliv som påverkade allt, jag orkade inte skriva varken här eller på forumet längre. Mina underbara medarbetare (främst min co-admin Jakeline) har gjort så gott de kunnat, men det var inte deras ansvar och de har inte fått en enda krona för det jobb de lagt ner så jag förstår att de inte orkat hålla allt vid liv. Allt vi gjort har varit helt frivilligbaserat, vi har betalat servrar och programvara själva, vi har skrivit alla inlägg och svar på vår egen fritid. Eller - just nu har mina medarbetare gjort det medan jag har duckat eftersom jag inte orkat.

En gång i tiden brände jag ut mig, mitt barn sov inte och jag fick inte sova heller.
Utan djupsömn fungerar man inte. Man försöker fixa saker så gott de går.

Men - sen dess har mycket hänt, jag startade Fixas och vi kom igång jättebra. Vi har hjälpt många bloggare (hoppas jag, de säger så...) och livet kändes bättre. I höstas blev jag ensam med sonen och sen dess har all energi gått åt att fixa vardagen. Jag föll tillbaka lite i utbrändheten kan man nog säga.

Jag är på väg tillbaka, men jag orkar inte svara på bloggfrågor ännu, jag orkar inte lägga tiotals-timmar på enskilda bloggar som jag gjort hittills. Hoppas att ni förstår det! Varje bloggfråga har kanske inte behövt mer än någon enstaka timme, men får man ett tjugotal frågor per dag fungerar det inte.

Fixa din blogspot är på väg tillbaka - i sig egen takt! Tack för ordet! :-)
Anneli


»»  läs vidare

AV Rolf Sjöberg | 7 kommentarer |

Flera typsnitt på bloggen



                                                       
Du kan ha flera olika typsnitt på din blogg.
Ibland kanske du vill lyfta fram ett speciellt inlägg,
eller en textgadget, och då kan det vara bra att känna till denna möjlighet.

Gå till denna Googlesidan
Där finner du f.n. 620 tillgängliga fonts/typsnitt.
Jag föreslår att du väljer Paprika, eftersom detta typsnitt skiljer sig från de vanliga stilarna, och det kan vara bra att se ett rejält resultat medan du testar, så att du ser att du gör rätt.
Det är enkelt att sedan ändra till vad du vill - mer om detta senare.
Skriv in Paprika i sökrutan till vänster, och när du kommit dit, så klickar du på Quick-use.


Nu öppnas en ny sida, och där scrollar du ner till punkt 3.
Kopiera koden i den blå rutan, se till att du får med hela.

Nu går du till Mall, i din blogg.
Vidare in i Redigera HTML - kryssa i Utöka gränssnittskomponentmallar.
Tryck sedan på Ctrl+F.
I sökrutan som du får upp i övre eller nedre hörnet på din skärm, skriver du </head>
Ovanför </head> klistrar du in koden som du kopierade från den blå rutan.
Nu måste du lägga till en slash (/), mellan de två sista tecknen.
Det ser då ut såhär i slutet: text/css'/>


Spara och stäng mallen (det finns ännu inget att förhandsgranska).

Nu har du berättat för din blogg att den skall hämta fonten Paprika på den adress som finns i koden du lagt in.
Men den gör det bara när du ber den om det. Och det gör du såhär:

Öppna gadgeten, via Layout-Redigera.
Till höger i Innehållsrutan finns en del symboler och texten Redigera HTML. Klicka där.
Välj ett ställe i texten, där du vill ändra font - det kan vara var som helst i texten, eller innan textens början. Där lägger du in följande kod:

<span style="font-family:  Paprika; ">HÄR SKRIVER DU DIN TEXT</span>

Det sista </span> skall alltså ligga där du vill att fonten Paprika skall upphöra.


Sedan sparar du.

Detta kan du använda även på dina inlägg - du skriver som vanligt, ändrar sedan från
SKRIV-läge till HTML-läge, och lägger in <span style="font-family: Paprika; ">, utan det avslutande </span>, skiftar tillbaks till SKRIV-läget, och fortsätter skriva. Sedan skiftar du tillbaks till HTML-läget och lägger in det sista från koden, dvs </span>.


Så här ser det ut när det är klart, i gadgeten:


När du fått kläm på detta, och sett att det fungerar, så kan du byta till vilken font du vill av de 620 st som f.n. finns tillgängliga.
Då återvänder du till Googlesidan, och söker upp den font som du vill ha, och fortsätter enl beskrivningen ovan.
Du kan flera olika fonter, på olika ställen på bloggen, eller i olika inlägg, men tänk på att det lätt kan uppfattas som rörigt, och laddningstiden för bloggen ökar för varje grej som skall hämtas externt.

Lycka till!








Ett inlägg av Rolf,. 

Rolf driver bloggen Näsetvandrarna som är en informationsblogg för vandringssugna personer i och runt Vellinge kommun i Skåne.
Starten av bloggen väckte Rolfs intresse för att själv kunna påverka sin sajt och han lär sig hela tiden nytt inom html och css.



»»  läs vidare

AV Fixa-Anneli | 1 kommentarer |

Byt rubrik på din blogg



När du skapade en ny blogg fick du välja vad din huvudrubrik skulle vara, men hur gör du om du ångrar dig senare - hur ändrar du din bloggs rubrik?

Gå till din bloggs rubrik om du har flera bloggar under samma konto. Öppna bloggen!





Gå ner till Inställningar, välj Redigera brevid bloggens namn. 




Välj en ny rubrik som du tycker passar bättre! Spara!
Svårare är det inte att byta namn på din blogg!


När du sparat, uppdatera sidan och gå sen till din bloggs hemadress och se så förändringen genomförts!
Lycka till!
»»  läs vidare

AV Rolf Sjöberg | 10 kommentarer |

Byt enkelt bloggens bakgrundsbild

Du kan ge din blogg ett mycket annorlunda utseende genom att lägga in ett foto som bakgrund.

Man kan göra det via Malldesignern, men det kan vara besvärligt att hitta ett lämpligt foto eftersom det skall vara relativt stort, samtidigt som det inte får överstiga 300kb.

Ett enklare och mer flexibelt sätt är att först ladda upp det t.ex. på TinyPic, och sedan lägga in hämtningen direkt i din mall.
Då slipper du kravet på att bilden får vara max 300kb, och du kan välja vilken del av bilden som skall visas, vilket kan göra en bild mycket mer variationsrik.

Eftersom man får byta ut lite i mallen, så bör du först testa detta i din 
testblogg,
så att du inte förstör något i din ordinarie blogg.

Så här gör man:
Har du idag ingen bakgrundsbild, så börjar vi med att lägga in en, via Malldesignern, vilken vi sedan skall byta ut till den slutliga bilden. Ta vad som helst, som är mindre än 300kb.
Har du redan en bakgrundsbild, så kan du hoppa över detta momentet.

Gå till Layout, välj Malldesignern, Bakgrund - klicka på nedåtpilen - Överför bild - Välj fil.
Då öppnas en dialogruta från din dator, där du väljer bild, och klickar på Öppna.
Då visas bilden i ramen. Klicka på Klar.
Klicka sedan på Använd i blogg, uppe till höger, och därefter på Tillbaka till Blogger.
Nu finns bilden som bakgrund på din blogg.
Denna bild skall vi nu byta ut till den slutliga bilden.


Gå till TinyPic, Välj fil (dvs din slutliga bild, från din dator). Dialogrutan öppnas, du väljer bild, och klickar på Öppna.
Tryck sedan på Upload now!
En ruta med konstiga bokstäver öppnas (spamskydd) - du fyller i dem, och klickar igen på Upload now!


Nu finns bilden lagrad hos TinyPic, och en delningsruta med bildadressen visas.
Du skall så småningom använda den understa av dessa adresserna.

Nu går du tillbaks till bloggen, gå till Mall - Redigera HTML - kryssa i rutan "Utöka gränssnittskomponentmallar" - tryck på tangentbordet Ctrl+F, och i rutan som öppnas uppe eller nere på skärmens ena hörna skriver du /* Variable definitions och trycker sedan på enter.
Nu kommer du till det ställe där vi skall byta koden till din slutliga bilds adress.
Det finns nästan överst i mallen, men i framtiden kanske du lägger andra grejor ovanför det, och då är det lättare att hitta dit genom att använda Ctrl+F.


Nu skall du byta ut den tillfälliga bilden som du först lade in, via Malldesignern, mot den slutliga bilden som du laddat upp hos TinyPic.

I slutet av det första stycket under /* Variable definitions, skall bildadressen bytas.
Den skall ligga inom parenteserna ( ).
Adressen är det som kommer efter "url(" - alltså det som ligger inom parentesen.
Var noga med att du hittar den rätta adressen - där finns flera - leta efter den sista parentesen.
Se bilden nedan, som visar hur det ser ut efter att den nya adressen lagts in.
(Bilden visar också, i bakgrunden, hur det såg ut från början, innan du lade in den tillfälliga bilden. Då fanns ingen adress att ersätta - det var därför vi lade in en tillfällig bild via Malldesignern, som då hannade på rätt plats.)


Nu kan du bestämma om bilden skall ligga fast på skärmen, eller rulla med nedåt.
Det reglerar du genom att välja "scroll" eller "fixed" (utan citationstecken).
Var även här noga med att jobba med den sista delen av stycket - scroll eller fixed kan finnas på flera ställen.
Slutligen så kan du ändra vilken del av bilden som skall visas.
Det gör du genom att ändra mellan bottom left-right, center left-right och top left-right osv.
Prova dig fram.
Förhandsgranska innan du sparar.

Just detta att kunna ändra vilken del av bilden som skall visas gör att du kan använda en bra bild många gånger, och med små variationer få den att verka helt annorlunda.
Jag använder t.ex. ofta en bild tagen inne i en bokskog, med solstrålar som strilar genom lövverket.
Det finns mörkare och ljusare partier i bilden, och bara genom att skifta t.ex. center left, till bottom right, så blir det en helt annan bild.
Men det förutsätter förståss att bilden är stor. Jag brukar lägga in bilder som är 2784x1856, kameran är inställd på F3:2 6M.

Bilden hos TinyPic ligger kvar i tre månader (gratis), vill du använda den längre så kan du bli medlem - också gratis, men själv så är jag inte medlem, eftersom jag byter/förändrar bilden ofta, allt efter årstid.
Och du kan, utan att bli medlem, när som helst lägga in en ny bild, som då ligger där i tre månader.

Jag upprepar att du först bör göra detta i din testblogg, 
så att du får grepp om hur det fungerar.

Detta tips fick jag ide´n till från vårt eminenta forum dit du också är välkommen.




Ett inlägg av Rolf,. 

Rolf driver bloggen Näsetvandrarna som är en informationsblogg för vandringssugna personer i och runt Vellinge kommun i Skåne.
Starten av bloggen väckte Rolfs intresse för att själv kunna påverka sin sajt och han lär sig hela tiden nytt inom html och css.









»»  läs vidare

AV Fixa-Anneli | 3 kommentarer |

Utveckla din blogg - skriv din egen historia

Säg att du skrivit på din blogg en tid och utvecklad din egen skrivstil. Du börjar få ganska många besökare och du skulle vilja gå vidare, göra något mer.
Varför inte skriva din egen bok?

Du kan välja att skriva ett riktigt manus utifrån din blogg som Andmatsam har gjort, hon skrev om hur det är att leva livet tre gånger så fort med ett multihandikappat barn och hon valde att själv bekosta sin boks utgivning via förlaget Books on Demand. Du hittar hennes bok bland annat här på Adlibris. Efter publikationen har hon blivit kontaktad av flera veckotidningar och blivit intervjuad för dubbeluppslag ett antal gånger, kul! Hennes bok blev också utlottad i en tävling hos tidningen Allas.

Eller,  om du har en stil som kanske passar fler läsare kanske du kan du kontakta bokförlag och tipsa dem om att läsa din blogg - tänk Ketchupmamman!

Kanske har du en riktig bokidé som Fredrik Backman hade, han förklarade och utvecklade en påhittad blogginläggspersonlighet och gav honom en hel egen (underbar) bok - en man som heter Ove. Du kan hitta den här boken hos flera olika bokförlag och till olika priser, men oavsett kostnad så tycker jag att den är värd att läsa. Det är en del av vår svenska historia, en hyllning till vår svenska, inbundna och fåordiga man. Dessutom kan man inte låta bli att le, grannen och grannfruns personligheter är så uppenbart tagna från Fredrik och hans fru själva och det finns nog ingen som kan motstå  hennes energi och hans fumlighet - hela historien är så oerhört bra skriven, genomtänkt och humoristisk.Vem älskar inte en man som kan driva med sig själv??

Vad kan du göra av din blogg?
Har du en historia att berätta? Vill du kontakta ett förlag, skriva en följetong på din blogg, ge ut din egen bok och hoppas att folk nappar, eller helt enkelt skriva bara för att det är roligt? Våga skriva!
Lämna gärna en länk till din blogg i det här inlägget och berätta vad du skriver om. Kanske betyder just din berättelse väldigt mycket för rätt läsare. Glöm inte att berätta vad du skriver om!
»»  läs vidare

AV Rolf Sjöberg | 7 kommentarer |

Olika bakgrund på varje inlägg

Ett sätt att liva upp din blogg kan vara att ge enstaka inlägg en egen bakgrund.
Skriver du t.ex. om en Parisresa kan det vara trevligt att ha ett diffust Eiffeltorn i bakgrunden.
Handlar ditt inlägg om en stämning eller känsla kan du ha en soluppgång som bakgrund,
eller bara en färg.
Oavsett vilket du väljer, så bör du tänka på att det kan se avhugget ut i kanterna, om bakgrunden skiljer sig för mycket mot de omgivande färgerna
Det kan du fixa genom att t.ex. klippa ut motivet, som jag har gjort med måsen i detta inlägg, och göra resten av bilden transparent/genomskinlig.
Det kan du göra t.ex. med Paint i Windows, eller Photoscape
I Photoscape kan du även ge ditt foto olika typer av ramar.




Så här gör du:
Vill du bara ha en färg, så börjar du skapa ett nytt inlägg,
och skiftar från SKRIV, till HTML-läget



Lägg till denna kod, innan du skriver något annat:
<div style="background-color: #F2CBF7; padding: 5px 8px 5px 8px;">
Ditt inlägg skriver du här
</div>
Skifta till SKRIV-läget, och gör ditt inlägg.
När du är färdig, återgår du till HTML-läget och lägger till det sista </div>

Färgen byter du förståss ut till vad du vill ha. (Det som är rödmarkerat.) Du kan hämta färgkoder hos t.ex. ColorPicker.

Vill du hellre ha en bild som bakgrund använder du istället denna kod:
<div style="background-image: url(din bildadress här); background-repeat: no-repeat; ">
Ditt inlägg skriver du här
</div>
Glöm inte det avslutande  </div>

Bilden kan du först ladda upp på något bildhotell, t.ex. TinyPicFotoFlexer eller i bloggens Picasaalbum.

Lycka till!








Ett inlägg av Rolf, 

Rolf driver bloggen Näsetvandrarna som är en informationsblogg för vandringssugna personer i och runt Vellinge kommun i Skåne.
Starten av bloggen väckte Rolfs intresse för att själv kunna påverka sin sajt och han lär sig hela tiden nytt inom html och css.



»»  läs vidare

AV Fixa-Anneli | 5 kommentarer |

Ladda upp och länka en bild

Det finns många anledningar att man vill lägga upp en bild i bloggens sidebar och länka den vidare. Kanske är det dina egna foton du vill länka till ett album, en banner till en annan blogg som du vill berätta om eller en ren reklambild på en vara vars affär du vill göra reklam för.

Det enklaste sättet att länka en bild på en Blogspot-blogg är att gå till din bloggs Layoutsida, välja att lägga till en Bildgadget där du tycker att den passar och sen välja Bild i listan.



Så här:



När du har gjort det laddar du upp din bild, antingen från din dator (1) eller från en uppladdningssida på nätet(2). Photobucket.com är en, Minus.com är en annan. Det finns många fler!


När du valt bild fyller du i din länk som du vill att dina besökare ska hamna på om de klickar på bilden.
Du kan också lägga till en titel till bilden (gadgetens titel) och om du vill - en bildtext. Kanske vill du skriva att "här hittar du sveriges roligaste scrappare" eller "Mina bästa hundbilder"
Du väljer själv!


Klicka på Spara.

Är du osäker på hur vilken adress du ska länka till? Gå till den sida du vill länka till och kopiera länken som står i din webläsares adressfält. Den kan vara jättelång, men eftersom du länkar en bild kommer dina läsare inte bli avskräckta av länken, de kommer bara att se en bild de kan klicka på.

Visst är det enkelt!
»»  läs vidare

Mest lästa inlägg