Social Media Icons

by - augustus 11, 2016

Al jaren was ik op zoek naar de juiste manier om Social Media Icons op mijn blog te krijgen, op een gegeven moment heb ik zelfs de handdoek in de ring gegooid en dacht ik dat het alleen maar mogelijk was als ik gebruik zou maken van een echt blogger-programma zo als wordpress of een professioneel gebouwde website.

Tot ik een paar weken geleden het toch nog eens probeerde te googlen en ik bij deze dame terecht kwam: http://www.greatfun4kidsblog.com/2011/09/blog-tips-your-own-social-media-buttons.html

Yes, yes, wat een eureka-gevoel. En wat is het eigenlijk simpel, tenminste het is simpel als je van deze dame de handige links kopieert en dan je eigen verwijzing naar je social media toevoegt. Dan is het simpel. Ik zal een korte uitleg en voor de uitgebreidere uitleg, verwijs ik je graag naar de link hierboven.

Het gaat dus om deze icoontjes, rechts op mijn blog.
Op blogger (het dashboard voor blogpost.nl) ga je naar je eigen dashboard en kies je voor Indeling. Kies dan voor een gadget toevoegen (in bijvoorbeeld je rechter-side-bar of maar net hoe jezelf je blog hebt ingedeeld) en kies voor HTML/Javascript. Je kunt nu een titel invoeren, maar die kun je ook leeg laten, ik heb hem leeg gelaten. Dan voeg in het tekstvak de linkjes toe die je hebt gekopieerd van de pagina die ik eerder noemde in dit blog. Je kunt daar kiezen voor de icons die je mooi vind, kopieer de totale link van het icoontje dat je op je pagina wilt en plaats in het inhoudvak. Je hoeft dan alleen nog in het gekleurde caplocks gedeelte jouw eigen URL-link van de desbetreffende Social Media toe te voegen. Echt geloof me een kind kan de was doen.

W
aarschijnlijk kun je dus bij ander blog-programma's ook gebruik maken van deze methode als je maar een html-gedeelte in kan voegen.

Ik heb geef hieronder 1 reeks als voorbeeld:
<a href="http://www.facebook.com/YOURFACEBOOKPAGE"><img style="border: 0pt none ;" title="Become a friend" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/facebook-pencil256-150x150.png" width="45" height="45" /></a>
<a href="http://www.twitter.com/YOURTWITTERNAME"><img style="border: 0pt none ;" title="Become a friend" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/twitter-pencil256-150x150.png" width="45" height="45" /></a>
<a href="http://YOURBLOGADDRESS/feeds/posts/default"><img style="border: 0pt none ;" title="Become a friend" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/rss-pencil.png " width="45" height="45" /></a>
<a href="YOUR PINTEREST URL"><img style="border: 0pt none ;" title="Become a friend" alt="" src=" http://i788.photobucket.com/albums/yy162/donnasimone/buttons/pinterestpencil2.png" width="45" height="45" /></a>
<a href="YOUR GOOGLE+ URL"><img style="border: 0pt none ;" title="Become a friend" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/google-pencil.png" width="45" height="45" /></a>
<a href="YOUR TUMBLR URL"><img style="border: 0pt none ;" title="Become a friend" alt="" src=" http://i788.photobucket.com/albums/yy162/donnasimone/buttons/tumblr-pencil.png" width="45" height="45" /></a>
<a href="YOUR FLICKR URL"><img style="border: 0pt none ;" title="Become a friend" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/flickr-pencil.png" width="45" height="45" /></a>
<a href="YOUR BLOGGER URL"><img style="border: 0pt none ;" title="Become a friend" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/blogger-pencil.png" width="45" height="45" /></a>
<a href="YOUR BLOGLOVIN URL"><img style="border: 0pt none ;" title="Become a friend" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/bloglovin-pencil.png" width="45" height="45" /></a>
<a href="YOUR ETSY URL"><img style="border: 0pt none ;" title="Become a friend" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/etsy-pencil.png" width="45" height="45" /></a>
<a href="YOUR INSTAGRAM URL"><img style="border: 0pt none ;" title="Become a friend" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/instagram-pencil.png" width="45" height="45" /></a>
<a href="mailto:YOUREMAILADDRESS" ><img style="border: 0pt none ;" title="Email" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/email-pencil-1.png" width="45" height="45" /></a>

Bij de verwijzing van het blog die ik eerder noemde kun je dus kiezen voor vele verschillende series met social media icons.

Voor mij was dit echt de ontdekking van de eeuw en hoop jullie hiermee ook de gouden tip te hebben gegeven. Succes en als je nog vragen hebt neem gerust contact met mij op of laat een reactie achter.

You May Also Like

0 Comments

Ik zou het leuk vinden als je een berichtje achter laat: