Guide till hur du lägger in bloggknappar!

I ett tidigare inlägg skrev jag om bloggknappar och hur man kunde använda dem som länkbete. Jag har fått många som frågat efter guider eftersom personer ibland kan har det svårt att lägga in dem själv om man inte är HTML-kunnig.

Helt rätt, man ska alltid göra det så enkelt för användarna som möjligt! Så här kommer de olika guiderna för de vanligaste Bloggverktygen som finns ute på marknaden: Blogg.se, Wordpress upp till 2.5, Wordpress 2.5 och senare samt Blogspot.

Om du bloggar på Blogg.se

1. Välj någon av ovanstående knappar du vill lägga in (eller alla!). Koden ovan använder du sedan under punkt 6.
2. Klicka på fliken “Design”
3. Klicka på fliken “Kodmallar”
4. Kontrollera så att du är inne och redigerar startsidan “Front Page”.
5. Scrolla ner tills du ser följande kod:
   Länkar
6. Klistra in följande kod: <a href="http://www.dinsajt.se"><img src="http://www.dinsajt.se/bloggknapp.png" border="0"></a>
   Koden ovan ska klistras in efter precis under koden <ul> och före <tag:linklist>.
7. Klicka på knappen “Spara kodmall” längst ned. Kolla din blogg och se så att det fungerar.

Du kan även lägga in knappen på alla dina sidor på bloggen. Då går du bara in under “Kodmallar” igen och väljer en annan sidmall bredvid Redigera, exempelvis “Entry page”. Koden klistrar du då in precis innan koden: “<div class=”subside”>”

Om du bloggar på Blogger.com (Blogspot.com):

1. Logga in på Blogger och välj din blogg genom att klicka på namnet.
2. Klicka sedan på ”Template.” Där ser du koden i en textruta.
3. Leta upp texten
   <!-- Begin #main :: right column :: blog entry content --><div id="main>
4. Klistra in följande kod efter den texten: <a href="http://www.dinsajt.se"><img src="http://www.dinsajt.se/bloggknapp.png" border="0"></a>
5. Spara ändringarna och publicera!

Om du bloggar på Wordpress upp till och med version 2.3:

1. Logga in
2. Klicka på rubriken Presentation
3. Klicka Theme Editor
4. I högerkolumnen ser du sedan en mängd filer, klicka på Sidebar.php
5. Leta i koden tills du ser <?php wp_meta(); ?>.
6. Klistra in följande kod efter den texten: <li><a href="http://www.dinsajt.se"><img src="http://www.dinsajt.se/bloggknapp.png" border="0"></a></li>
7. Skriv följande i fältet ”Bild URL”:

Om du bloggar på Wordpress 2.5 och uppåt:

1. Logga in
2. Klicka på rubriken Design
3. Klicka Theme Editor
4. I högerkolumnen ser du sedan en mängd filer, klicka på Sidebar.php
5. Leta i koden tills du ser <?php wp_meta(); ?>.
6. Klistra in följande kod efter den texten: <li><a href="http://www.dinsajt.se"><img src="http://www.dinsajt.se/bloggknapp.png" border="0"></a></li>
7. Skriv följande i fältet ”Bild URL”:

Så där ja! Där har ni guiderna! Bara att kopiera och klistra in som guide på din sajt. Den här bloggposten kommer även uppdateras framöver med ytterliggare bloggverktyg såsom Typepad, Passagen, Aftonbladet blogg, Metrobloggen m.fl.

Ev. liknande inlägg:

• Daytona länkbetes-fail + hur ni löser det = Awesomeness!
• Söker du SEO/SEM-kompetens? Annonsera här!
• 5 tips för hur du sökmotoroptimerar bilder för Googles nya sökresultat
• Flash kan ibland vara helt fantastiskt – Hudson Hotel NYC visar hur!

Spara / dela: