Breaking News
recent

How To Add Social Media Icons To Your Blog - Easy Way

Social Media has become an important player in the way we communicate with friends, family and relatives.  The blogging world is also moving towards social media to build up their blog community. Social Media presence have become important for every blogger, if they want to grow their blogging community and to achieve higher traffic for their blog. And, in turns it gives the users of your blog easy access to your blog's content. 



So, let's see - How To Add Social Media Icons To Your Blog:

Step 1: Before starting the work on adding social media buttons to your blog or website- you need to get the buttons first. You can get it free or you can buy also. I have downloaded the buttons as shown above in JPEG file format which are squared in shape. If you need round buttons they usually be in PNG format.

Step 2: Once having the buttons, you will have to upload it to Photobucket or any other similar site.

Step 3: Once uploaded, you need to get the URL's of your images now.
  • If you have uploaded your images to Photobucket, you'll can get the URL's of your images on the right hand side. Copy the URL from Direct Link Title content box. 

Step 4: Go to your blogger Dashboard-> Layout-> Click on "Add a Gadget". 

  • From the pop up window list, choose "HTML/JavaScript". 

Step 5: Below is the code Skeleton- Fill all the attributes of the HTML Tag correctly. 
[You can use Notepad/Word Pad to create all the HTML code and then paste it on the HTML/JavaScript Content box]

           <a href="http://www.YourWebsiteAddress.com"target="_blank" >
    <img src="http://www.URLofImageLocation.comheight="70" width="70" /></a> 

Explanation of Code:
  • http://www.YourWebsiteAddress.com : URL for the address of your social media like Facebook,Twitter etc. For example: http://facebook.com/TechnoGadgetWorld 
  • target="_blank" : To make the page open in 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 one by one for every social media icon you add. 


Step 6 : Click on "Save" button and "Save the Arrangement". Check your blog to see the changes and click each icons to make sure you have linked it properly.

That's it. If you do the steps correctly you will be going to have the brand new look for your blog/website.

If you have any doubts or suggestions, please do leave your comments below. 

12 comments:

  1. Wow! this post is very informative.I will surely follow this.Thanks a lot.

    ReplyDelete
  2. This post is really incredible, one of the most helpful I have ever read,indeed.
    how to get comments on instagram

    ReplyDelete
  3. Thank you so much for the share. By the way I roamed around your blog and it looks like you haven't updated it recently. Hope you come back soon.

    ReplyDelete
    Replies
    1. You're welcome. :). Yes, I am going to do some posts soon. :)

      Delete
  4. thank you, give thumb for this :-D , i really use this :-D

    ReplyDelete
  5. Thank you for sharing! This article is very helpful and easy to understand. Have a good day!

    ReplyDelete
  6. لندن، پایتخت انگلستان یکی از بزرگترین، پر ترددترین و معروف ترین فرودگاه های جهان به نام هیثرو (یا هیترو) را در اختیار دارد؛ فرودگاهی که همواره از آن بعنوان یکی از برترین فرودگاه های سراسر جهان نام برده می‌شده است. در ادامه در معرفی معرفی فرودگاه هیثرو با ما همراه باشید.
    در ادامه با معرفی فرودگاه بین المللی ابوظبی با ما همراه باشید.
    هواپیمای بوئینگ 737 یکی از هواپیما های این شرکت بزرگ است که ویژگی های خاصی دارد. برای اطالاعات بیشتر در مورد معرفی کامل هواپیمای بوئینگ 737 با ما همراه باشید.
    در این مقاله قصد داریم تا در مورد هواپیمایی نسیم و هر آنچه باید در مورد آن بدانید بنویسیم. با معرفی هواپیمایی نسیم همراه باشید
    عضویت در مجامع معتبر هوایی جهان مانند یاتا، گسترش شبکه پروازی، ساخت آشیانه ها، جذب و آموزش نیروی متخصص، نرخ صعودی جا به جایی مسافر و ساخت کارگاه های متعدد مهندسی تعمیرات از جمله نتایج مهمی هستند که معرفی هواپیمایی آسمان با توجه به 2 هدف اصلی خود به آن ها دست پیدا کرده است

    ReplyDelete
  7. کشور فرانسه دارای معرفی فرودگاه بین المللی بوردو خواهیم پرداخت. در این مقاله قصد داریم با معرفی فرودگاه بین المللی وارنا در مورد تاریخچه و در ادامه در این مقاله به معرفی شرکت هواپیمایی تابان خواهیم پرداخت. هواپیمایی تابان در را در کشورمان انجام می دهد.هواپیمایی ایرباس A310 – 1 فروند. هواپیمایی بوئینگ B737 – 1 فروند پروازهای هواپیمایی تابان به تبعیت از قوانین یاتا، با هواپیماهای این ایرلاین را دارند، مستلزم رعایت دستوراتی هستند

    ReplyDelete

  8. راستی در مورد آشنایی با هواپیمایی اترک هم اگر دوست دارید بیشتر بدونید بازم روی معرفی ایرباس A380، بزرگترین هواپیمای مسافربری دنیا حساب کنید. درضمن معرفی بی نقص هواپیمای ایرباس A350 رو هم بشناسید بد نیست. راستی درمورد هر آنچه باید در مورد هواپیمایی «کیش ایر» بدانید و البته باید بگم که برای آشنایی با هواپیمای ایرباس A350 هم مقاله ما رو بخونید بهتره!

    ReplyDelete
  9. The john.rumpel has an easy-to-navigate layout because to its thoughtful design, which prioritizes the user experience.

    ReplyDelete
  10. A simple, intuitive structure that facilitates easy navigation was a priority in the chagaras design, which also focused on the user experience.

    ReplyDelete

All rights reserved by TechnoGadgetWorld or TGW. © Copyright protected 2012-2015. Powered by Blogger.