Hoe voeg ik sociale Media iconen toe aan Blogger
In deze tutorial zal ik u laten zien hoe u sociale media iconen toevoegt aan uw Blogger blog. Deze tutorial bevat gratis sociale media pictogrammen om u te beginnen.
vanwege de recente wijzigingen met Photobucket die $400 per jaar oplaadt om hun service te gebruiken, heb ik deze tutorial bijgewerkt om je te laten zien hoe je je afbeeldingen kunt hosten via je eigen Bloggeraccount.
Freebies om
te downloaden zorg ervoor dat u deze gratis sociale media-pictogrammen voor uw blog downloadt door op de volgende link te klikken. Geen aanmelding is vereist. Klik hier om pictogrammen te downloaden.
hoe START ik een BLOG: voordat ik in de tutorial ga, als u geïnteresseerd bent in het starten van een money-making blog, Bluehost heeft een geweldige deal! Krijg een gratis domeinnaam, automatische WordPress installeren, en een gratis SSL certificaat voor slechts $ 3,95 per maand (Klik hier).
Hoe voeg ik sociale Media-pictogrammen toe aan Blogger
in Blogger maak je een nieuw bericht aan en upload je sociale media-pictogrammen naar het bericht.
na het uploaden van uw afbeeldingen, als daarom wordt gevraagd, selecteert u het volgende:
- Afbeeldingsuitlijning: geen
- afbeeldingsgrootte: oorspronkelijke grootte
Stap # 2
Selecteer het tabblad “HTML”. Na dit te doen, zie je de afbeelding links voor elk van uw social media pictogrammen (ik heb de link hieronder gemarkeerd). Laat dit raam open.
Step #3
Open een nieuw tabblad. In uw Blogger dashboard, selecteer ” lay-out.”
Stap # 4
selecteer ” Add a Gadget “in uw” sidebar-right “gebied en kies vervolgens de” HTML/JavaScript ” gadget.
Stap # 5
plak in het” HTML/JavaScript ” vak de volgende code (doe dit voor elk pictogram op sociale media):
<a href= “URL Goes Here”><img src=” Image Direct Link Goes Here ” /></a>
Stap #6
Ga terug naar de post editor waar u uw sociale media iconen heeft geüpload. Kopieer de afbeelding link voor een van uw pictogrammen (zoals te zien in Stap 1).
Stap # 7
Ga terug naar je” HTML/JavaScript “gadget in Blogger, plak je afbeelding link waar staat” Image Direct Link Goes Here ” (doe dit voor elk social media icoon en houd het binnen de aanhalingstekens). Het zou er ongeveer zo moeten uitzien.:
<a href= “URL Goes Here” ><img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>
Stap # 8
nu is het tijd om in uw social media url ‘ s toe te voegen. Het verlaten van de” HTML/JavaScript ” gadget open, in een nieuw venster of tabblad, ga dan naar uw social media profiel en kopieer uw profiel URL.
stap # 9
nu, terug in de “HTML/JavaScript” gadget, plak je URL waar staat “URL Goes Here” (doe dit voor elk social media icoon en bewaar het tussen de aanhalingstekens).
stap # 10
Selecteer “Opslaan” als u klaar bent. De voltooide code zou er ongeveer zo uit moeten zien:
<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>
u kunt de door u gemaakte tekst verwijderen.
Opmerking: Als u een e-mailknop gebruikt, plaats mailto:youremailaddresshere tussen de aanhalingstekens waar het zegt URL gaat hier.