så här lägger du till sociala medier ikoner till Blogger
i den här handledningen visar jag dig hur du lägger till sociala medier ikoner till din Blogger blogg. Denna handledning innehåller gratis sociala medier ikoner för att komma igång.
på grund av de senaste ändringarna med Photobucket laddning $400 årligen för att kunna använda sin tjänst har jag uppdaterat den här handledningen som visar hur du är värd för dina bilder via ditt eget Blogger-konto.
Freebies för dig att ladda ner
se till att du laddar ner dessa gratis sociala medier ikoner för din blogg genom att klicka på följande länk. Ingen registrering krävs. Klicka här för att ladda ner ikoner.
hur man startar en blogg: innan jag kommer in i handledningen, om du är intresserad av att starta en tjäna pengar blogg, Bluehost har en hel del! Få ett gratis domännamn, automatisk WordPress-installation och ett gratis SSL-certifikat för bara $3,95 per månad (klicka här).
så här lägger du till sociala medier ikoner till Blogger
i Blogger, skapa ett nytt inlägg och ladda upp dina sociala medier ikoner till inlägget.
när du har laddat upp dina bilder väljer du följande:
- bildjustering: ingen
- Bildstorlek: originalstorlek
steg #2
välj fliken ”HTML”. Efter att ha gjort detta ser du bildlänkarna för var och en av dina sociala medier ikoner (Jag har markerat länken nedan). Lämna det här fönstret öppet.
steg #3
öppna en ny flik. I din Blogger-instrumentpanel väljer du ” Layout.”
steg #4
välj ”Lägg till en Gadget” i ditt ”sidebar-right” – område och välj sedan ”HTML/JavaScript” – gadgeten.
Steg #5
klistra in följande kod i rutan ”HTML/JavaScript” (gör detta för varje ikon för sociala medier):
<a href = ”URL går här” ><img src=” bild direktlänk går här ” /></a>
steg #6
gå tillbaka till postredigeraren där du laddade upp dina sociala medier ikoner. Kopiera bildlänken för en av dina ikoner (som visas i steg 1).
Steg #7
gå tillbaka till din ”HTML/JavaScript” – gadget i Blogger, klistra in din bildlänk där det står ”Image Direct Link Goes Here” (gör detta för varje social media-ikon och håll den inom citattecken). Det borde se ut så här:
< en href= ”URL går här” >< img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>
steg #8
nu är det dags att lägga till i dina sociala medier webbadresser. Lämna gadgeten” HTML / JavaScript” öppen, i ett nytt fönster eller flik, gå över till din sociala medieprofil och kopiera din profiladress.
steg #9
nu, tillbaka i ”HTML/JavaScript” gadget, klistra in din URL där det står ”URL går här” (gör detta för varje sociala medier ikon och hålla den mellan citattecken).
steg #10
välj ”Spara” när du är klar. Den färdiga koden ska se ut så här:
<a href= ” https://www.facebook.com/BeautifulDawnDesigns”><img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>
Ta gärna bort postutkastet du skapade.
Obs: Om du använder en e-postknapp, placera mailto:youremailaddresshere mellan citattecken där det står URL går här.