MUSIK TILL BLOGGEN
  Myflashfetish.com
  Musicvideolife.com
  Radioblogclub.com
  Youtube.se

  ART
  Deviantart.com

  DESIGN
  Designfloat.com
  Bloggdesign.nu
  Blogg.tkj.se
  Acrisdesign.com
  webbdesignskolan.com
  Smashingmagazine.com
  Photoshopstar.com
  Webbrelaterat.se
  STOCKSITES
  Sxc.hu
  Gettyimages.se
  Fotolia.com
  Freedigitalphotos.net
  Freepixels.com
  Public-domain-photos.com
  Designpacks.com
  Everystockphoto.com
  Stockvault.net
  Photoxpress.com
  Openphoto.net
  Photorack.net
  Freerangestock.com
  Freedigitalphotos.net

  VIDEOBLOGGA
  Viddler.com
  videofy.me

  ÖVRIGT
  Media icons
  Bloggliv.net
  Bloggtrafik.nu

  SPOTLIGHT
  Hittabloggen.se

  BRUSHES
  Tutorialfreakz.com
  Deviantart.com
  Abduzeedo.com
  Brusheezy.com
  Myphotoshopbrushes.com
  Inobscuro.com

  FONTS
  Dafont.com
  Font.com
  1001freefonts.com
bloglovin

 Totalt:
 Denna vecka:
 Idag:
 Online nu:


Ny design på G


2010-07-29 / 19:16:32   övrigt   0 kommentarer /   Kommentera här!


Ny design snart klar, jag har ändrat och gjort några men denna börjar jag bli riktigt nöjd över, den är ren och snygg som man lätt ska kunna hitta runt på, men har lite kvar att göra på den så blir nog klar nästa vecka. Jag ska även updatera "designade bloggar" ska ta bort några länkar där eftersom några har en ny design.


Stöld av material


2010-07-29 / 00:39:14   övrigt   3 kommentarer /   Kommentera här!

Jag ser ibland att folk tar mina koder och kopierar rak av och skriver det på sin blogg så det ser ut som deras eget material, eller tar en gratis design och försöker sälja.

Jag har skrivit tydligt från början att det är förbjudet att kopiera material, man får endast kopiera det tillåtna och det tror jag de flesta förstår vad jag menar med det.

Men det finns vissa gränser!

En person, vill inte skriva vem har skapat en norsk blogg med samma namn som min sida, använt min gratis mall och kopierat mitt material jag har på denna sidan och översatt till norska viss del.

Jag tycker detta är en mycket dålig stil, jag lägger ner mycket tid på mina inlägg, skriver dom med egna ord i förklaringarna för jag vill få fram en så bra förklaring som möjligt på mitt sätt...Detta är en sida man ska få info ifrån, för att tex skapa sej en snyggare blogg, inte kopiera eller stjäla för egen vinnings skull som denna personen.



Animation klockor


2010-07-19 / 18:21:52   Animation klockor   4 kommentarer /   Kommentera här!

Söta animation klockor hittar ni via denna [Länk] klicka sedan på Pixel Clocks i menyn till höger.


      


Update


2010-07-16 / 15:16:25   övrigt   1 kommentarer /   Kommentera här!
Det är många frågor som har kommit in och ska svara på alla så fort jag får lite tid över, de besvarade frågorna hittar ni på "besvarade frågor" på startsidan.
Tack också för alla fina kommentarer och roligt att ni fort läser på sidan, dock inte varit så mycket inlägg men detta är ju inte direkt e blogg utan en sida fylld med information för att hjälpa folk med koder etc.
Men jag ska börja skriva mer inlägg när jag får tid, jus nu är man ute mycket och gör annat i sommar värmen.

Men skriv på och ställ frågor, läser allt.

Mvh Anni  


Klar med Drilonas design


2010-07-09 / 11:54:18   Vinnare bloggdesign   4 kommentarer /   Kommentera här!


Länk till hennes blogg


Lägg in Facebook gilla knapp


2010-07-04 / 12:45:33   Lägg in Facebook gilla knapp   4 kommentarer /   Kommentera här!


Gå först in på din facebook och kopiera din personliga kod och klistra in på din blogg, så här gör man:

1. Klicka på design och kodmallar

2. Hitta Entrybody, denna koden:


<div class="entrybody">${EntryBody}</div>

 


3. Vill man att Facebook gilla knappen hamnar innan det skriva inlägget, ska det se ut så här:


<div class="entrybody">

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:538px; height:30px"></iframe>

${EntryBody}</div>






4. Om man vill att Facebook gilla knappen hamnar efter det skriva inlägget, lska det se ut så här:

<div class="entrybody"> ${EntryBody}</div>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:538px; height:30px"></iframe>



5. Gör nu samma sak på de andra sidorna och spara.


Skapa en ruta/kant runt inläggen


2010-06-28 / 13:18:45   Skapa en ruta/kant runt inläggen   2 kommentarer /   Kommentera här!


1. klicka på design och stilmallen.

2. Bläddra ner till koden:  div#content div.entrybody {

3. Lägg till denna koden:  border: 1px solid #c7c7c7;

Ändra tjockleken på kanten på 1px
Ändra färg på kanten på #c7c7c7
Ändra kantens utseende på solid till exempel:

- double
- dashed
- dotted
- groove
- ridge
- inset
- outset




Tävling! Vinn bloggdesign


2010-06-23 / 10:36:21   tävlingar   7 kommentarer /   Kommentera här!
Nu har man chans att vinna en av mina färdiga design mallar som jag lägger in vinnarens bilder och text som den vill ha det!


