Hi Friends , I'm Ghanshyam and Author of this website. Author Box and About Us page is very important part of blogger/blog website because All bloggers and visitors love to know about the person behind the blog .Author Box placed on Footer page look professional blog for users.It's very important user Know about author.It's a new version of author box 2.0 and edited By me. Cause of It's look More Professional and Stylish.
How To check this code Online Tool :
Go to the Facebook Developer Page >>Tools >>JavaScript Test Console Page.
How to add this Widget to Blogger:
- Go to Blogger > Layout > Add A Gadget > HTML/JAVASCTIPT
- Paste the following coding inside it:
<div><div dir="ltr" style="background-color: white; color: #272727; font-family: 'Droid Serif', Enriqueta, Georgia, serif; font-size: 16px; line-height: 26px; margin: 0px; padding: 0px;" trbidi="on"><div class="quote_box" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzvnM4PTj_ArnQPoCnJ8YYYag1aThN7-m16qjygu-5Ca5EmrjFnWcdw0qHxoXP-2Bc2hsK4u6GmiNhLcq7rQiF5VbqyYWM4iSiO3HW3b3fAZyn1j-uQYvIqekfM4xHidNjQLS1aSWDwUij/s320/footer+author+quote.PNG); background-position: 94% 7%; background-repeat: no-repeat no-repeat; border: 1px solid rgb(192, 192, 192); margin: 12px 0px 0px; padding: 20px; position: relative; width:320px;"><div class="quote_content" style="margin: 0px; overflow: hidden; padding: 0px;"><div class="detail_box" style="float: left; margin: 0px; padding: 0px;"><img alt="Ghanshyam Singh" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiieVrpY6eLtQX8DCIhTTKtIcXge3NxklsYSqc6Ilg44ptHY5eXxeZC-tLiMBqJrj6OUk5neaf5ky8AwVpYWopMDUMi46WU7CH8EH_4vi2GJm10fZXlv8V1D0WSEVsGxDgYpY1e6SGQMBjn/h120/photo+%281%29.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiieVrpY6eLtQX8DCIhTTKtIcXge3NxklsYSqc6Ilg44ptHY5eXxeZC-tLiMBqJrj6OUk5neaf5ky8AwVpYWopMDUMi46WU7CH8EH_4vi2GJm10fZXlv8V1D0WSEVsGxDgYpY1e6SGQMBjn/h120/photo+%281%29.jpg" style="border-bottom-left-radius: 777px; border-bottom-right-radius: 777px; border-top-left-radius: 777px; border-top-right-radius: 777px; border: 4px solid rgb(229, 234, 240); margin: 0px; max-width: 95%; padding: 0px; position: relative;" title="Ghanshyam Singh" /><span class="derole" style="color: #666666; display: block; font-size: 15px; font-style: italic; line-height: 10px; margin: 0px; padding: 0px;"></span><br /><span class="derole" style="color: #666666; display: block; font-size: 15px; font-style: italic; line-height: 10px; margin: 0px; padding: 0px;">About</span><br /><span class="derole" style="color: #666666; display: block; font-size: 15px; font-style: italic; line-height: 10px; margin: 0px; padding: 0px;">The</span><br /><span class="derole" style="color: #666666; display: block; font-size: 15px; font-style: italic; line-height: 10px; margin: 0px; padding: 0px;">Author</span></div><div style="margin: 0px; padding: 0px; text-align: right;"><div class="said_box" style="float: left; font-size: 20px; margin: -130px 0px 0px 72px; padding: 0px;"><a href="https://plus.google.com/100090854666031755159" rel="author" style="-webkit-transition: color 0.2s linear; color: #32a4d6; margin: 0px; outline: none; padding: 0px; text-decoration: initial;" target="_blank">Ghanshyam Singh</a><span class="roleau" style="color: #333333; font-size: 10px; margin: 0px; padding: 0px;"></span><br /><span class="roleau" style="color: #333333; font-size: 10px; margin: 0px; padding: 0px;"><a href="http://www.digitalhuinc.com/about/" rel="author" style="color: black; margin: 0px; outline: none; padding: 0px;" title="Ghanshyam Singh">Ghanshyam Singh</a> (<a href="http://twitter.com/digitalhubinc" style="color: black; margin: 0px; outline: none; padding: 0px;" target="_blank">@digitalhubinc</a>) is a personal technology columnist and founder of Digital Hub Inc., a widely-read tech and how-to blog since 2012-13. Email: <a href="mailto:digitalhubinc@gmail.com" style="color: black; margin: 0px; outline: none; padding: 0px;">mailto:digitalhubinc@gmail.com</a></br><a href="http://www.digitalhubinc.com/p/about.html" rel="author" target="_blank">More>></a></br><a href="https://twitter.com/digitalhubinc" class="twitter-follow-button" data-show-count="true" data-lang="en">Follow @digitalhubinc</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span></div></div></div></div></div></div>
How To Customise This Code :
- Just Replace Black Code of Ghanshyam Singh to Your Author Name.
- After Replace Yellow Code of Author Image.
- Change the Google + code link : 100090854666031755159
- After change about page , email link and twitter username .
