Designhjälp för din blogg

Få hjälp med designen

Kategori: Allmänt
Nu kan du förutom att köpa en hel färdig design få hjälp med detaljer på din blogg.

Du kanske bara vill få hjälp med att skapa en dropdown meny? Ta bort något? Eller ändra någon/några detaljer på din nuvarande design?

Kontakta oss genom lämna en kommentar här på bloggen, uppge din e-post så blir du kontaktad där!

Kostnad? Ange det du vill ha hjälp med så får du ett pris av oss!


Prislista  
Mobilanpassad design 40kr
Ändra antalet inlägg på förstasidan  30kr
Lägga in horisontell meny 30kr
Designhjälp menyn 40kr
Designhjälp inläggen 40kr
Designhjälp kommentarerna 40kr

Ändra utseende på Tidigare- resp. Nyareinläggs knappen

Kategori: Övrigt
 
 

1.
Gå till din kodmall och vidare till kategorier.

2. Leta sedan upp stycket som jag markerat nedan.



3. Det är nämligen koderna för hur Tidigare inlägg respektive Nyare inlägg knappen/länken ska se ut.

Om du vill ändra utseende på texten. Ta bort stycket jag markerade ovan. Ersätt det med:

{% if loop.last and pagination %}
<div style="text-align: center; font-size: 30px; margin-bottom:35px;">

{% if pagination.page_number not in (pagination.total_pages, pagination.total_pages - 1) %}
<a style="font-size:20px; padding-right: 30px color:#000000; font-family:arial; text-decoration:none;" href="{{ category.slug }}-{{ pagination.page_number + 1 }}.html">Nyare inlägg</a>
{% endif %}

{% if pagination.page_number == pagination.total_pages - 1 %}
<a style="font-size:20px; padding-right: 30px color:#000000; font-family:arial; text-decoration:none;" href="{{ category.slug }}.html">Nyare inlägg</a>
{% endif %}


{% if pagination.page_number != 1 %}
<a style="font-size:20px; padding-right: 30px color:#000000; font-family:arial; text-decoration:none;" href="{{ category.slug }}-{{ pagination.page_number - 1 }}.html">Tidigare inlägg</a>
{% endif %}
</div>
{% endif %}


Var noga med att du tar bort allt och sedan också får med allt.

Där det står font-size:20px; padding-right: 30px color:#000000; font-family:arial; text-decoration:none;  är där du ändrar utseendet! Vill du ha större text öka 20px efter font-size:, vill du ha annan färg ändra på 000000 efter color:# osv... 


Om du vill döpa om knappen/länkara så ersätter du bara texten där det nu står Nyare inlägg och/eller Tidigare inlägg till det du vill ha istället. T.ex. Äldre inlägg.


4. Spara!


Runda hörn på bilder

Kategori: Roligheter
Om man vill ha runda hörn på en bilder i sin blogg kan man givetvis lägga upp bilder som redan har runda hörn. Man kan också använda sig av kodning. Så här gör du om du vill koda till runda hörn på en bild..

1. Gå in i din stilmall. Klista in följande längst ned i stilmallen:

#rundbild {
webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


2.
Spara. 

3. Gå nu in i din kodmall. Där du vill ha bilden klistrar du in:

<img id="rundbild" src="ADRESSEN TILL DIN BILD"/>

4.
Spara

Se hur du laddar upp en bild och hittar adressen till din bild
Se guide över din stilmall för att veta vad som är vad och på så sätt veta var i kodamllen du ska ändra.



Hos blogghjalparn.blogg.se finner du textguider om HTML & CSS. Guiderna riktar sig till bloggare som vill ha hjälp med sin bloggdesign. Man kan själv läsa sig till hur man ska göra eller så kan man beställa sin egna design alternativt köpa en redan färdig design.

Copyright © 2017 Blogghjälparn

BLOGGHJÄLPARN


Senaste inläggen

Portaler & Listor
Webbdesign