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!

bloglovin

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>


4. Radera de två raderna i mitten så att allt du har kvar är det nedan. Sedan sparar du.

<div id=”header”>
</div>



5. Gå nu in på resten av kodmallarna och upprepa samma sak!

Hur man gör man en gif bild


 

RSS 2.0