För att vinna:
- Skriv lite kort varför du vill vinna
- Skriv namn och bloggadress
- Lägg till mej på bloglovin

Skriv upp er här eller via denna
länken

Tävlingen avslutas den 1 Juli

Lycka till!

Vinnare blev therebounder.blogg.se
Ska snart börja bygga på hennes design.



Skapa en footer


2010-06-21 / 23:22:29   Skapa en footer   5 kommentarer /   Kommentera här!
Gör en egen footer längst ner på din blogg efter alla dina inlägg, ska förklara hur man gör:

1.
Gör din footer i tex photoshop, viktigt att den är lika bred som (content)

2.
Ladda upp bilden på din blogg och kopiera adressen till den

3. Gå in i din stilmall, nu ser inte koden exakt ut så här men leta upp div#content{
Denna koden:

div#content {
position: absolute;
top:190px;
  left:40px;
  float: right;
  clear: right;
  display: inline;
padding-left:5px;
padding-top:5px;
padding-bottom:120px;
padding-right:5px;
  width: 665px;
background-color: #ffffff;
}

4. Lägg till denna koden:

background:url(LÄNK FRÅN DIN BILD) no-repeat left bottom;

5. Se nedan hur det ska se ut:

div#content {
position: absolute;
top:190px;
  left:40px;
  float: right;
  clear: right;
  display: inline;
padding-left:5px;
padding-top:5px;
padding-bottom:120px;
padding-right:5px;
  width: 665px;
background:url(länk från bild) no-repeat left bottom;
background-color: #ffffff;
}

6. Om texten hamnar på footern ellerfootern hamnar för långt ner så får du gå in i stilmallen igen och ändra det på padding.

7. Spara så var det klart.


Klar med Michelles design


2010-06-20 / 20:57:52   Vinnare bloggdesign   1 kommentarer /   Kommentera här!


Vinnarens design klar, besök hennes blogg här: http://michellez.blogg.se/



Besvarade frågor


2010-06-19 / 23:43:23   Besvarade frågor   5 kommentarer /   Kommentera här!
Fråga:
Ang detta inlägget: Skapa Gästbok
Det kommer "Not found" i popup rutan, jag fattar inte.
Kan du hjälpa mig?
/jojo

Svar:
Nu beror detta på att du inte gjort som det står i min beskrivning, kolla noga igenom igen, annars skriv igen. 



Fråga:
Ang detta inlägget: Dropdown meny
Jag hade först sådär och det fixade jag genom dina beskrivningar.sen råkade jag återställa hela kodmallen så jag skulle fixa det igen men nu går det inte för inlägg osf som är på sidan försvinner plus att det inte hamnar intill headern,hur ska jag göra?snälla hjälp mig..

Svar:
När man återställer kodmallen får man även kolla så man återställt även de andra sidorna, det borde funka när man återställt hela designen, men man får inte glömma att spara det man vill ha kvar på designen!




Fråga:
Hej :)
jag har ett problem med min kodmall. jag har bilder som ligger innan kategori rubriken och dom vill inte hamna i mitten. jag vet hur man gör det om man vill han en bild längst upp i menyn men jag kan inte hitta den rätta paddingen till dom här bilderna som ligger över kategori rubriken. tror du att du kan hjälpa mig? jätte tacksam för hjälp! :D
/Cornelia

Svar:
Det lättaste sättet för att få bilderna i menyn i mitten är att lägg till <center> kod från din bild </center>



Fråga:
Kan du skriva ett inlägg om hur man gör rutor runt inläggen ?
/Hannan

Svar:
Jag har skrivit ett inlägg om det här: Skapa en ruta/kant runt inläggen




Fråga:

Hej! Är det meningen att alla inlägg jag skrivit hamnar på första sidan? Det blir så jobbigt att scrolla ner.
Tacksam för svar!
/Lina

Svar: Ja alla senaste inläggen hamnar på första sidan men man kan korta ner det till så många inlägg man vill ska synas, detta gör man i kodmallen.
Bläddra ner till denna koden:

<div id="content">
<tag:entrylist limit="50">  <----Ändra siffran till hur många inlägg du vill ha och spara KLART!




Fråga:

Hur gör man en t ex. ett hjärta framför typ senaste inläggen, arkiv länkar och så ?
/Hanna


Svar:
Jag har skrivit ett inlägg om detta, Ikon innan länk i menyn



Fråga:
Hur kan man få en sådant litet hus du har vid rubriken för varje inlägg? Skulle så gärna vilja ha ett sånt. ^^
/ Twis


Svar:
Jag har gjort ett inlägg om detta där jag förklarar precis hur man ska göra, Länk till toppen av sidan
Man kan ju såklart byta ut bilden "hus" som jag gjort till en egen om man vill. 


Fråga:
Hej, jag undrar vart man ändrar texten i kommentar rutan ! Du vet när man ska skriva en kommentar, jag vet bara hur man ändrar bakgrunden men vart man ändrar texten vet jag inte :S Men jag hoppas verkligen att du kan hjälpa
/ Pompom ღ

Svar: För att ändra färg och typsitt på texten har jag skrivit ett inlägg om det här,
Ändra texten på kommentarsfälten



Fråga:
hur får man en bildtext i slutet av inlägget om man inte vill ladda upp den hela tiden?

Svar: Man skapar först en bild man vill ha eller text och laddar upp den på blggen och lägger in det i kodmallen i content...mer hur man gör detta har jag skrivit här: Logga efter varje inlägg



