Wednesday

Install a Social Media icon on Your Blog - Blogger

Most at times we get confused about how to insert image or social media icon on our blog. Remember that every image has a link just like  this

(http://3.bp.blogspot.com/-qpVfYJRtfDA/VlIbx9UmUXI/AAAAAAAABF0/lLDCe3d3MUo/s1600/aviary_1448221311204.jpg)



Now let's go straight to the point

Step 1 
Visit your www.Blogger.com and select the blog you want to use



Step 2 
Click on New post at top left corner




Step 3
Now click on image inserter at the top then after inserting the images on that page


Step 4
Then I hope you know were the compose and HTML are? Now click on HTML



Step 5
Copy the link of those images and insert them one after the other in the code below



<center> <table width="300"> <tr><td> <a href="http://www.SOCIAL-LINK-HERE.com"><img src="http://www.IMAGE-LINK-HERE.com" /></a> </td><td><a href="http://www.SOCIAL-LINK-HERE.com"><img src="http://www.IMAGE-LINK-HERE.com" /></a> </td><td> <a href="http://www.SOCIAL-LINK-HERE.com"><img src="http://www.IMAGE-LINK-HERE.com" /></a> </td> <td> <a href="http://www.SOCIAL-LINK-HERE.com"><img src="http://www.IMAGE-LINK-HERE.com" /></a> </td> <td> <a href="http://www.SOCIAL-LINK-HERE.com"><img src="http://www.IMAGE-LINK-HERE.com" /></a> </td> <td> <a href="http://www.SOCIAL-LINK-HERE.com"><img src="http://www.IMAGE-LINK-HERE.com" /></a> </td> </tr></table></center>



Step 6
After that just copy this same code above but  i mean after editing it

Step 7
Go to your layout and Add a gadget select HTML/JavaScript and paste the code inside and save




Note: 
 • you can still reduce the width by editing it.
 • Those codes above are meant for six images you can reduce it yourself.

Make sure you comment before you leave and subscribe 

Thanks

Share :

zealmatblog

21 comments:

  1. Thanks for sharing i hope i can do this on www.trendwithgloria.com?

    ReplyDelete
  2. Yap for sure and I can still guide you through.

    ReplyDelete
  3. Hey thanks a lot you can check my site out www.ridwanadetu.blogspot.com

    ReplyDelete
  4. Thats cool. You can also checkout the ones on my blog too at www.netsocialblog.com
    They are follow buttons.

    ReplyDelete
  5. Useful post.....it serves me well #thumbs up niqqah

    ReplyDelete
  6. Mathias i must say u r a woderful person all for free.

    ReplyDelete
  7. Hi
    Matthias This is called blog designing from the scratch and of a truth is gonna aid new bloggers who actually need to develop their skills Towards web design.

    Keep it up brother

    ReplyDelete
  8. Replies
    1. Sure I will thanks for the encouragement

      Delete
  9. boss thanks alot and btw i love ur templa,do u care 2 share with me .... y'all should check out mactizzyblog.com

    ReplyDelete
  10. I Askd On How To Place An Advertisement On Blogspot With D Motive Of Using Either Img Or Text Am Nt Asking Hw To Install Social Icon

    ReplyDelete
  11. I Askd On How To Place An Advertisement On Blogspot With D Motive Of Using Either Img Or Text Am Nt Asking Hw To Install Social Icon

    ReplyDelete
    Replies
    1. Fagboyinbo Oluwatobilo
      ba emmanuel this method is been used randomly all you need to do is to get the the image you want advertise and the convert it to a link and the add your url and remove the remain one that's all

      Delete



Parse Your Adsense HTML code Here





We love to hear from you!

Sign in to comment "anonymously" without entering verification text.