Egen bloggdesign
Har fått en del frågor på hur jag designat om bloggen. Tänkte därför visa några enkla sätt hur du gör den mer personlig.
Min utgår från en standardmall på blogg.se, men koderna ser i stort sett lika ut oavsätt vart du har din blogg.
Min utgår från en standardmall på blogg.se, men koderna ser i stort sett lika ut oavsätt vart du har din blogg.
BAKGRUNDSBILD & TEXTFÄRG
För att få fram den färg du vill använda finns det guider på nätet med olika färgkoder. Här är en hemsida med några grundläggande koder: #ColorCodes. Annars kan du använda dig av exempelvis Photoshop för att ta fram precis den färg du vill ha. Skriv sen bara den kod du vill använda efter "#". Exempel: ...#FFFFFF (blir vitt).
Om du har en bild som du vill använda som bakgrund måste den ha en html-adress på nätet. Antingen laddar du upp en egen via bloggen eller exempelvis facebook. Se bara till att du äger rättigheterna att använda den.
Vill du ha en linje på toppen av sidan (som min blåa) ändrar du i koden:...border-top: 3px solid #21cef9;
Där 3px bestämmer linjen tjocklek. 1px är mindre 10px är tjockare.
Om du har en bild som du vill använda som bakgrund måste den ha en html-adress på nätet. Antingen laddar du upp en egen via bloggen eller exempelvis facebook. Se bara till att du äger rättigheterna att använda den.
Vill du ha en linje på toppen av sidan (som min blåa) ändrar du i koden:...border-top: 3px solid #21cef9;
Där 3px bestämmer linjen tjocklek. 1px är mindre 10px är tjockare.
BANNER & NAMN
Mellan <title> HÄR </title> skriver du vad din blogg ska heta. Det är alltså den text som sedan syns på fliken i webläsaren, i sökmotorer osv.
Vill du ha en bild (banner) högst upp på sidan med din bloggs namn eller annat, lägg in koden
<img src ="BILDLÄNK"></a>
Vill du ha bilden centrerad så skriver du <center>BILDKOD</center>
alltså:
<center>
<img src="BILDLÄNK"></a>
</center>
Se till att den här koden ligger innan </head> och före <body>
Vill du ha en bild (banner) högst upp på sidan med din bloggs namn eller annat, lägg in koden
<img src ="BILDLÄNK"></a>
Vill du ha bilden centrerad så skriver du <center>BILDKOD</center>
alltså:
<center>
<img src="BILDLÄNK"></a>
</center>
Se till att den här koden ligger innan </head> och före <body>
EGEN MENY
Återigen handlar det om att ha sina egna bilder och att de ska finnas tillgängliga på nätet.
Kopiera in html-adressen som bilden visar.
Från början står det exempelvis <div class="navheader">ARKIV</div>, ta bord ARKIV och ersätt med bildkoden: <img src="LÄNKADRESS">
alltså:
<div class="navheader"><img src="LÄNKADRESS"></div>
gör detta på alla "rubriker" i din meny.
Det är alltså egna små bilder istället för ARKIV, LÄNKAR, SENASTE osv.
exempel
Det är givetvis lite trixigt innan man vet vart man ska ändra. Men Gör EN sak i taget, spara och kolla hur resultatet blev. Annars finns det risk att man gör bort sig och måste börja om från början.
Lycka till!
Kopiera in html-adressen som bilden visar.
Från början står det exempelvis <div class="navheader">ARKIV</div>, ta bord ARKIV och ersätt med bildkoden: <img src="LÄNKADRESS">
alltså:
<div class="navheader"><img src="LÄNKADRESS"></div>
gör detta på alla "rubriker" i din meny.
Det är alltså egna små bilder istället för ARKIV, LÄNKAR, SENASTE osv.
exempel
Det är givetvis lite trixigt innan man vet vart man ska ändra. Men Gör EN sak i taget, spara och kolla hur resultatet blev. Annars finns det risk att man gör bort sig och måste börja om från början.
Lycka till!