Fråga:
Hej, jag har problem med min blogg i IE, menyn hamnar längst ner på sidan. I Firefox fungerar det som det ska. Skulle bli jätteglad om du kunde hjälpa mig
/Sis Morphine

Svar: Nu är det svårt att säga när jag inte ser någon kod, men det verkar som felet är i kodmallen kanske har du missat en </div> eller annan kod, men så svårt att säga, lättare att man kopierar den kod man vill ha kvar och steg för steg lägger in på nytt i en blogg man återställt koderna i.



Fråga:
Hur ändrar jag typsnittet på rubrikerna i inläggen?
/Emelie

Svar:
Detta ändrar man i stilmallen, läs denna inlägget: Ändra rubrik i inlägg


Fråga:
Hej jag undrar hur man får en såndär kalender.. ? sådan som du har? :) hade gjärna viljat ha det :D
/Anna

Svar:
Nu tror jag du menar hur mitt arkiv ser ut, detta kan man ändrar lätt i kodmallen, inlägg om detta finner man här: Videoinlägg - Ändra arkiv


 


 



Fler besvarade frågor kommer här med tiden, senaste hamnar högst upp.


Videoinlägg - Ändra arkiv


2010-06-15 / 20:30:53   videoinlägg blogghjälp   0 kommentarer /   Kommentera här!
Ändra så det ser ut så här




Kod som du ska klistra in i kodmallen under Arkiv:

<center>
<a href="http://bloggadress/2010/january">Januari |</a>
<a href="http://bloggadress/2010/febuary">Februari |</a>
<a href="http://bloggadress/2010/march">Mars |</a>
<a href="http://bloggadress/2010/april">April |</a>
<a href="http://bloggadress/2010/may">Maj</a>
<a href="http://bloggadress/2010/june">Juni</a>
<font face="arial" color="#b9b8b8" size="1" height="4000"> <br>
Juli |
Augusti |
September
| Oktober
November |
December
<br><br>
</center>
</font>


Tävling! Vinn bloggdesign


2010-06-10 / 21:52:09   tävlingar   13 kommentarer /   Kommentera här!
Nu har man chans att vinna en av mina färdiga design mallar som jag lägger in vinnarens bilder och text som den vill ha det!


För att vinna:
- Skriv lite kort varför du vill vinna
- Skriv namn och bloggadress
- Lägg till mej på bloglovin

Skriv upp er här eller via denna
länken

Tävlingen avslutas den 18 Juni

Lycka till!

Tävling avslutad, vinnare blev Michelle
Ska snart börja bygga klart på hennes design o lägger upp det sedan :)


Videoinlägg - Fallande hjärtan på bloggen


2010-06-10 / 21:11:59   videoinlägg blogghjälp   0 kommentarer /   Kommentera här!
Jag visar hur man får fallande hjärtan på sin blogg, man kan även byta till exempel stjärnor, snöflingor etc.
Mitt inlägg om detta [Länk]



Videoinlägg - Ladda ner penslar


2010-06-10 / 20:26:07   Videoinlägg photoshoptips   1 kommentarer /   Kommentera här!
Hur man laddar ner penslar (brushes) till photoshop, man kan göra på lite olika vis men visar hur jag gör.


(Ursäkta bruset i bakgrunden har dålig mic)


Videoinlägg - Typsnitt till photoshop


2010-06-10 / 20:15:56   Videoinlägg photoshoptips   1 kommentarer /   Kommentera här!
Hur man laddar ner fonts (typsnitt) till photoshop, ska visa hur jag gör detta.



(Ursäkta bruset som är i bakgrunden, dålig mic)


Videoinlägg - Retuschering


2010-06-10 / 16:22:01   Videoinlägg photoshoptips   2 kommentarer /   Kommentera här!
Nu ska jag visa hur man retuscherar bort något i en bild, det är mycket lätt!



Videoinlägg -Runda hörn på bilder


2010-06-10 / 14:27:03   Videoinlägg photoshoptips   1 kommentarer /   Kommentera här!
Detta är mitt första videoinlägg, där jag visar hur man gör runda hörn på sina bilder i photoshop.



Nytt som kommer på sidan


2010-06-09 / 20:11:22   övrigt   2 kommentarer /   Kommentera här!

Kommer inom en vecka börja videoblogga, väntar bara på att bli godkänd på sidan videofy.me
Vad tycker ni, är det lättare att förstå när man videobloggar hur koder funkar, eller spelar det ingen roll?



Centrera bloggen


2010-06-04 / 15:49:13   Centrera bloggen   2 kommentarer /   Kommentera här!
Att centrera bloggen kan man göra på olika sätt, detta beror på hur du har byggt upp din blogg i koderna.
Exempel i stilmallen:

#side {
position: absolute;
left: 95px;
top: 105px;

width: 1000px;
display: inline;
background:none;
}


1. Leta upp wrapper i stilmallen, och ändra koden så den ser ut så här:

div#wrapper {
margin-left: auto;
margin-right: auto;
width: 1070px;
position: relative;
align:center;
}

2. Spara och se om det funka, om inte ska du gå in i kodmallen och lägga till denna koden:

<div id="wrapper">


3. Lägg den precis efter </head>

4. Lägg den även innan <div id="content">

5. Om du har en dropdown meny och den inte blir centrerad så lägg även innan den koden.

Spara så ska det funka!


Detta funkar på mina gratis mallar och till er jag gjort designer till.
Jag kommer lägga in mer info hur man centrerar bloggen på annat sätt längre fram.


Tävling Vinn bloggdesign!


