Vill du ha en bild/en linje som separerar dina bloggposter?
Något snyggt/gulligt som återkommer efter varje bloggpost?
Då kan du lägga in en enkel kod i din kodmall. Så här gör du:
Börja med att välja ut en bild du gillar. Skapa själv eller leta på nätet efter en bild som inte är upphovsrättsskyddad.
Gå till din bloggs kodmall, Layoutläget, Redigera HTML-kod.
Scrolla ner till Post-stycket, Post-footer.
Vill du kan du ta hjälp av Ctrl+f, skriv in post-footer i sökrutan, men det går bra att söka manuellt också.
Här ska du byta ut raden margin: .75em 0; till nedanstående kod. Ev kan du ha andra siffror efter ordet margin, men det spelar ingen roll.
background: url(http://DIN BILDS ADRESS);
background-repeat: no-repeat;
background-position: bottom center;
margin:50px 0px 40px 0px;
padding-bottom:90px;
Ladda upp din bild hos en webhost, t.ex Photobucket.
Kopiera bildens direktlänk.
Klistra in länken i kodstycket du la in i din bloggmall, där det står http://DIN BILDADRESS
Justera den nedersta siffran i din kod ( padding-bottom: 90px; ) efter hur hög din bild är.
Ex. är din bild 50 pixlar hög, skriv 50px;
Förhandsgranska din bloggmall.
Om din bild ligger där den ska och ser bra ut, spara!
Nu kan det ev. vara dags att börja justera avstånden mellan bloggposten och din bild.
Om du vill få större avstånd mellan din bild och postens kommentarsrad, öka pixelantalet för din bildstorlek, alltså padding-bottom: 90px; till lämpligt antal pixlar. Prova dig fram.
Om du vill minska avståndet minskar du förstås antalet pixlar istället.
Om du däremot vill ändra avståndet mellan bilden och nedanstående blogginlägg är det den tredje siffran i koden margin: 50px 0px 40px 0px; du ska ändra. Alltså öka eller minska siffran 40.
Om du vill flytta bilden sidledes är det någon av de två 0px du ska använda. Den första nollan är marginalen till höger, den andra nollan är marginalen till vänster. Prova dig fram tills du är nöjd.
Spara när du har bilden där du vill!
