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!

RSS 2.0