2010-05-29 / 16:22:36   tävlingar   6 kommentarer /   Kommentera här!
Nu har man chans att vinna en av mina färdiga design mallar som jag lägger in vinnarens bilder och text som den vill ha det!


För att vinna:
- Skriv lite kort varför du vill vinna
- Skriv namn och bloggadress
- Lägg till mej på bloglovin
- Även ett pluss om man skriver om tävlingen i eran blogg

Skriv upp er här eller via denna länken

Tävlingen avslutas den 5 Maj

Lycka till!

Vinnare blev http://drilonas.blogg.se/
Kommer börja bygga klart på hennes design inom kort


Ändra muspekare på blogg & dator


2010-05-25 / 20:13:17   Ändra muspekare på blogg & dator   4 kommentarer /   Kommentera här!
Lägg in en egen muspekare som endast syns när man klickar runt på sin blogg!
Det finns flera sidor på nätet man kan hitta olika muspekare, sök på "Cursors" på google så hittar man massor. Man kan även lägga muspekaren på sin dator.

Ska visa en sida och hur man lägger in detta:


1. Gå in på denna sidan [Länk]

2. Hitta en muspekare som du gillar och klicka på den så detta kommer upp, se bild nedan:
Kopiera sedan koden.


3. Klicka in på din blogg och kodmallen, lägg koden mellan <head> och </head>


4. Ta bort det markerade som syns på bilden nedan, annars kommer det synas en reklam bild i hörnet av bloggen.


5. Spara och gör nu samma sak på de andra sidorna.


För att lägga det på sin egen dator, gör så här:

1. Gör samma sak här fast man klickar på download


2. Packa upp filen, med t.ex programmet Winrar

3. Högerklicka sedan på skrivbordet, gå in på anpassa, muspekare och bläddra efter din nerladdade fil.

Spara så ska det funka.




Tipsa mer om dina inlägg


2010-05-24 / 14:19:30   Tipsa mer om dina inlägg   2 kommentarer /   Kommentera här!
Tipsa läsare vad du har mer på din blogg, genom att lägga in en widget med bild och en text efter varje inlägg.


1. För att göra detta klicka in på Linkwithin

2. Fyll i din mail, länk till din sida, har du blogg.se väljer du other på platform...
När man är klar klicka på get widget


3. Kopiera koden som kommer upp och lägg in i din kodmall, lägg in den innan </body>
längst ner på sidan, se exempel:


4. Gör nu samma sak på de andra sidorna om du vill att det ska synas när man klickar runt på sidan.

Spara så ska det vara klart!


Grundkoder


2010-05-24 / 12:59:29   Grundkoder   1 kommentarer /   Kommentera här!
Html koder:


Lägg in en bild:

<img src="LÄNK FRÅN DIN BILD">



Lägg in en länk:
<a href="LÄNK TILL SIDA">Länktext</a>



Länka en bild som byter bild vid mouseover:

<a href="LÄNK TILL SIDA">
<img src="LÄNK FRÅN DIN BILD1" oversrc="LÄNK FRÅN DIN BILD2" border="0"> </a>



Lägg in en text, där man ändrar typsnitt, färg och storlek:
<font face="arial" color="#6c6c6c" size="1" height="4000">
Din text här...
</font>



Annat alternativ ändra storlek på text:
<span style=”font-size: 20px;”>
Din text här...
</span>


Mellanslag:
&nbsp;


Överstruken text:
<strike>Din text</strike>


Fetstil:
<b>Din text</b>


Kursiv stil:
<i>Din text</i>


Centrera något:
<center>Texten eller bilden</center>


Radbrytning:

<br />


Understruken text:

<u>Din text här</u>



Klar med Malins design


2010-05-23 / 02:07:44   Vinnare bloggdesign   2 kommentarer /   Kommentera här!
Vinnaren i bloggdesign tävlingen blev Malin



Skapa fler rullande text på bloggen


2010-05-21 / 20:52:29   Skapa fler rullande text på bloggen   1 kommentarer /   Kommentera här!
Om man ser på min blogg har jag en rullande text på två ställen, ska förklara på ett lätt sätt hur man gör:





Rullande text på bloggen


2010-05-21 / 20:38:19   Rullande text på bloggen   1 kommentarer /   Kommentera här!
Ska förklara hur man lägger in en rullande text i menyn men man kan också lägga den var man vill

1. Kopiera denna koden:


<style type="text/css">
.marquee {
height:15px;
width:200px;
background-color:ffffff;
font-family:tahoma;
font-size:11px;
color:666666;
}
</style>
<marquee direction="left" behavior="scroll" scrollamount="3" >Din text här...</marquee>


2. Gå in i kodmallen och klistra in koden i din meny, se bilden nedan:



Mer förklaring hur koderna funkar:

<style type="text/css">
.marquee {
height:15px; Höjden
width:200px; Bredden
background-color:ffff33; Bakgrundsfärg
font-family:Tahoma; Typsnittet på texten
font-size:11px; Storleken på texten
color:666666; Färgen på texten

Om man vill lägga till en kant runt om, lägg till  koderna border direkt efter color...


border-width:1px; Tjockleken på kantlinjen
border-style:solid; vilken typ av kantlinje, solid, dotted, dashed, none
border-color:cccccc;  Färgen på kantlinjen

}
</style>
<marquee
direction="left" Vilket håll texten ska åka, välj mellan right, left, up, eller down
behavior="alternate"
scrollamount="3"> Hastigheten på texten



Om du nu vill ha texten under headern lägger du in koden under din bild i kodmallen.






Tävling Vinn bloggdesign!


