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

Stylish About Author Widget With Effects!

10/15/2015 No Comment

So here we have the third basic widget that is stylish about author widget. About author widget is a plugin that tells info and something about the owner or author of a blog as you can see in our sidebar.
About Author is a widget that tells about the author which helps in building a unique relationship between author and audience.


Importance of this widget-

As said above that this widget lets your audience meet with you and share their thoughts with you.There are many bloggers who don't place this widget and that's why their audience don't get mix up like a friend therefore you should place this widget either in sidebar or below all posts.

Credits -

Please as this widget is created by me so don't remove the credits and their is no link but just a comment of this blog therefore please respect hard work and do not remove credits and that's the quality of an awesome reader! :)

So lets start discussing some features about this widget-

  • Responsive
  • Beautiful
  • Effects Added!
  • Clean Design
  • And More..
So these were some of the features of the widget which i am going to give it to you.

Adding About Author Widget-

1- As usual go to blogger.
2- Go to Layout
3- Select an appropriate place for the widget
4- Paste the following code with customization's-

<!--MBA Author Widget--><style>.mbaauthorbox {text-align:center;border:2px solid black;padding:15px;box-shadow:1px 1px 4px 1px black;font-size:18px;text-shadow:1px 1px 1px black;font-family:sans-serif;}.mbaauthorbox .fa {margin-right:4px;text-shadow:none;color:#007abe;font-size:28px;padding:5px;border:1px solid black;}.mbaauthorbox .fa:hover {border:1px solid #007abe;background:#007abe;color:white;transition:.5s;}.mbaimg {width:100px;height:100px;border:2px solid white;opacity:0.8;}.mbaimg:hover {border:2px solid black;opacity:1;box-shadow:1px 1px 5px 1px black;}.mbaauthorboxreadmore {text-decoration:none;color:green;border-bottom:2px dashed #007abe;}.mbaauthorboxreadmore:hover {color:#007abe;border-bottom:2px solid #007abe;}</style><div class='mbaauthorbox'><img src='abc.png' title='Author Name' class='mbaimg'/><br><br>About Author Goes Here<br><a href='#' class='mbaauthorboxreadmore'>READ MORE >></a><br><BR><a href='#'><i class='fa fa-facebook-square'></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-envelope-o'></i></a></div><!--Ends-->
Customization's -

Replace abc.png with your profile image URL, Author Name with your name ,About Author Goes Here with the about author text ,# with the about page URL and # with your social profile links.

Did You Find Any Problem?

I hope that you liked this widget and shared it with your friends , By the way did you get any problem or want any help ? if yes then just put your query in comments and do subscribe us for daily updates and awesome freebies :)

Join Our Newsletter!

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

No comments:

Post a Comment

Powered by Blogger.