Hur man lägger in andra typsnitt på bloggen

Hej!

 

Vi vet att det var ett bra tag sen den här bloggen uppdaterades så nu är det verkligen på tiden att ni får ett nytt tips för att göra era Devotebloggar så fina som möjligt.

 

Den här gången vill vi visa er hur man får ett annat typsnitt på bloggen än de vanliga som finns att välja mellan i Devotes inställningar.

 

Vill man använda något lite ovanligare typsnitt som inte vanligtvis är installerade på besökarnas datorer (som är viktigt för att de ska kunna läsa bloggen) så kan man använda sig av typnitt från Google Fonts. De typsnitten kan alla besökares datorer läsa av och de kan kännas lite roligare än de vanliga typsnitten som Times New Roman, Arial eller Verdana.

 

 

För att lägga in ett typsnitt från Google Font gör du såhär: 

 

 

 

1. Gå in på http://www.google.com/fonts  och hitta ett passande typsnitt genom att ställa in de inställningar du vill ha på typsnittet. T.ex. om det ska se handskrivet ut, vara tunnt, lutande osv. 

 

 

 

2. När du hittat typsnitten du vill ha klickar du på den lilla knappen till höger, i mitten av de små knapparna, som är märkt "Quick-use".

 

 

 

3. Scrolla ner på sidan som kommer upp till du ser rubriken "Add this code to your webbsite". Kopiera koden som står i rutan under rubriken.

 

 

 

4. Klistra in koden längst ner i rutan under rubriken "Beskrivning & Script" på Devotes inställningssidor.

 

 

 

5. Gå tillbaka till sidan för Google Fonts (punkt 3) och kopiera den andra koden som står under rubrikern "Integrate the fonts into your CSS".

 

 

 

6. Klistra in koden i din stilmall. Beroende på vilken del av bloggen du vill byta typsnitt på så kommer koden för detta se annorlunda ut, men här nedan följer några exempel.

 

 

Byta typsnitt på inläggsrubrikerna:

 

h1

{

font-family: 'Quicksand', sans-serif; /*typsnitt*/

}

 

 

 

Byta typsnitt på inläggstexten:

 

.post_container

{

font-family: 'Quicksand', sans-serif; /*typsnitt*/

}

 

 

 

Byta typsnitt på menyspalten:

 

.panel_container

{

font-family: 'Quicksand', sans-serif; /*typsnitt*/

}

 

 

 

Byta typsnitt på rubrikerna i menyspalten:

 

h4

{

font-family: 'Quicksand', sans-serif; /*typsnitt*/

}

 

 

 

KLART!

 

Vi svarar på några kommentarer

God jul och gott nytt år kära läsare!

Ni har kanske märkt att vi bytt header så här över jul. Kanske inte lika snyggt som innan, men betydligt mer stämningsfullt!

 

Vi får in många kommentarer från er om problem med koder och liknande och tyvärr hinner vi inte svara på dem. Då är det bättre att ni mailar in till support@devote.se där ni kan få snabbare hjälp.

Tänke däremot ta upp några småsaker vi fått in från er som det kanske är fler som har problem med.

 

 

1. Hur gör man så att bakgrunden bakom headern blir genomskinlig? 

 

Svar: Kopiera denna kod och klistra in i din avancerade stilmall:

 

.banner_container
{
background-color: transparent;
}

 

 

2. Längst upp i menyspalten visas ens bloggnamn som en länk automatiskt när man skapar en blogg, hur tar man bort det?

 

Svar: Kopiera denna kod och klistra in i din avancerade stilmall:

 

a.copy_blog_name h3
{
display:none;
}

 

 

3. Hur gör man för att ta bort länken "Se profil på Devote.se" i menyspalten?

 

Svar: Alla bloggar på Devote har en egen profilsida där man kan se profilbilden och några snabba frågor om bloggaren. Detta är en gammal funktion som ska tas bort i början av 2013. Läs mer genom att klicka på länken eller gå in på Min Profil i menyn.

 

 

