Tuesday, May 23, 2017

How To Add Social Media Icons In Blogger Default Template

Good day everyone, I am here with another exciting tutorial for you all..

How To Add Social Media Icons In Blogger Default Template

Today,i am going to be showing you all on how to add social media under powered by blogger on blogger default template like what you seeing in the picture above.But firstly, the procedure is kind of complicated so I will need you all to follow the instructions very carefully....

Backup your template first before you start with the tweaking.

Visit your blogger dashboard, navigate to themes then click on EDIT HTML...

After that,,, you click anywhere inside the box, and you press ctrl+f and search for the </body>.. Then you look upward carefully, you will see this code

</b:section>

After the attribution code line

Directly under the above this code </b:section>, you paste this below code directly below the above code..

<div class='connect' style='text-align: center;'>

  <a href='www.twitter.com/urbanstreet2015'><img src='http://1.bp.blogspot.com/-V3WYp7KETuQ/Uzl1ZPycv5I/AAAAAAAABVM/KJuPyT_xuUM/s1600/twitter.png'/></a>

  <a href='your-instagram-link-here'><img src='http://3.bp.blogspot.com/-sQGy8iBXEOw/VfM3vrkTFvI/AAAAAAAAMxI/91VZFWxSCjs/s1600/instagram32x32.png'/></a>

<a href='googleplus-link-here'><img src='http://4.bp.blogspot.com/-Fwoj5-xhDcY/Uzl1W4ZJl7I/AAAAAAAABUs/VWPRmO_-Emw/s1600/googleplus.png'/></a>

  <a href='www.facebook.com/urbanstreetng'><img src='http://3.bp.blogspot.com/-gT4cjn0UqZ8/Uzl1WUAZfwI/AAAAAAAABUM/wikpqvguaS0/s1600/facebook.png'/></a>

Once you have paste the code, you can now remove the URL in the code above and replace it with your social media URL..... Then save template!! 

Hope this article helps, feel free to drop your comments..... 

No comments:

Post a Comment

Designed by scholarmaris'z Blog