Sunday, May 7, 2017

How to Add Social Media Icons Widget on Blogger Blog

How to Add Social Media Icons on Blogger


Social Media Icons- Social Media Icons are very Important and Useful for Blog. With the Help of Social Media Icons, your Viewers can easily find your social media accounts and they will follow you on Social Media. I hope you also Promote your Website/Blog on Social Media. Therefore it's important for you to promote your Social Media Accounts too. For this Reason you can add Social Media Widgets on your Website/Blog and promote your Social Media Accounts.

Social Media Icons

With the Help of Social Media Icons Widget you can Place your Social Media Account Links on your Social Media Icons, such as Facebook, Twitter, Google Plus, Instagram etc. When your user's can  click on the icon So they goes to your Social Media Profile and they are able to Follow you on Social Media.

What things you should be Consider to Add Social Media Icons?

When you add Social Media Icons to your Website/Blog, you must be sure that's the links you can add on your social media Icon they are your social media Account Links. Because if you add incorrect link on your Social Media Icons, then your readers can face difficulty to find your social media account. So when you put all your social media links, you must go to check your Social Media Links are Yours and the work properly or not.


How to Add Social Media Icons on Website/Blog?

To add Social Media Icons to your website properly, you have to follow these steps -

Step 1

First, Copy the codes given bellow and paste these codes in Notepad, Word pad, MS Word etc. By which this code will be saved on your computer.


<style>
.sidebar-social{font-size:13px;height:250px}.sidebar-social .icon a{display:block;color:#fff;padding:12px}.sidebar-social .icon{margin:1% .5%;width:49%;height:45px;float:left;text-align:center;background-color:#111;border-radius:10px}.sidebar-social .icon.facebook{background-color:#3b5998}.sidebar-social .icon.twitter{background-color:#00aced}.sidebar-social .icon.pinterest{background-color:#cb2027}.sidebar-social .icon.instagram{background-color:#bc2a8d}.sidebar-social .icon.google{background-color:#dd4b39}.sidebar-social .icon.linkedin{background-color:#007bb6}.sidebar-social .icon.flickr{background-color:#ff0084}.sidebar-social .icon.YouTube{background-color:#b00}.sidebar-social .icon.rss{background-color:#ea8914}.sidebar-social .icon.tumblr{background-color:#32506d}.sidebar-social .icon:hover{background-color:#222}.link{float:right}
</style>
<smi social follow icon widget start>
<div class="sidebar-social">
<div class="icon facebook">
<a href="[Facebook URL]" target="_blank" title="Follow on facebook">
<i class="fa fa-facebook"></i> 10,370 Likes</a></div>
<div class="icon twitter">
<a href="[Twitter URL]"_blank" title="Follow on twitter">
<i class="fa fa-twitter"></i> 225 Followers</a></div>
<div class="icon pinterest">
<a href="[Pinterest URl]" target="_blank" title="Follow on pinterest">
<i class="fa fa-pinterest"></i> 100 Followers</a></div>
<div class="icon instagram">
<a href="[Instagram URL]" target="_blank" title="Follow on instagram">
<i class="fa fa-instagram"></i> 270 Followers</a></div>
<div class="icon google">
<a href="[Google Plus URL]"_blank" title="Follow on google+">
<i class="fa fa-google-plus"></i> 330 Subscribers</a></div>
<div class="icon linkedin">
<a href="[Linkdin URL]"_blank" title="Follow on linkedin">
<i class="fa fa-linkedin"></i> 80 Followers</a></div>
<div class="icon flickr">
<a href="[Flicker URL]" target="_blank" title="Follow on flicker">
<i class="fa fa-flickr"></i> 22 Followers</a></div>
<div class="icon YouTube">
<a href="[YouTube Channel URL]" target="_blank" title="Subscribe on YouTube">
<i class="fa fa-youtube"></i> 235 Subscribers</a></div>
<div class="icon rss">
<a href="[Feedburner URL]" target="_blank" title="Subscribe blog feed">
<i class="fa fa-rss"></i> 11,513 Followers</a></div>
<div class="icon tumblr">
<a href="[Tumbler URL]" target="_blank" title="Follow on tumblr">
<i class="fa fa-tumblr"></i> 10 Followers</a></div>
</div>
<div><a href="http://www.techtoguru.com/smi-sidebar-social-follow-media-icon-widgets/" target="blank" class="link">get this widget</a></div>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<smi social follow icon widget end>


Step 2

After you paste the code into your computer, you will need to Add your Social Media URL to Replace red color texts. When you place URLs of your Social Media Accounts in all these places, then you can save the page.

Step 3
Social Media Icons

Now open your Blogger Dashboard and click on the option "Add A Gadget" in the side bar.

Step 4
Social Media Icons

After clicking on Add a Widget, a New Box will be Open. Then you can click on the option of "HTML / Java Script".

Step 5
Social Media Icons

Now have another box open in front of you.In this Box you need to Add a Title Like "Follow us on Social Media", and then in the "Content" Box you can Paste the Copied Code and Click on Save Button.

Last, you have to click on "Save Arrangement" and save the setting on your blog.



Now you will be open your website/blog, and Check. At this Time your Social Media Icons will be Appear in your Website/Blog in the Sidebar.

If you have any further questions related to Social Media Icons, then you must write us at the Comment Box and we will try to answer your question as soon as Posible.

Related Post







5 comments:

  1. Luckily my partner is a computer whizz and sorted mine out for me :)

    ReplyDelete
  2. Social media consulting assists you make one of the most of the social media accounts. How do you engage your audience and turn some individuals in ?brand advocates? so they inform everyone they know and see about your goods and services? SMM Panel

    ReplyDelete
  3. I found that taking as basic an approach as asking clients at the end of projects if they knew anyone who could benefit from social media marketing, worked out surprisingly well.

    ReplyDelete
  4. Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. galway daily

    ReplyDelete
  5. Being a social media manager is kind of like being a stand-up comedian. You have to quickly understand your audience and your engagement with them is vital.find out where your friends are

    ReplyDelete