4. Hur gör man headern klickbar?

 

Svar: Alla headers är klickbara på Devote och leder till startsidan av bloggen!

 

 

5. Hur centrerar man sin header?

 

Svar: Kopiera denna kod och klistra in i din avancerade stilmall:

 

.banner_container

{

text-align: center;

}

 

 

 

Det var allt för idag!

Här får ni en julig bild på Devote-redaktionen:

 

 

 

Bakgrundsbild på menyrubrikerna

Hej!

 

Vi har fått in flera frågor om hur man ändrar designen på rubrikerna i menyspalten.

Ett fint exempel på hur man kan ha det är Alexandra med bloggen lakeyours.devote.se som gjort såhär:

 

 

Hon har lagt en bakgrundsbild på rubrikerna där texten lätt syns då den är svart och fetstilad.

 

För att lägga in bakgrundsbilder på rubrikerna gör du såhär:

 

1. Först behöver du ta fram bilden du vill använda och göra den i rätt storlek i ett bildredigeringsprogram som t.ex. Photoshop, Gimp, Pixlr.com, Photoscape m.fl. Storleken kan vara olika beroende på vilken bredd din menyspalt har och vilken storlek på texten du valt på rubrikerna. Testa dig fram, men du kan utgå från storlek vi testat med som är 166x40pixlar.

 

2. Gå in på Devote och sedan "Min Blogg" där du laddar upp bilden som du vanligtvis gör när du bloggar. När bilden är uppladdad högerklickar du på den och väljer "Kopiera bildadress".

 

3. Lägg in bildadressen i denna kod:

 

h4
{
background-imageurl("BILDADRESSEN");

}

 

4. Lägg in koden i din avancerade stilmall.

 

5. Klart!

 

Design på muspekare

Hej!

 

Dagens snabba designguide är hur man kan ändra utseende på besökarnas muspekare när de är inne på bloggen.

 

1. Hitta en muspekare du gillar på denna sida: http://www.totallyfreecursors.com/

2. Klicka dig in på muspekaren du ska ha och kopiera koden som står i den första rutan under Universal HTML/CSS Code.

 

 

3. Klistra in koden i rutan som finns under Min Blogg - Inställningar - Grund på Devote.

 

KLART!

 

Nya funktioner på Devote

Hej fina läsare!

 

Idag vill jag tipsa om lite nya funktioner som lanserats på Devote:

 

1. Instagram-koppling till bloggen

 

Nu finns chansen att kunna koppla sitt Instagram-konto till sin blogg på Devote, vilket innebär att du lätt kan infoga bilder som du publicerat på Instagram när du skriver ett nytt blogginlägg samt att du kan lägga in en Instagram-widget i din menyspalt (den inställningen hittar du under Min Blogg - Inställningar - Meny)

 

 

2. Publiceringstid under rubrikerna

 

Denna inställning har varit väldigt önskad i supportmail och överallt på sajten. Nu går det! För att lägga publiceringstiden under rubrikerna istället för under varje inlägg går du in på Min Blogg - Inställningar - Design och klickar i rutan under texten "Publiceringsdatum under rubrikerna".

 

 

3. Signatur i inläggen

 

Också något som många önskat (läs: tjajat om, hehe). Vi har nu lagt in en inställning som gör att du kan ladda upp en bild eller skriva en text som automatiskt hamnar i slutet av dina inlägg. Även denna inställning finns under Min Blogg - Inställningar - Design.

 

 

4. Stavningskontroll

 

Nu slipper vi läsa fler felstavade inlägg! Vi har ordnat så att man lätt kan ställa in en stavningskontroll när man skriver sina inlägg. Som de flesta vet blir då de felstavade orden markerade med en röd linje. Högerklicka bara i rutan där du skriver inlägget och klicka i "Check Spelling" eller "Kontrollera stavning", beroende på om du har en engelsk eller svensk webbläsare.

 

 

5. Fotoalbumet är raderat

 

