How to add the Social Media Link Widget in the Blogger Sidebar

(Social Media) is a channel or means of social intercourse online in cyberspace (internet).For a blogger, having a social media account is legally "mandatory" to search search engines or SEO (Search Engine Optimization).

One way to bring visitors is to spread posts on social media. One way visitors come to our blog is also through social media, in addition to search engines (Google, Bing, Yahoo!) and directly to the homepage.

One of the pillars of SEO is Social Media. According to SEO experts, Social Signal is one of the rating factors of our blog on the search results page.

If you have created a social media account, at least on Facebook, Twitter, Instagram, Pinterest, Linkedin, Google Plus, and Youtube accounts, attach a link to your social media account in the sidebar of the blog.

The Purpose of Installing a Social Media Link Widget in the Blogger Sidebar is of course to increase followers, friends, networks, as well as the spread of our blog content.

Installing the Social Media Link Widget in the Sidebar Blogger also makes it easy for visitors to follow the latest updates or posts of our blog, as long as we share them on social media accounts.

   

How to Install the Social Media Link Widget in the Blogger Sidebar

Here's one of the many tips for installing a social media account link in the blogger sidebar.

The method is very easy:

1. Layout> Add a Gadget

2. Select HTML / JavaScript

3. Title is blank

4. Copas the following code:

<style>
.rtm-socials-icons {margin: 0 0 20px 0}
.mrt-socials-icons ul {margin: 0; padding: 0; list-style: none; margin-bottom: -5px; margin-right: -5px; overflow: hidden}
.rtm-socials-icons ul li: before {display: none}
.rtm-socials-icons ul li {margin: 0; padding: 0; list-style: none; float: left; width: 45px; height: 45px; line-height: 45px; text-align: center; background: # 00baff; font-size: 21px; margin-right: 5px; margin-bottom: 5px; opacity: .9; border-radius: 3px;}
.rtm-socials-icons ul li: hover {opacity: 1;}
secondary-sidebar. socials-icons ul li {width: 36px; height: 36px}
.decondary-sidebar .mem-socials-icons ul li a {line-height: 45px}
.secondary-sidebar .rtm-socials-icons ul li a i {font-size: 20px}
.mrt-socials-icons ul li a {line-height: 45px; display: block; color: #fff}
.rtm-socials-icons ul li a: hover {color: #fff}
.rtm-socials-icons ul li.home {background: # 83868a}
.rtm-socials-icons ul li.facebook {background: # 0d2860}
.rtm-socials-icons ul li.googleplus {background: # f20000}
.rtm-socials-icons ul li.rss {background: # f29400}
.rtm-socials-icons ul li.youtube {background: # f20000}
.rtm-socials-icons ul li.pinterest {background: # f20000}
.rtm-socials-icons ul li.instagram {background: # 7c09a7}
.rtm-socials-icons ul li.linkedin {background: # 1985bc}
</ style>

<link href = '// netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel = 'stylesheet' />

<div class = "rtm-socials-icons mom-socials-widget">
<ul>
<li class = "facebook"> <a href="http://www.facebook.com/punyaakil" rel="dofollow" target="_blank" title="Follow us on Facebook"> <i class = "fa fa-facebook "> </ i> </a> </ li>
<li class = "twitter"> <a href="http://www.twitter.com/PunyaAkil" rel="dofollow" target="_blank" title="Follow us on Twitter"> <i class = "fa twitter "> </ i> </a> </ li>
<li class = "instagram"> <a href="https://www.instagram.com/punyaakil" rel="dofollow" target="_blank" title="Follow us on instagram"> <i class = "fa fa-instagram "> </ i> </a> </ li>
<li class = "youtube"> <a href="https://www.youtube.com/user/akilwibowo" rel="dofollow" target="_blank" title="Follow us on Youtube"> <i class = "fa fa-youtube"> </ i> </a> </ li>
</ ul>
</ div>

5. Change the social media links to yours.

6. Save!

Note: If the logo image is thick, it doesn't fit the width of the sidebar of your blog, please adjust (reduce) the size in the code width: 45px; height: 45px; line-height: 45px

So, That's How to add the Social Media Link Widget in the Blogger Sidebar. Thanks for read my article.