2010-05-20 / 21:03:23   tävlingar   7 kommentarer /   Kommentera här!
Var med och tävla om denna designen!




Designen innehåller:
- Två egna bilder till höger
- Text i headern
- Profiltext
- Dropdownmeny eller horisontell meny, kan även ta bort den

Gör så här för att vara med:

- Skriv kort varför du vill vinna
- Skriv namn o bloggadress
- Lägg till mej på bloglovin

Tävlingen gäller ni som har en blogg hos blogg.se Tävlingen avslutad den 27 Maj

Lycka till!

VINNARE BLEV
nailealiti.blogg.se


Fler besökare med bloggsvar


2010-05-20 / 00:08:39   Mer trafik på din blogg   2 kommentarer /   Kommentera här!
Fler besökare med den nya funktioen på bloggsvar.se, du syns i rampljuset i 20minuter!

1. Ladda upp en egen bild och skriv en text.
2. Skicka sedan ett sms som kostar endast 10kr, fyll i din kod
3. Nu får du info när du kommer att synas på bloggsvar

Klicka här för att komma till sidan



Filma skärmen


2010-05-19 / 22:02:59   Filma skärmen   2 kommentarer /   Kommentera här!
Det finns många som använder att filma skärmen för att visa hur koder i bloggen funkar, men såklart kan man ju filma annat också, ska förklara hur man gör:



1. Ladda ner programmet Camtasia Studio 7

2. När man startar programmet så visas det en liten filmsnutt hur programmet funkar på engelska.

3. För att börja spela in klicka på record the screen


4. Ställ först in om du vill spela in hela skärmen eller bara en viss del, klicka sedan på spela in REC


5. När du är nöjd med inspelningen, kan du nu redigera klippet och spara i det format du vill ha.

Se denna videon mer hur man gör detta:




Ställ frågor om bloggdesign


2010-05-18 / 23:37:04   övrigt   6 kommentarer /   Kommentera här!
Behöver ni hjälp med något när det gäller bloggdesign och alla koder, skriv  så gör jag kanske ett inlägg om detta, ge mej lite tips vad jag ska skriva :)


Färgkoder


2010-05-18 / 20:04:26   Färgkarta   0 kommentarer /   Kommentera här!
#F4ED7C                                                                                  

#F4ED47

#F9E814

#C6AD0F

#AD9B0C

#82750F

#F7E859

#F9E526

#F9DD16

#F9D616

#D8B511

#AA930A

#99840A

#F9E55B

#F9E24C

#F9E04C

#FCD116

#F7B50C

#C6A00C

#AA8E0A

#897719

#F9E27F

#F7E8AA

#F9E070

#F9E08C

#FCD856

#FFCC49

#FFC61E

#FCB514

#E0AA0F

#BF910C

#B58C0A

#A37F14

#7C6316

#F4E287

#F4DB60

#F2D13D

#E29100

#C6930A

#9E7C0A

#705B0A

#FFD87F

#FFD691

#FCC963

#FCCE87

#FCBF49

#FCBA5E

#FCA311

#F99B0C

#D88C02

#CC7A02

#AF7505

#996007

#7A5B11

#6B4714

#F2CE68

#F2BF49

#EFB22D

#E28C05

#C67F07

#9E6B05

#725E26

#FFD69B

#FFB777

#FCCC93

#FF993F

#FCAD56

#F47C00

#F77F00

#DD7500

#B55400

#BC6D0A

#8C4400

#995905

#4C280F

#F4DBAA

#F9BF9E

#F2C68C

#FCA577

#EDA04F

#FC8744

#E87511

#F96B07

#C66005


#D15B05

#9E540A

#A04F11

#633A11

#843F0F
#F9C6AA

#F9A58C

#FC9E70

#F98E6D

#FC7F3F

#F97242

#F96302

#EA4F00

#F95602

#DD5900

#DD4F05

#BC4F07

#A53F0F

#6D3011

#843511

#F9BAAA

#F98972

#F9603A

#F74902

#D14414

#933311

#6D3321

#F9AFAD

#F99EA3

#F9B2B7


#F9827F

#F9848E

#FC6675

#F95E59

#FC4F59

#F43F4F

#EF2B2D

#D62100



#E23D28

#D62828

#CC2D30

#C13828

#AF2626

#A03033

#7C2D23

#7C211E

#5B2D28

#F9BFC1

#FC8C99

#FC5E72

#E8112D

#D11600

#CE1126

#AF1E2D

#7C2128

#FFA3B2

#FCBFC9

#FC758E

#FC9BB2

#F4476B

#F4547C

#E5053A

#E00747

#DB828C

#C10538

#992135

#A80C35

#931638

#F4C9C9

#EF99A3

#772D35

#D81C3F

#C41E3A

#A32638

#8C2633

#F2AFC1

#ED7A9E

#E54C7C

#D30547

#BAAA9E

#8E2344

#75263D

#FFA0BF

#FF77A8

#F94F8E

#EA0F6B

#CC0256

#A50544

#7C1E3F

#F4BFD1

#ED72AA

#E22882

#AA004F

#930042

#70193D

#F993C4

#F46BAF

#ED2893

#D60270

#AD005B

#8C004C

#6D213F

#FFA0CC

#FC70BA

#F43FA5

#CE007C

#AA0066

#8E0554

#F9AFD3

#F7C4D8

#F484C4

#EA6BBF

#ED4FAF

#DB28A5

#E0219E

#C4057C

#C4008C

#C40F89

#A8007A

#AD0075

#9B0070

#7C1C51

#87005B

#F2BAD8