Ni har inte något fel på er dator eller behöver glasögon, fotoalbumet är borttaget från allas konton. Vi har valt att radera fotoalbumen då de inte längre fyller sitt syfte som de gjorde då Devote hette Tjejsajten och var lite mer utav ett community än bloggportal och nätmagasin. Alla era bilder hittar ni nu på den vanliga platsen där ni laddar upp bilder när ni ska skriva nya blogginlägg. Där kan ni också fortfarande ta bort bilder, ladda ner dem på datorn, redigera, kategorisera i mappar osv.

Kolla i vår FAQ om ni känner er vilsna: http://www.devote.se/om/faq

 

 

 

 

 

Hoppas ni gillar nya saker! Det kommer mer inom kort ;)

 

Designtips!

Hej!

 

Idag tänkte jag bara ge några snabba designtips till er som känner er som är nya med bloggdesign. Det här kan vara bra att ha i huvudet när ni designar era bloggar:

 

 

 

Tips #1


 

Breda och högupplösta bilder i bloggflödet ger ett proffsigare och mindre rörigt intryck.

Exempel: Floras blogg.

 

 

 

Tips #2


 

Ofta är en enkel design snällare mot läsarens öga och låter fokuset hamna på inläggen istället.

Exempel: Carolines blogg.

 

 

 

Tips #3


 

En header med vit bakgrund får headern att se större ut 

Exempel: Sabinas blogg



Tips #4



Många glömmer bort menyspalten men tänk på att den också utgör en del av bloggens innehåll. Gör den inspirerande!

Exempel: Georginas blogg.

 



Tips #5



Man förstår bättre att en länk är klickbar om den byter utseende när man hålla pilen på den. 

Exempel: Den här bloggen ;)


 

 

 

 

Om ni gillade något av tipsen och vill ha hjälp av oss så är det bara att säga till i kommentarsfältet eller ännu hellre - maila till bloggdesign@devote.se!

 

Bakgrundsbild på inläggen

Hej!


Har ni en bra sommar?

Nu när man själv är tillbaka på kontoret tänkte jag uppdatera bloggen med hur man lägger in en bakgrundsbild bakom inläggsdelen av bloggen.

 

 

Det första man måste tänka på när man gör detta är att ha en diskret bild med passande textfärg. Du kan alltså inte ha en svart bakgrundsbild när du har svart textfärg eftersom ingen kommer se din text då!

 

Här kommer tre exempel på hur det kan se ut (inte de bästa mönstrena kanske, ni förstår nog poängen):

 

 

 

 

 

 

Som vanligt när man ska lägga upp en bild i designen på sin blogg ska man först ladda upp bilden i sin menyspalt, ta fram bildadressen, lägga in adressen i en CSS-kod som i sin tur ska klistras i in den avancerade stilmallen.

För er som inte tycker att det är lika självklart (helt förståeligt) så kan ni följa den här guiden:

 

 

 

1. Ladda upp bilden du vill ha som bakgrundsbild i ditt fotoalbum (Min Profil - Fotoalbum).

 

2. Klicka på "Ändra" som står bredvid bilden i fotoalbumet och sedan på "Klicka här för URL" för att få fram bildadressen till bilden. Kopiera adressen som kommer fram i rutan under bilden.

 

3. Lägg in bildadressen i den här koden (ersätt ordet BILDADRESSEN):

 

 

.blog_container
{
background-image: url("BILDADRESSEN"); /*bakgrundsbild bakom inläggen*/
} 

 

4. Lägg in koden i din avancerade stilmall (Min Blogg - Inställningar - Avancerad stilmall) tillsammans med denna kod:

 

.post_container

{

background-color: transparent; /*bakgrundsfärg på inläggen*/

}

 

 

När båda koderna ligger i din stilmall så är det bara att spara!

 

 

Ha en fin sommar så länge

 

Transparenta bilder på bloggen

Hej alla glada midsommarfirande bloggare!

 

