Sådan tilføjes ikoner for sociale medier til Blogger
i denne tutorial vil jeg vise dig, hvordan du tilføjer ikoner for sociale medier til din Blogger-blog. Denne tutorial indeholder gratis sociale medier ikoner til at få dig i gang.
på grund af de seneste ændringer med Photobucket opladning $400 årligt for at kunne bruge deres service, har jeg opdateret denne tutorial, der viser dig, hvordan du hoster dine billeder via din egen Blogger-konto.
Freebies for dig at hente
sørg for at hente disse gratis sociale medier ikoner til din blog ved at klikke på følgende link. Ingen tilmelding er påkrævet. Klik her for at hente ikoner.
Sådan starter du en BLOG: før jeg kommer ind i tutorial, Hvis du er interesseret i at starte en penge-making blog, Bluehost har en hel del! Få et gratis domænenavn, automatisk installation og et gratis SSL-certifikat for kun $3,95 om måneden (Klik her).
Sådan tilføjes sociale Medieikoner til Blogger
i Blogger skal du oprette et nyt indlæg og uploade dine sociale medieikoner til indlægget.
når du har uploadet dine billeder, skal du vælge følgende, Hvis du bliver bedt om det:
- Billedjustering: ingen
- billedstørrelse: Original størrelse
Trin #2
vælg fanen “HTML”. Når du har gjort dette, vil du se billedlinkene for hvert af dine sociale medieikoner (jeg har fremhævet linket nedenfor). Lad dette vindue være åbent.
Trin #3
Åbn en ny fane. I dit Blogger-dashboard skal du vælge “Layout.”
Trin #4
vælg “Tilføj en Gadget” i dit “sidebar-right” – område, og vælg derefter “HTML/JavaScript” – gadgeten.
Trin #5
indsæt følgende kode i feltet “HTML/JavaScript” (gør dette for hvert ikon for sociale medier):
<a href= “URL Goes Here”><img src=” Image Direct Link Goes Here ” /></a>
Trin #6
gå tilbage til posteditoren, hvor du uploadede dine sociale medieikoner. Kopier billedlinket til et af dine ikoner (som det ses i trin 1).
Trin #7
gå tilbage til din “HTML/JavaScript” – gadget i Blogger, indsæt dit billedlink, hvor det står “Image Direct Link Goes Here” (gør dette for hvert ikon for sociale medier og hold det inden for anførselstegnene). Det skal se sådan ud:
< a href= “URL går her”> <img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></en>
Trin #8
nu er det tid til at tilføje i dine sociale medier URL ‘ er. Forlader” HTML/JavaScript ” gadget åben, i et nyt vindue eller fane, hovedet over til din sociale medier profil og kopiere din profil URL.
trin #9
nu, tilbage i “HTML/JavaScript” gadget, indsæt din URL, hvor der står “URL går her” (gør dette for hvert ikon for sociale medier og hold det mellem anførselstegnene).
Trin #10
vælg “Gem”, når du er færdig. Den færdige kode skal se sådan ud:
<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>
du er velkommen til at slette det postudkast, du oprettede.
Bemærk: Hvis du bruger en e-mail-knap, skal du placere mailto:youremailaddresshere mellem anførselstegnene, hvor der står URL, går her.