Ladda ner nya härliga typsnitt
Typsnitt finns det i mängder och det är alltid användbart att ha olika typer. Speciellt om man vill designa en header eller något annat på sin blogg. Så här kommer några tips på sidor där det finns snygga typsnitt som är gratis att ladda ner:
fontsquirrel.com
fontsquirrel.com
Bakgrundsbild i kommentarsrutan
Vill man göra sin kommentarsruta lite mer personlig så kan man med några enkla steg lägga in en egen bild där.
1. Ladda upp bilden du vill använda, storleken på bilden borde vara 440×130 pixlar.
2. Kopiera koden nedan, gå in i stilmallen och klistra in den längst ned i din stilmall.
textarea{
background-image: url(adressen till din bild);
border: 1px solid black;
}
textarea{
background-image: url(adressen till din bild);
border: 1px solid black;
}
3. Lägg till adressen till bilden du laddade upp där det står (adressen till din bild) och sedan är det klart! Vill man dock inte ha en ram runt rutan kan man ta bort raden 1px solid black;
Grön bild på youtube?
Ibland när man vill titta på en youtube video kan det bli så att det enda man ser är en grön skärm.
Ljudet spelas upp men skärmen förblir grön det var inget vidare men det kan vi fixa!
1. Ta och högerklicka på youtube videon
2. Klicka på "inställningar"
3. Bocka sedan ur "aktivera maskinvaruacceleration".
Sådär enkelt och riktigt skönt att ha fixat :)
Därför fungerar inte min gif-bild
Som jag har förstått det är det många som gjort en gif-bild i t.ex photoshop och den har fungerar fint. Men när dom sedan laddat upp bilden på sin blogg har den inte fungerat och bilden fryser på den första ramen.
Det här var något som drev mig till vansinne när jag började göra gif-bilder. Ingen visste vad felet var och ingen hjälp fanns att få. Men nu har jag hittat anledningen till varför bilderna inte fungerar. Det är pinsamt enkelt.
1. Ta reda på hur stor din gif-bild är. Vi säger att din bild är 670px.
2. Om du nu vill ladda upp bilden på din blogg måste du välja en bredd som är minst lika stor som gif-bilden.
Så om din bild är 670px måste du alltså ställa in bredden på 700, annars fryser bilden!
3. Pinsamt enkelt eller hur? :)
Gör en egen bloglovin ikon
Hos bloglovin finns ett urval av olika knappar som man kan få använda t.ex den nedan. Men jag vill ha en egen och lite mer personlig knapp. Så nu ska jag visa hur man kan göra en egen knapp!
1. Du börjar med att skapa den bild du vill ha, jag gjorde min som snabbast i photoshop. Men man kan använda vilket program man känner för. Ladda sedan upp bilden i bloggen.
2. När du laddat upp bilden öppnar du den i en ny flik eftersom att vi kommer att använda den senare.
3. Logga sedan in på bloglovin (du måste ha bloglovin och en egen blogg tillagd) och gå in på "knappar och ikoner". Välj sedan en knapp och kopiera koden och efter det ska du ändra i koden.
Koden kommer att se ut ungefär så här (fast med din bloggadress istället för min):
<a title="Bloggdesign on Bloglovin" href="http://www.bloglovin.com/sv/blog/2900804/bloggdesign/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/sv/widget.gif" /></a>
4. Och såhär ska du göra:
Klistran bara in koden till din knapp i det nedre fältet som är markerat och kopiera sedan koden.
<a title="Bloggdesign on Bloglovin" href="Här finns redan länken till din blogg/rör inget här"><img alt="bloglovin" border="0" src="Här ska du klista in adressen till din knapp" /></a>
5. Nu ska vi få in knappen i sidomenyn. Gå in i kodmallarna och sök sedan (ctrl + f) efter <div id="side"> och klistra sedan in koden där under. ( Du kan självklart lägga koden vart du vill i bloggen)
Klart!
Ta bort ditt bloggnamn
När bloggnamnet ligger mitt framför headern är det inte speciellt snyggt, så nu ska jag förklara hur man enkelt kan ta bort namnet!
1. Gå in på design och gå sedan till kodmallar
2. Tryck ctrl + f och sök efter h1 ¨
3. Då kommer du att hitta en kodrad som ser ut såhär
<div id=”header”>
<h1><a href=”${BlogUrl}”>${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>
<h1><a href=”${BlogUrl}”>${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>
4. Radera de två raderna i mitten så att allt du har kvar är det nedan. Sedan sparar du.
<div id=”header”>
</div>
</div>
5. Gå nu in på resten av kodmallarna och upprepa samma sak!
Hur man gör man en gif bild
