Skip to main content

How to install social media icons

Now that I'm providing free social media icons at The Latest Find, I've put together some tips/tricks on how to install the icons onto your blog. My instructions will be Blogger based since that's what I use, but if you don't use blogger, google "Adding social media icons in Wordpress" or whatever your blog host is. You can find lots of tutorials and instructions for adding buttons and codes to your blog on Google for Blogger, Wordpress, etc.

To use The Latest Find free social media icon buttons...There's a few ways.

Each button contains the HTML code for the image only. These will each need to be linked to your social media sites. Don't worry it's not too hard!

Option 1:
 I've put together a small Blogger tutorial for you with pics, just click HERE and scroll to the bottom!

Option 2:
Look at this particular Facebook button code...

 <a href=";current=AquaGrayIconFacebook2.jpg" target="_blank"><img alt="AquaGrayIconFacebook2" border="0" src="" /></a>

Notice that this button code has 2 URLS in it...or two spots that start with http. The first URL is in the first set of < > brackets (in bold below). 

<a href=";current=AquaGrayIconFacebook2.jpg" target="_blank"><img alt="AquaGrayIconFacebook2" border="0" src="" /></a>

That first URL is the destination that you will be taken to if you click on the button.  So...if you replace that first URL with your Facebook page URL, then when  you click on the button, it will go to your Facebook page!
So I'm going to copy and paste that same code again, but this time I'm going to replace the first URL with my facebook page URL. I'm only going to take out what's inside the quotation marks, and then paste in the URL for my facebook page.  Make sure to leave the quotation marks intact.

 <a href=""_blank"><img alt="AquaGrayIconFacebook2" border="0" src="" /></a>

I left the entire code the same, except for what was between that first set of quotation marks. 

The second URL in the code (inside the last set of quotation marks) needs to remain intact.  That is the link to the picture of the button.
Then, from your layout in blogger, "add a gadget" where you want your buttons to go. Choose the HTML option, and copy and paste your code that you added your Facebook page URL to.
  If you have other codes to add as well, just paste them back to back in the same window, with no spaces or anything in between. After you've added your codes, click Save.
If you get confused about which social media site the particular code is for...notice that the code has "AquaGrayIconFacebook" in it twice.  That's the file name of the image. Just look at what that says, it will say which social media icon it is. I named each one for which site it's for.  For BlogLovin' I abbreviated with BL.

Option 3:
If you know how to add an image to your blog, the 2nd URL in each icon code will take you to the image. Just copy and paste the second URL code to go to that web page. From there you can right-click to save the image to your computer. Or when adding a picture through "add a gadget" it gives the option to add an image from the web.  The 2nd URL in each of these icon codes is the URL you will insert into "add image from the web Paste an image URL below" (which is under Add a gadget and then Picture).

I apologize if these instructions are hard to understand or not too clear! I learned most everything I know about HTML and how to add it to your site by Googling the topic. There's lots out there to help you!

To see current free icons available, click HERE and HERE!

Popular posts from this blog

Free Nativity SVG Cut File

FOLLOW US ALONG ON PINTEREST   OR INSTAGRAM TO STAY UPDATED ON NEWLY ADDED FREEBIES!   Hello and welcome! Here you'll find all kinds of free downloads...from printables to digital paper to SVG cut files. Use the word menu directly above the posts or at the top of the right sidebar to navigate through our collection!   Many of our freebies are personal or commercial use ! See each individual post for usage details about a particular design.    >>>>2021 update! Be sure to check out our new Christmas countdown SVG and printable!<<<<       Happy Thursday!! The countdown is on to Christmas!!  Speaking of countdowns, if you didn't grab our recently posted freebie Christmas countdown 8x10 printable (shown above) and freebie cut file, be sure get them --> HERE !  We have another freebie Christmas gift for you today!!  The hubby actually takes credit for the creating of this particular design! As a graphic designer himself, he is my

Free Digital Paper Pack of 20

  FOLLOW US ALONG ON PINTEREST OR INSTAGRAM TO STAY UPDATED ON NEW STUFF! Today's freebie: Do note that printed colors may look different than the colors on your screen! These are 12x12 in size, JPG format 300 dpi resolution. In our download folder you'll find individual files as well as two zip files. That way you can click on an individual file to download, or click on the zip files to grab the set. If downloading a zip file, don't forget to unzip files after download in order to use/print. USAGE: Personal or small business use! No selling or re-distributing of our files. DOWNLOAD:   IF YOU HAVEN'T HEARD, WE HAVE A RESOURCE LIBRARY OF OVER 500 FREE DIGITAL PAPERS! Here's a few more recently posted freebies... VIEW MORE OF OUR FREE DIGITAL PAPER PACKS: STAY UPDATED WHEN NEW FREEBIES ARE ADDED:

Free Halloween SVG

TO STAY UPDATED ON NEWLY ADDED FREEBIES, FOLLOW US ALONG ON PINTEREST OR INSTAGRAM , OR ENTER YOUR EMAIL ADDRESS IN THE SUBSCRIBE BOX TO THE RIGHT!   --------------------------------------------------------------- Hello and welcome to our website of free crafty resources...from cut files to printables to digital frames! Use our projects to create your next project! Many of our designs can be used for personal or commercial purposes!    See the listing descriptions for each design for details on usage.   --------------------------------------------------------------- Today we're adding this free h a l l o w e e n S V G!   Personal or commercial use! :D (No selling, redistributing of our files, ok to use within/on your own project) PNG format is also included.   --------------------------------------------------------------- ONCE INSIDE OUR FOLDER, CLICK ON ANY OF THE FILES TO DOWNLOAD. YOU'LL FIND TWO SVG FILES AND TWO PNG FILES. ---------------------------