#EDA0D3

#E87FC9

#CC00A0

#B7008E

#A3057F

#7F2860

#EDC4DD

#E29ED6

#D36BC6

#AF23A5

#A02D96

#772D6B

#E5C4D6

#D8A8D8

#D1A0CC

#BF93CC

#D3A5C9

#C687D1

#BA7CBC

#AA72BF

#9B4F96

#AA47BA

#9E4FA5

#8E47AD

#72166B

#930FA5

#720082

#872B93

#66008C

#681E5B

#820C8E

#70147A

#5B027A

#5E2154

#701E72

#66116D
#560C70

#542344

#602D59

#5B195E

#4C145E

#E0CEE0

#C9ADD8

#C6AADB

#B591D1

#9663C4

#9B6DC6

#6D28AA


#894FBF

#59118E

#4F2170

#56008C

#442359

#44235E

#BAAFD3

#AD9ED3

#D1CEDD

#BFD1E5

#AFBCDB

#9E91C6

#937ACC

#A5A0D6

#A5BAE0

#5B77CC

#8977BA

#7251BC

#6656BC

#5E68C4

#3044B5

#38197A

#4F0093

#4930AD

#2D008E

#2B1166

#3F0077

#3F2893

#1C146B

#1E1C77
#260F54

#35006D

#332875


#141654

#192168


#2B2147

#2B0C56

#2B265B

#14213D

#112151

#B5D1E8

#6689CC

#002B7F

#002868

#002654

#9BC4E2

#75AADB

#3A75C4

#0038A8

#003893

#00337F

#002649


#C4D8E2

#93C6E0

#A8CEE2

#60AFDD

#75B2DD

#008ED6

#0051BA

#005BBF

#003F87

#0054A0

#00386B

#003D6B

#002D47

#00334C

#82C6E2

#BAE0E2

#51B5E0

#51BFE2

#00A3DD

#007FCC

#00A5DB

#0072C6

#0084C9

#005B99

#00709E

#004F6D

#00546B

#003F54

#004454

#A5DDE2

#70CEE2

#00BCE2

#00A3D1

#007AA5

#00607C

#003F49

#72D1DD

#7FD6DB

#28C4D8

#2DC6D6

#00ADC6

#00B7C6

#0099B5

#009BAA

#00829B

#00848E

#006B77

#006D75

#00494F

#00565B

#C9E8DD

#93DDDB

#4CCED1

#009EA0

#007F82

#008789

#007272

#006663


#AADDD6
#87DDD1

#8CE0D1

#7AD3C1

#56C9C1

#56D6C9

#47D6C1

#35C4AF

#00B2AA

#00C1B5

#00C6B2

#00AF99

#008C82

#008977

#00AA9E

#00B2A0

#009B84

#007770

#008C82

#009987

#008270

#006D66

#006056

#008272

#006B5B

#005951

#00493F

#004F42

#004438

#BAEAD6

#A0E5CE

#5EDDC1

#00997C

#007C66

#006854

#9BDBC1

#8EE2BC

#7AD1B5

#54D8A8

#00B28C

#00C993

#009977

#00B27A

#007A5E

#007C59

#006B54

#006847

#00563F

#024930

#B5E2BF

#96D8AF

#70CE9B

#009E60

#008751

#006B3F

#234F33

#B5E8BF

#99E5B2

#84E2A8

#00B760

#009E49

#007A3D

#215B33

#AADD96

#A0DB8E

#60C659

#1EB53A

#339E35

#3D8E33

#3A7728

#D3E8A3

#C4E58E

#AADD6D

#5BBF21

#009E0F

#56AA1C

#568E14

#566B21

#D8ED96

#CEEA82

#BAE860

#8CD600

#54BC00

#7FBA00

#709302

#566314

#E0EA68

#D6E542

#CCE226

#BAD80A

#9EC400

#A3AF07

#939905

#707014

#E8ED60
#E0ED44


#D6E80F

#CEE007

#BAC405

#9E9E07

#848205

#F2EF87

#F2ED6D

#EAED35

#EFEA07

#E5E811

#EDE211

#E0E20C

#E8DD11

#C1BF0A

#B5A80C

#AFA80A

#998C0A

#998E07

#6D6002

#D1C6B5

#C1B5A5

#AFA593

#998C7C

#827566

#6B5E4F

#CEC1B5

#A8998C

#99897C

#7C6D63

#66594C

#3D3028

#C6C1B2

#B5AFA0

#A39E8C

#8E8C7A

#777263

#605E4F
#282821

#D1CCBF

#BFBAAF

#AFAAA3

#96938E

#827F77

#60605B

#2B2B28

#DDDBD1

#D1CEC6

#ADAFAA

#919693

#666D70

#444F51

#30383A

#0A0C11

#E0D1C6

#D3BFB7

#BCA59E

#8C706B

#593F3D

#493533

#3F302B

#D1D1C6

#BABFB7

#A3A8A3

#898E8C

#565959

#494C49

#3F3F38














Free design


2010-05-14 / 23:39:27   Gratis design   11 kommentarer /   Kommentera här!

En gratis design skapat av mej, se designen live här [Länk]


- Designen innehåller:

 

- Stor inläggsspalt

 

- Ladda upp egen header, 771px bred och 225px hög

 

- En till toppen "knapp" huset som visas på bilden

 

- Egen profiltext och bild i headern


Ladda ner designen

 

Ni måste ha programmet winrar för att ladda ner filen, detta hittar ni här [länk]

 




Mer info:



Hur du ändrar och lägger in egen header:



