Stylish Social Media Icons For BlogSpot Blog

Can you even think about a blog without social icons?
However, i can’t.
If you are a blogger, then you must be active on social medias.
Every blog need a social icons and social share buttons.
It will bring you more visitors and traffic.
We getting enough traffic daily by social media promotions.
Also, we are using various tools for our social media automation.
You can get the list of tools by searching on us.

Read: How to add YouTube video to blogger sidebar.

Here, i will share you an important widget every blogspot blogger wants.
It’s really stylish and awesome widget.
You can add your own social media followers in it!
Let’s start then.
First of all, login to your blogger dashboard.
Go to layout section.

youtube
There, click on add a gadget menu under right sidebar. (You can select your own area. Here i’m working on right sidebar.)
A new window will open there. Select HTML/JavaScript from the window.
At next step, you need to give a heading there.
Put “We are social friendly” or something like that in heading area.
At down, paste the below code.


Don’t forget to change usernames with your own.
Hit on save.
Code is below,

<style type=’text/css’>
.widget_social_apps{margin-left:-.5%;margin-right:-.5%}
.widget_social_apps:before,
.widget_social_apps:after{content:&quot; &quot;;display:table}
.widget_social_apps:after{clear:both}
.widget_social_apps .app_social{margin:0 .5% .5%;width:24%;float:left;text-align:center;background-color:#111;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.widget_social_apps .app_social.facebook{background-color:#3e64ad}
.widget_social_apps .app_social.twitter{background-color:#58ccff}
.widget_social_apps .app_social.pinterest{background-color:#de010d}
.widget_social_apps .app_social.instagram{background-color:#125688}.widget_social_apps .app_social.google{background-color:#dd4b39}
.widget_social_apps .app_social.linkedin{background-color:#007bb6}
.widget_social_apps .app_social.flickr{background-color:#ff0084}
.widget_social_apps .app_social.vine{background-color:#00bf8f}
.widget_social_apps .app_social:hover{background-color:#111}
.widget_social_apps .app_social a{display:block;color:#fff;padding:15px 5px}
.widget_social_apps .app_social span{display:block}
.widget_social_apps .app_social span.app_icon i{font-size:24px;margin-bottom:5px}
.widget_social_apps .app_social span.app_count{font-weight:700;line-height:16px;font-size:13px;}
.widget_social_apps .app_social span.app_type{font-size:14px;line-height:16px}
</style>
<div class=”widget_social_apps”>
<div class=”app_social facebook”>
<a href=”https://www.facebook.com/sreehariofficial” target=”_blank”><span class=”app_icon”><i class=”fa fa-facebook”></i></span>
<span class=”app_count”>5845</span>
<span class=”app_type”>Fans</span> </a>
</div>
<div class=”app_social twitter”>
<a href=”https://www.twitter.com/sreeharipraju” target=”_blank”><span class=”app_icon”><i class=”fa fa-twitter”></i></span>
<span class=”app_count”>432</span>
<span class=”app_type”>Followers</span></a>
</div>
<div class=”app_social pinterest”>
<a href=”https://www.pinterest.com/username” target=”_blank”><span class=”app_icon”><i class=”fa fa-pinterest”></i></span>
<span class=”app_count”>4774</span>
<span class=”app_type”>People</span> </a>
</div>
<div class=”app_social instagram”>
<a href=”https://www.instagram.com/username” target=”_blank”><span class=”app_icon”><i class=”fa fa-instagram”></i></span>
<span class=”app_count”>65684</span>
<span class=”app_type”>Followers</span> </a>
</div>
<div class=”app_social google”>
<a href=”https://www.google.com/sreeharipraju” target=”_blank”><span class=”app_icon”><i class=”fa fa-google-plus”></i></span>
<span class=”app_count”>684</span>
<span class=”app_type”>People</span> </a>
</div>
<div class=”app_social linkedin”>
<a href=”https://www.linkedin.com/username” target=”_blank”><span class=”app_icon”><i class=”fa fa-linkedin”></i></span>
<span class=”app_count”>684</span>
<span class=”app_type”>Fans</span> </a>
</div>
<div class=”app_social flickr”>
<a href=”https://www.flickr.com/username” target=”_blank”><span class=”app_icon”><i class=”fa fa-flickr”></i></span>
<span class=”app_count”>441</span>
<span class=”app_type”>Followers</span></a>
</div>
<div class=”app_social vine”>
<a href=”https://www.vine.com/username” target=”_blank”><span class=”app_icon”><i class=”fa fa-vine”></i></span>
<span class=”app_count”>574</span><span class=”app_type”>People</span> </a>
</div>
</div>


At last, click on save arrangement button in the blog’s layout section.
Have a look at our blogspot blog after getting a success notification here at our dashboard.
Let’s look at our blog’s sidebar.

social media icons

Is this good?
If you facing any troubles, drop us a line at [email protected].

Trending Now On TricksFlare

Sreehari Sree

About the Author: Sreehari Sree

I am Sreehari Sree, a blogger and student from Kerala, India.
CEO and Founder of TricksFlare and TricksMax Corporation.
Just started my blog as a passion and for powering newbie bloggers to get success from their blog. All you need is here.
Just stick with us and be awesome!

Leave a Reply

Your email address will not be published. Required fields are marked *