Här kommer en lite annorlunda designändring som kan vara kul att ha för att highlighta sina bilder på bloggen. För över muspekaren på bilden nedan så ser ni att vi lagt in en designkod som gör att opaciteten (hur transparent bilden är) blir lägre och därför lite vitare. Och om man har en bakgrund som är mönstrad på blogginläggen så kommer den alltså att lysa igenom bilden när man håller muspekaren över. En ganska rolig effekt!

 

 

För att själv få denna effekt kan ni lägga in den här koden i den avancerade stilmallen på bloggen: 

 

img
{
opacity: 1;
filter:alpha(opacity=100);
}
img:hover
{
opacity: 0.5;
filter:alpha(opacity=50);
}

 

Guide till videouppladdning

Hej hej!

Här kommer en snabb guide till hur man laddar upp en video i ett blogginlägg på Devote. Det finns lite olika sätt att göra det här eftersom man kan få videos från olika sajter, men eftersom Youtube är vanligast kommer här en guide till hur man laddar upp Youtube-videos.

Säg till om ni vill ha hjälp med videos från andra sajter!

 

 

1. Gå in på videon du vill lägga in i ett inlägg

2. Klicka på Dela-ikonen under videon

3. Markera och kopiera adressen som kommer upp nedanför

 

 

 

4. Gå in på Devote - Nytt inlägg

5. Klicka på ikonen för videouppladdning

 

 

 

 

6. Klistra in adressen i rutan bredvid "Fil/URL"

7. Infoga och publicera inlägget!

 

 

 

 

OBS!

Man kan inte ladda upp en video direkt på Devote, då Devote inte har någon videouppladdningstjänst för tillfället. Ladda därför upp videon först på Youtube, Vimeo, Videofy.me eller någon annan liknande sida.

 

Behöver du hjälp?

Hej hej.

Vi på Devotedesign märker att ni har mycket frågor om saker ni vill ändra på i era bloggar, saker som inte fungerar för er och funderingar över design osv. Tyvärr har inte vi så mycket tid till att svara på era kommentarer på bloggen (men vi försöker så ofta vi kan!) så jag har listat lite olika lösningar på era problem om ni vill ha hjälp lite snabbare.

 

Problem: Saker som inte fungerar med bloggen, t.ex: "mina designkoder fungerar inte" eller "jag kan inte logga in"

Lösning: Maila beskrivning på vad som är fel till support@devote.se så kan de hjälpa dig!

 

Problem: Saker som rör redaktionen, t.ex: "hur blir man bloggtips på startsidan" eller "jag vill praktisera hos er"

Lösning: För bloggtips ska du maila bloggnamnet du vill tipsa om till bloggtips@devote.se med en motivering till varför den bloggen förtjänar att uppmärkssammas. Redaktion når du också på mail, redaktion@devote.se

 

Problem: Designfrågor, t.ex. "hur får man fet stil på rubrikerna" eller "hur lägger jag in en kategorilistning under headern?"

Lösning: Några svar på såna här frågor har vi redan tagit upp på bloggen, så kolla igenom våra kategorier så kanske ni hittar svaret! Annars kan det finnas i vårat hjälpavsnitt (klicka här för att komma till det). Hittar du inget svar kan du maila din fråga till support@devote.se

 

 

Det går såklart fortfarande att kommentera på bloggen dock :)

 

Tips om hur man får en större blogg

Hej kära läsare!

 

Vi får hela tiden in frågor om hur man får fler besökare till sin blogg. Denna fråga har inget enkelt svar, då det beror mycket på bloggarens känsla för språk, utseende, personlighet och ofta slumpen. Däremot har vi samlat ett par tips till er som ni kan testa för att synas ute i bloggdjungeln:

 

  • Kommentera andras bloggar flitigt (inga spam-kommentarer däremot, det brukar inte ge särskilt många återkommande besökare) utan basera kommentaren på inläggets innehåll du precis läst.
  • Ha veckans-blogg tävlingar där du lockar läsare när de tävlar om att få synas på din blogg
  • Utnyttja vår Live-funktion som du köper och läser mer om HÄR
  • Lägg upp stora bilder med bra kvalitet
  • Aktivera dig i vårat forum. Skriv intressanta saker och länka till din blogg (samma sak om spam-inlägg gäller alltså här).
  • Ha en annorlunda och rolig bloggdesign
  • Skicka en motivering och bloggnamn till bloggtips@devote.se, så kanske du kan bli veckans bloggtips på startsidan.
  • Ha ett tydligt tema du är intresserad av. Kan du mycket om mode - skriv om det. Älskar du att träna - visa det!
  • Producera ditt egna material till bloggen, alltså att det är dina egna bilder och texter som du lägger upp.

 

 