Hur man ändrar profiltexten i menyn:



Lägg in egen profilbild över profiltexten:



Öka mellanrummet på header


2010-05-14 / 20:44:08   Öka mellanrummet på header   0 kommentarer /   Kommentera här!
Vissa som laddar upp en header så ligger den tätt intill kanten, ska förklara hur man ändrar
detta, man kan göra på lite olika sätt men ska visa på ett lätt sätt.



Gå in i stilmallen och klicka ner till div#header {

Ta bort padding och ändra det till så det ser ut på bilden nedan:


Om man vill ha ett mindre eller större mellanrum, ökar man 20px

Förhandsgranska och spara.


Man kan även göra på detta sättet:

Gå in i kodmallen och bläddra ner till <div id="header">

Lägg till <br> se nedan:


Lägg till fler <br> om du vill öka mellanrummet.

Spara och se hur det blev.


Gör header "tillbaka till startsida"


2010-05-14 / 19:42:00   Gör header "tillbaka till startsida"   0 kommentarer /   Kommentera här!
När man klickar runt på sin blogg och man sedan vill klicka tillbaka till startsidan så finns detta i menyn, nu ska jag visa hur man göra headern klickbar så man klickar tillbaka till startsidan istället.


1. Gå in i kodmallen, börja med att klicka på inläggsidan, därefter gör samma sak på de andra sidorna.



2. Kopiera denna koden:



3. Klistra in den efter header så det ser ut så här:


4. Spara och gör samma sak på de andra sidorna utom framsidan.


Ladda upp header


2010-05-14 / 19:17:26   Ladda upp header   1 kommentarer /   Kommentera här!
Ska förklara hur man laddar upp en egen bild man vill ha som header.



1. Ladda upp din bild, se också hur stor den är så den passar in på din blogg.

2. När du laddat upp bilden, kopierar du länken till bilden.

3. Gå in i kodmallen och bläddra ner till header, ta bort det markerade som syns på bilden nedan:



4. Kopiera denna koden: <img src="LÄNK FRÅN DIN BILD HÄR">
Lägg in koden under header, se nedan:



OBS! Lägg in länken från din bild där det står LÄNK FRÅN DIN BILD HÄR
Det andra ska stå kvar!

Spara så ska det vara klart!


Tävling vinn bloggdesign!


2010-05-12 / 22:35:48   tävlingar   15 kommentarer /   Kommentera här!
Nu har ni chans att vinna denna söta designen, delar av den är från min gammla design som säkert några känner igen, tycker det är synd att den bara ligger bland mina sparade "koder" så nu får någon vinna den :)

Designen innehåller:
- Text i headern 
- Bloglovin ikon i headern (om man vill ha detta) 
- Profilbild i menyn
- Profiltext i menyn

För att ha vara med i tävlingen gör dessa tre steg (viktigt man gör alla tre)
- Skriv lite kort varför ni vill vinna
- Skriv upp namn och bloggadress
- Lägg till mej på bloglovin

Lägg gärna in min bildänk eller länk på eran blogg, det är ett plus :)

Tävlingen avslutas den 19 Maj Lycka till!

De som kan vara med i tävlingen måste ha en blogg hos blogg.se


VINNARE kristinehamnmalin.blogg.se



Skapa en egen bildlänk


2010-05-12 / 15:28:26   Skapa bildlänk till din blogg   0 kommentarer /   Kommentera här!


För att göra en egen bildlänk och lägga in i sin meny som andra kan kopiera är mycket lätt!

1. Skapa först din bild i tex photoshop, tips att den inte ska vara större änn 88x32 pixlar.

2. Ladda upp bilden på din blogg och kopiera länken till bilden.

3. Kopiera denna koden:




4. Klistra in den i kodmallen mellan <div id="side"> <div>


5. Klistra nu in länken från din bild där det står: länk till din bild i koden.
Skriv även dit din länk till din sida.

För att ändra höjd och bredd på rutan med kod i gör man så här:

cols="16" Detta är bredden
rows="3"> Detta är höjden

För att centrera allt ihop lägg till <center> i början av koden och </center> i slutet av koden.

Spara så ska det vara klart!



Ta bort eller ändra RSS


2010-05-12 / 11:16:35   Ta bort eller ändra RSS   1 kommentarer /   Kommentera här!
Ska visa visa hur man tar bort RSS-ikonen helt, byter ut den till en egen eller gör den till en vanlig text.

Exempel 1
Hur man tar bort ikonen, gå in i kodmallen och ta bort denna koden, se nedan:





Exempel 2
Om man vill ändra RSS-Ikonen till en annan, ladda först upp den bild du vill ha på din blogg och kopiera länken till bilden Lägg sedan in länken i kodmallen, se nedan:






Exempel 3
Om man endast vill att RSS-Ikonen blir en text, ta bort hela RSS koden och kopiera denna koden:





Ny design på sidan


2010-05-11 / 11:15:05   övrigt   4 kommentarer /   Kommentera här!
Nu skulle jag bara fixa till framsidan lite grann, men det blev mer änn så, ändrade dropdown menyn, en rullande text, om den inte syns beror de på att jag inte har skrivit något.
En bild på mej o lite info, ska flytta besöksräknaren till menyn sedan, det kommer in lite mer under tips och senaste, med tiden.
Jag är rätt nöjd över designen, bättre änn innan :)




Flera widget att välja bland


2010-05-09 / 16:26:18   Widgeo.net   1 kommentarer /   Kommentera här!
På sidan widgeo.net finner man många olika funktioner, här är några:

