
So, let's run across - How To Add Social Media Icons To Your Blog:
Step 1: Before starting the move on adding social media buttons to your spider web log or website- you lot remove to larn the buttons first. You tin larn it free or you lot tin purchase also. I bring downloaded the buttons every bit shown inwards a higher identify inwards JPEG file format which are squared inwards shape. If you lot remove circular buttons they normally live on inwards PNG format.
Step 2: Once having the buttons, you lot volition bring to upload it to Photobucket or whatever other similar site.
Step 3: Once uploaded, you lot remove to larn the URL's of your images now.
- If you lot bring uploaded your images to Photobucket, you'll tin larn the URL's of your images on the right mitt side. Copy the URL from Direct Link Title content box.
Step 4: Go to your blogger Dashboard-> Layout-> Click on "Add a Gadget".
Step 5: Below is the code Skeleton- Fill all the attributes of the HTML Tag correctly.
[You tin purpose Notepad/Word Pad to exercise all the HTML code as well as therefore glue it on the HTML/JavaScript Content box]<a href="http://www.YourWebsiteAddress.com"target="_blank" >
<img src="http://www.URLofImageLocation.com" height="70" width="70" /></a>
Explanation of Code:
- http://www.YourWebsiteAddress.com : URL for the address of your social media similar Facebook,Twitter etc. For example: http://facebook.com/TechnoGadgetWorld
- target="_blank" : To ready the page opened upwards inwards a New Tab.
- http://www.URLofImageLocation.com : "Direct Link" URL address from PhotoBucket.
- height="70" width="70" : Dimensions for your Icon. Change it depending on your requirements.
Repeat all the steps i yesteryear i for every social media icon you lot add.
Step vi : Click on "Save" push as well as "Save the Arrangement". Check your spider web log to run across the changes as well as click each icons to ready certain you lot bring linked it properly.
That's it. If you lot exercise the steps correctly you lot volition live on going to bring the ready novel expect for your blog/website.
If you lot bring whatever doubts or suggestions, delight exercise larn out your comments below.