Hoppas att ni tycker att tipsen är bra. Har ni några andra tips så får ni gärna skriva dem i kommentarsfältet så kan vi ta med dem i denna lista!

 

Länkar som ändrar färg vid mouse-over

Hej alla!

Vi har varit väldigt fullproppade med annat här på Devote så bloggen har glömts bort lite. Men nu är vi tillbaka!

 

Idag visar vi hur man kan ändra länkar när man håller muspekaren över. En ganska simpel sak som ändå kan ge ett lite proffsigare intryck av bloggen.

 

Lägg in koden nedan i din avancerade stilmall för att få annat utseende på länkarna när du håller muspekaren över dem (detta gäller för alla länkarna på hela bloggen):

 

 

a:hover /*Muspekare över alla länkar*/ 

{ 

color: #f792ba; /*färg på texten*/ 

font-family: arial; /*typsnitt på texten*/ 

font-size: 20px; /*storlek på texten*/ 

background-color: #FFFFFF; /*bakgrundsfärg*/ 

} 

 

Som vanligt när det gäller designkoder så är det bara att ta bort de raderna du inte vill ändra på. Vill du t.ex. inte att länkarnas typsnitt och bakgrundsfärg ska ändras när man håller muspekaren över så ska du bara använda den här koden:  


 

a:hover /*Muspekare över alla länkar*/ 

{ 

color: #f792ba; /*färg på texten*/ 

font-size: 20px; /*storlek på texten*/ 

} 


 

 

Guide: Twitter-flöde i menyspalten.

I vår menyspalt här på Devotedesign kan man nu se vad vi på Devote skriver på vårt twitterkonto! För att få dit widgeten i menyn gick vi in på den här sidan. 

 

 

Det första vi klickade på var Dimensions, där valde vi vilken storlek vi ville ha på vår widget, vi valde att den skulle vara 170px bred och 300px hög. Vår menyspalt är lite bredare än vad standardmåttet på Devotes bloggar är så vi rekommenderar er att ta 150px bredd om ni inte vet med er att ni har ändrat menyspaltens bredd innan själva. 

 

 

Efter det klickade vi på Utseende. Där valde vi vilka färger vi ville ha vår widget i genom att klicka på de olika små färgrutorna. 

 

 

Efter det kände vi oss klara och tryckte då på knappen Avsluta & Hämta kod. Sedan kopierade vi koden och loggade in på vår blogg och klistrade in hela koden i Grund.

 

Grund hittar du genom att klicka Min blogg--> Inställningar--> Grund. 

 

Länkbara ord

Hej hej Devotes!

 

Det är många som undrar hur man skriver en länk utan att det ser ut såhär:

http://devotedesign.devote.se 

 

Utan ser ut såhär:

Klicka HÄR för att läsa Devotedesign-bloggen!

 

 

Detta kan man göra på två olika sätt, beroende på om man vill lägga in länken i ett blogginlägg eller i menyspalten. Vi visar båda sätten här nedan:

 

 

Länk i blogginlägg 

 

1. Skriv texten du vill ska vara synbar på bloggen och länka till bloggen/hemsidan. T.ex. "HÄR"

2. Markera ordet och klicka på länk-ikonen i verktygsfältet på sidan där du skriver ett nytt inlägg. Såhär:

 

 

 

3. Lägg in adressen till sidan du vill länka till i rutan som kommer upp. T.ex. "http://devotedesign.devote.se"

4. Spara!

 

 

 

Länk i menyspalten 

 