- Besöksräknare
- Väder visare
- Rullande text
- Skapa en animerad text
- Klocka på bloggen 
- Skapa en undersökning



Om man vill ha någon av de som visas på framsidan, som visar antal besökare på sidan, gör du så här:

1. Klicka på den du vill ha, (några av funktionerna funkar inte i explorer men funkar bra i firefox)

2. Fyll i dina uppgifter, se hjälp nedan:



3. När du är klar klicka på Get Widget och kopiera koden som dyker upp:


4. Klistra nu in koden i din kodmall, eftersom de flesta nog skulle ha den i menyn ska jag visa var ni ska lägga in koden.

Klistra in koden någonstans efter <div id="side">

Lägg till <center> och </center> för att centrera widgeten, se nedan:



Spara och se hur det blev.


Signatur efter varje inlägg


2010-05-06 / 15:41:51   Signatur efter varje inlägg   1 kommentarer /   Kommentera här!
Vill du ha en signatur efter varje inlägg som kommer upp automatiskt efter varje inlägg,  gör du så här:



1. Ladda upp den bild du vill ha efter varje inlägg tex ditt namn eller sidans namn.

2. Kopiera denna koden:



3. Gå in i kodmallen, framsida och klicka ner till content.
Lägg in koden du kopierade och lägg in den, se nedan:

 

4. Om du vill ha "bilden" till vänster skriver du i left där det står right
Eller om du vill ha den i mitten skriver du center

Spara och se hur det blev.


Klar med vinnarens design


2010-05-04 / 22:19:48   Vinnare bloggdesign   0 kommentarer /   Kommentera här!
Klar med andra vinnarens design eftersom denna gången blev det två vinnare :)
Besök hennes blogg här [Länk]



Klar med vinnarens design


2010-05-04 / 15:17:08   Vinnare bloggdesign   0 kommentarer /   Kommentera här!
Ni kan besöka hennes blogg här [Länk]



Mer trafik på bloggen


2010-05-03 / 23:17:01   Mer trafik på din blogg   0 kommentarer /   Kommentera här!

Om du vill på ett säkert sätt få fler besökare till din blogg ska du testa mer-trafik.se
Jag har själv testat och använder det och det funkar jätte bra!

Du behöver bara bli medlem på sidan och tipsa om sidan på din blogg.



Tipsa om en tävling, få fler besökare!


2010-05-03 / 20:57:14   Mer trafik på din blogg   1 kommentarer /   Kommentera här!
Har du ibland tävlingar i din blogg kan du tipsa om detta på denna sidan: blienvinnare.com
På detta sättet kan du få mycket mer besökare till din blogg!

1. Klicka på bli medlem och fyll i dina uppgifter.


2. Kolla sedan din mail, klicka på aktiveringslänken du har fått.

3. Logga nu in på sidan.

4. Klicka på Lägg till tävling i menyn till vänster och fyll i uppgifterna och skicka.




Ny design klar


2010-05-03 / 15:52:37   portfolio   0 kommentarer /   Kommentera här!
Klar med ännu en design och så här blev den, ni kan även gå in på hans blogg för att se den live [Länk]



Ladda upp bild på bloggen


2010-05-01 / 00:50:57   Ladda upp bild på bloggen   1 kommentarer /   Kommentera här!
För att ladda upp en bild på bloggen som man kanske vill ha i sin meny eller headern, ska jag förklara i bilder hur man gör detta, det är mycket lätt, så här gör man:


1. Klicka på skapa


2. Klicka sedan på bild


3. Klicka på bläddra och sök efter din bild...



4. Håll musen över bilden så du ser hur stort formatet är på bilden, exempel nedan är den 150x100
Klicka sedan på öppna



5. Ändra nu bredd till efter hur stor bilden är för att den inte ska bli suddig
Exemplet var på 150x100 alltså 150 bred, då ändrar man till 200 i bredd nedan, om man ändrar till 100 blir det för litet och då blir bilden suddig.
Klicka sedan på ladda upp bild 



6. Klicka på bilden när den dyker upp


7. Höger klicka på länken som kommer upp



8. Kopiera länken



9. Gå nu in i kodmallen via design-kodmallar



10. Om du vill lägga in bilden i menyn går du ner till koden: <div id="side">
     Efter den koden lägger du in länken till din bild
     Kopiera denna koden: <img src"LÄNK FRÅN DIN BILD HÄR">
     Lägg in koden som nedan:



11. Samma sak här om du vill ha bilden som header lägger du koden här, se nedan:



Skapa din egna bakgrund


2010-04-28 / 00:20:40   Skapa din egna bakgrund   2 kommentarer /   Kommentera här!
Skapa din egna bakgrund i färg och mönster, som du sedan kan lägga på som bakgrund på din blogg!
Det är hur lätt som helst, gå in på patterncooler.com

1. Välj först det mönster du vill ha, välj färger och klicka vidare på: Sett pattern repeat size och välj den storlek du vill ha.



2. När du är klar med bakgrunden klickar du vidare på download, och sedan download igen och ignorerar step 2.
Nu har du laddat ner din bakgrund på din dator, så nu laddar du upp den på din blogg och ser hur det blev.




Tävling! Vinn bloggdesign


2010-04-26 / 01:45:50   tävlingar   7 kommentarer /   Kommentera här!
TÄVLINGEN ÄR AVSLUTAD!
Denna gången blev det två stycken vinnare eftersom det var så många var med och tävla, jätte kul :)

VINNARE:
betweens.blogg.se
jagochmindotternova.blogg.se

Kommer inom kort börja bygga på deras design.