Saturday, November 2, 2013

Add slider About Author profile

Slider About Author profile is one of the best widget for blogger platform I EVER SEEN.
"About me" is the hidden condition of adsence, but most of newbies do not know this secret.
abut me or about author is also help to blogger grow popularity.
it never increase page loading time beacuse it is HTML Code
---------------------------------------------
A about author by completing blew steps
-------------------------------------------
1. go to your blog
2. goto layout
3. click add a new widget and select HTML/Javascript
4. paste blew 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="http://lh5.googleusercontent.com/-apebLD7wqCc/AAAAAAAAAAI/AAAAAAAAAbA/TEzvNCR6ubk/s512-c/photo.jpg" width="100" />
<div style="font-family: Arial Tahoma Verdana; font-size: 13px; text-align: justify; ">
<b>Founder & Author:</b> Hi Friends, my name is Ataur Rahman Dipto student of electrical and electronics engineering 20 year old blogger, certified SEO consultant & web developer , the Entrepreneur of <a href="http://www.tricklink.blogspot.com"> <b>Trick Link</b></a> who based out of the beautiful country name "Bangladesh". He is a problogger & running a number of blogs from his living room</div><a style="color:#5634;" href="http://tricklink.blogspot.com/about me.html" target="_blank">...Read More</a><!--![endif]---->
</div>
-------------------------------------------------------------------------------------------------------------

replace coloured code with your own

1.replace this color link with your image link

2. replace this color link with your Bio

3. change this link also with your about me page link

now save
you successfully done.

No comments:

Post a Comment