Skyrocket Your Blog Traffic!
Join our newsletter to get guides which will help you boost your blog traffic for free!


Awesome Social Icons Plugin V3 For Blogger !

Nitishk Gupta 11/23/2015 No Comment
social-icons-plugin-v3

If you're a reader of this blog then you may be knowing that i released a basic widget series in which i released two social icons plugin.
So those two are getting a new update again and a little bit more stylish !
Social widget is most wanted widget by every blogger and that's why I've been updating this widget and sharing it with you.
I'll surely release next version also but to get update about it subscribe us.
Let's talk about this widget -


Previous Versions -

Do You Need This Widget -

Of course yes ! you need this to increase your followers on social media. This widget is in the basic widget series which i recently started and gave many widgets in it. No doubt there are thousands of social widget available today but it completely depends on you in selecting them.
Try to select one which looks awesome and in responsive as well as matches your blog color also
.I've already said this many times therefore in short  you really need this widget to increase your social followers which will ultimately result in more traffic.

What's New ?

  • New Design
  • Shadow Effects Added
  • More Beautiful
  • Stylish Looking
  • Gradient Backgrounds Used
So these are some features of this widget , you may find more after installing it :)

Adding This Widget In Blogger -

Note- If you feel any problem in understanding this widget you can ask me either through contact form or through comments, I'll surely help you !

1- As Usual Go To Blogger Dashboard.
2- Then Go To Layout.
3- Select A Place And Then Select Add A Gadget 
4- Select HTML/JAVASCRIPT
5-Now Start Adding Codes As Explained -

The CSS Part -

This is the css which you need to paste -


<!--MBA Social Box--><style>.mbasocial .fa:active {background:black!important;}.mbasocial .fa {color:#007abe; font-size:30px; background:white;padding:10px;margin:4px;border:1px solid black;}.mbasocial .fa:hover {background:-webkit-linear-gradient(top,#005abe,#006abe,#007abe);color:white;box-shadow:1px 1px 10px 1px black;}</style>

The HTML Part -

This is the html part which will show the buttons -

<div class='mbasocial'><a href='#'><i class='fa fa-facebook'></i></a><a href='#'><i class='fa fa-twitter'></i></a><a href='#'><i class='fa fa-google-plus'></i></a><a href='#'><i class='fa fa-pinterest'></i></a><a href='#'><i class='fa fa-rss'></i></a></div><!--Ends-->

Replace # With your social profile links.

Final code -

Now the final code which will look like  this  -

<!--MBA Social Box--><style>.mbasocial .fa:active {background:black!important;}.mbasocial .fa {color:#007abe; font-size:30px; background:white;padding:10px;margin:4px;border:1px solid black;}.mbasocial .fa:hover {background:-webkit-linear-gradient(top,#005abe,#006abe,#007abe);color:white;box-shadow:1px 1px 10px 1px black;}</style><div class='mbasocial'><a href='#'><i class='fa fa-facebook'></i></a><a href='#'><i class='fa fa-twitter'></i></a><a href='#'><i class='fa fa-google-plus'></i></a><a href='#'><i class='fa fa-pinterest'></i></a><a href='#'><i class='fa fa-rss'></i></a></div><!--Ends-->
6- Finally Save The Widget And Enjoy It :)

Any Problem ?

Hope you liked this widget and must have shared it your friends and followers.
By the way if you find any problem in understanding this widget , feel free to ask me through comments.
Happy Blogging And Enjoy This Widget :)


Join Our Newsletter!

Join our newsletter to get regular updates with secret tips/tricks to skyrocket your blog rankings!

Nitishk Gupta
Hi, I Am Nitishk Gupta, a blogger and web developer. I am an addicted blogger who wants to share each and everything I have learned so far in my 4 years journey. Feel free to send me friend request or follow me. Thanks!

No comments:

Post a Comment

Powered by Blogger.