1. Lägg in adressen du vill länka till i den här koden (ersätt ordet ADRESSEN):

<a href="ADRESSEN">Orden som ska visasa> 


 

2. Lägg också in vad du vill ska stå i menyspalten, alltså orden som ska vara länkbara (ersätt Orden som ska visas)

3. Lägg in koden i rutan under Min Blogg - Inställningar - Grund.

4. Spara!

 

Såhär kan det se ut då:

 

 

 

Utseendet på Dela på Facebook

När man startar en blogg på Devote får man ett standardutseende som kanske inte känns så personligt och eget. Detta kan man såklart lätt ändra på själv genom att lägga in en egen header och bakgrundsbild/färg, men det finns också små saker man kan ändra på som finns i standarddesignen på bloggen.

 

En av dessa saker är att ändra färgen på länkarna som står under blogginlägget. "Dela på Facebook" kallar vi den raden med länkar. När man startar en blogg ser den raden ut såhär:

 

 

 

 

För att ändra utseendet på "Dela på Facebook" kan du lägga in den här koden i din avancerade stilmall:

 

.copy, .copy a /*"Dela på Facebook-raden"*/ 

{ 

color: #000000; /*färg på texten*/ 

font-family: arial; /*typsnitt på texten*/ 

font-size: 15px; /*storlek på texten*/ 

background-color: #FFFFFF; /*bakgrundsfärg*/ 

} 

 

Är det något du inte vill ändra på, t.ex. om du vill ha samma typsnitt som det redan är, så tar du bara bort den raden från koden. Då ser koden ut såhär istället:

 

.copy, .copy a /*"Dela på Facebook-raden"*/ 

{ 

color: #000000; /*färg på texten*/ 

font-size: 15px; /*storlek på texten*/ 

background-color: #FFFFFF; /*bakgrundsfärg*/ 

} 

 

Vill du däremot ändra färgen från svart (som det är nu i koden) till blå så byter du bara ut färgkoden till någon annan. Såhär:

 

.copy, .copy a /*"Dela på Facebook-raden"*/ 

{ 

color: #0000CD; /*färg på texten*/ 

font-family: arial; /*typsnitt på texten*/ 

font-size: 15px; /*storlek på texten*/ 

background-color: #FFFFFF; /*bakgrundsfärg*/ 

} 


 


 

Läs mer om färgkoder HÄR.  

 

Skuggning som på Devotedesign

Hej hej!

Här kommer en supersnabb guide till hur du får skuggade kanter runt din header och menyspalt (som vi har på vår blogg):

 

1. Koderna nedan gör att du får skugga på höger sida av de båda områdena. Lägg in koderna i din avancerade stilmall.

 

.panel_container /*menyspalten*/
{
box-shadow: 3px 3px 9px #BBBBBB;
} 

 

.banner_container /*området vid headern*/
{
box-shadow: 3px 3px 9px #BBBBBB;
} 

 

2. Klart! :)

 

Mellanrum mellan menyspaltens bilder

Godmorgon!

Här kommer en superenkel beskrivning på hur man kan göra radavstånd mellan bilderna/texten/widgetsen ni lagt in i era menyspalter. Detta är bra att kunna om man vill dela in presentationstexten i olika stycken eller helt enkelt lägga in lite mellanrum mellan bilderna.

 

För att göra detta krävs det att ni lagt in bilder eller text under Min Blogg - Inställningar - Grund. Det kan se ut såhär:

 

Hej hej. Här är en bild på skaparna av denna blogg:  

 

Hejdå. 

 

Där har vi alltså lagt en rad med text, en rad med bildkod och ytterligare en rad med text.

Om man nu vill lägga in lite mellanrum mellan raderna så är det bara att lägga in såna här koder mellan dem:

 


 

 

Och om man vill ha större mellanrum så lägger man in flera av dessa:

 




 

 

Då kan det se ut såhär:

 


 

Hej hej. Här är en bild på skaparna av denna blogg: 


 

 



 

Hejdå. 

 

