About Author or About Me Widget for Blogger Blog

About Author or About Me Widget for Blogger Blog

customize about me widget for blogger blog is one of the foremost jobs thats bring beauty in blog & websites. We see that most of ethic bloggers are using customize and stylishly about author widget for theirsblog & website. This is a very stylishly widget thats will give a new design to your blog & will make your blog attractive in the eyes of viewers. As normal every one place an about me bio widget at footer area with default gadget which have no attraction & have no delectable effects by the viewers. So it will be better more if we could make its design stylishly for better viewers then it will not only keeps our footer design eye-catchy but its will give a lot a new style to our blog website. So this tutorial guide us about how to customize and add a stylishly about author widget in blogger blog.

Does it increase blog loading Time By using About Me Widget ?

Absolutely No. IT will not compel your blog on loading time that is why because this widget is totally created in HTML & CSS3. By using such languages for widget or gadget it will never increase blog loading time. Our editorial team mostly focus on CSS3, JQuery & HTMl for creating an awesome widget. 

It might be happened & may increase your blog loading time if you are using so many java script gadgets in you blog. JavaScript is a heavy scripting language then all of others. So we are urging you never use too many java script gadget even if it could give awesome design to your blog.

How to Add About Author Widget in Blogger Blog

This a very simple process just follow the below simple steps
  • Go to blogger dashboard:
  • Go to Layout >> Add Html/javscript widget:
  • Add Past the below given code:
_______________________________________________________________________________________
--------------------------------------------------------------------------------------------------------------------------
<h2 class="title">About Me</h2>
<div class="widget-content">
<!--[if !IE]> -->
<style>
}
#probloggertricks:hover
 {
border:2px solid #ccc;
cursor:pointer;
}
.opacity
{
opacity: 0.5;
margin-right: 50px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.opacity:hover
{
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}

</style>
   <!--[endif]---->


<style>
#probloggertricks
{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;
}
#profileAditya:hover
 {
border:2px solid #ccc;
cursor:pointer;
}

.opacity:hover
 {
opacity: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}

</style>

<img class="opacity" id="probloggertricks" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MGDspHT8fLlhLoLp5tllfwhxZslKFsgWbUj2CTf08QxqUpEPtqp49boynyanik2JE1eqDtAP4lDoAYE-JAAbEKMeiajtW5zOs0T6mRi77LtYyDSYgA-8cQUyBBi2OChQ3Su0ZVd0_q0/s320/profile+pic.jpg" width="100" />
<div style="font-family: Arial Tahoma Verdana; font-size: 13px; text-align: justify; ">
<b>Founder &amp; Author:</b>My Name is vikram and iam 16 years old. i am a self made blogger, i learn blogging my own self, i love to learn more and share some best blogging tips on my this blog.
In this cool site you will found lots of free stuff. Today, "the hacker community" and "open-source developers" are two descriptions for what is essentially the same culture and population.World of tricks is a place where you get almost all kind of computer and internet related tricks absolutely free.Tips and Tricks is a Tech blog on Computer Tips, Computer Tricks, Facebook Tricks, Internet Tips, Earning Online, Software Downloads etc. I hope you may like my some articles special thank you to reading about my self. who based out of the wonderful country name "India". He is a problogger &amp; running a number of sites from his living room</div>

<a style="color:#5634;" href="http://vikram96.blogspot.in/2013/07/about-me.html" target="_blank">...Read More</a><!--![endif]---->

</div>


_______________________________________________________________________________________
--------------------------------------------------------------------------------------------------------------------------

Following are the Possible Customizations

  • Replace Red color links with your own image
  • If you want to give your own blog text style just change the blue line code with specific text property
  • Replace Yellow Paragraph with your own Author Bio
  • Replace Green Color Code if you want to change Read more link color
  • Replace Purple Color links with your own blog about me page links
  • You almost done:

Enjoy: Enjoy guys by using this slider stylishly about me widget for blog website. Thanks & stay for updates


Post a Comment

0 Comments