Bild i webbläsarfönstret

Hej hej!

Det var några dagar sen vi uppdaterade bloggen, så nu är det hög tid för ett nytt inlägg!

Tänkte visa en kul utsmyckning man kan ha på sin blogg - att byta ikonen som står längst upp i webbläsaren, bredvid adressen till bloggen. Det är kanske inte någon jätteviktig designförändring, men det kan göra en del för bloggens helhet.

 

Såhär gör du:

 

1. Ladda upp bilden du vill använda (tänk på att den ska få plats där,
så den får inte vara för stor. Vi använde en bild på 40x38 pixlar) i ditt fotoalbum på Devote (Min Profil
- Fotoalbum).

 

2. Klicka på "Ändra" som står till höger om bilden du laddat upp.

 

3. Klicka på länken "Klicka här för URL" och kopiera adressen som
kommer upp i rutan.

 

4. Lägg in adressen i den här koden (ersätt ordet BILDADRESSEN):

 

<link href="BILDADRESSEN" rel="icon" type="image/x-icon" />

5. Lägg in hela koden under Min Blogg - Inställningar - Grund.

 

 

 

Tänk på att vissa webbläsare kan sakna stöd för detta/blockera dessa sorters koder. Detta är däremot inget vi på Devote kan göra något åt.

 

Såhär ser Devotedesigns topp ut i några olika webbläsare:

 

 

 

Det blir alltså finast för den som surfar med Firefox (längst ner)!

 

Bilder i menyspalten

Hej alla som äntligen hittat till vår blogg (haha)!

Vi har fått in några önskemål om att skriva hur vi har lagt in bilderna i menyspalten, så här kommer ett inlägg om det: 

 

1. Börja med att ladda upp bilden i bilduppladdaren. Tänk på att den
ska vara max 170 pixlar bred, eftersom det är menyspaltens
standardbredd.
2. Högerklicka på bilden efter du har laddat upp den och välj "Kopiera
bildwebbadress" eller "Copy Image Location".
3. Lägg in URL-adressen som du precis har kopierat där det står
"BILDADRESSEN" i denna kod:

<img src="BILDADRESSEN">

4. Tänk på att du ska låta citationstecknena ("") vara kvar och bara
byta ut ordet BILDADRESSEN.
5. Lägg in den färdiga koden i rutan under Min Blogg - Inställningar - Grund.

 

Våra färdiga koder ser då ut såhär: 

 




 

Vi har valt bilder på oss som driver den här bloggen.

 

 

  

 

Vill du att bilderna ska vara länkade till någon blogg/hemsida så kan du kolla i det här inlägget hur man gör: 

http://devotedesign.devote.se/blogs/17083566/hur-man-laegger-in-egna-bloglovin-ikoner.htm 

 

Redigering av bilder

Vi har nyligen lanserat en ny funktion på Devote. En bildredigerare från Pixlr.com som gör att du kan redigera dina bilder du laddat upp, direkt i editorn! Smidigt va?

 

Hur du gör:

När du laddat upp en bild på Devote så håller du muspekaren över bilden och får då upp tre menyalternativ. Klicka på verktygsikonen som leder dig till bildredigerinssidan där du kan ändra bilden du valde. När du sedan lekt runt lite och beslutat dig för en design så är det bara att klicka på Spara och stänga ner rutan. Klart!

 

 

 

Vi har använt oss av denna bild, som är på Emelie som är en av oss som sköter denna blogg!

Såhär blev hon efter lite tid i vår bildredigerare:

 

 

 

 

 

 

 

Läs även dessa populära bloggar på Devote.se

http://forni.devote.se
forni
http://Andreahedenstedt.devote.se
Andreahedensted
http://hannalicious.devote.se
hannalicious
http://dasha.devote.se
dasha
http://Tovewaldemar.devote.se
Tovewaldemar
http://fitspooration.devote.se
fitspooration
http://ebbazingmark.devote.se
ebbazingmark
En gratis blogg från Devote.se. Starta en blogg du också.  http://devotedesign.devote.se