Beautiful About Author Widget For Blogger

To build  a straightforward  and enticing templet style  of blogger  is  to  add  low however helpful  widgets  in  blogger templet.  And concerning The Author gizmo is nice plan to inform your guests concerning yourself and your skills, therefore just for this purpose we have a tendency to solely show helpful gizmos for your blogger templet and nowadays we have a tendency to introduce �About Author� widget for blogger users that is extremely straightforward and enticing, therefore you'll use it on footer in your blogger templet therefore let�s go

your blogger template so let�s go

To add this widget follow these simple steps:-

1. First log in to your Blogger Account
2. Go to Layout and click on add a gadget
3. Now add HTML / JavaScript gadget
4. Now paste the below code in HTML / JavaScript gadget

<!--[if !IE]> --> <style> #profile{ border:2px solid #888; margin:2px 5px 0px 0px; padding:2px; } #profile:hover { border:2px solid #ccc; cursor:pointer; } .opacity  { opacity: 0.5; margin-left: 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);  filter: progid:DXImageTransform.Microsoft.Matrix(                     M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1;  } .opacity:hover  { opacity: 1; margin-left: 0px; -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  -webkit-transform: rotate(0deg);  -ms-transform: rotate(0deg);  transform: rotate(0deg);  filter: progid:DXImageTransform.Microsoft.Matrix(                     M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand'); zoom: 1; -moz-box-shadow: 1px 1px 4px #000; -webkit-box-shadow: 1px 1px 4px #000; box-shadow: 1px 1px 4px #000; } </style>    <![endif]--> <style> #profile{ border:2px solid #888; margin:2px 5px 0px 0px; padding:2px; } #profile:hover { border:2px solid #ccc; cursor:pointer; } .opacity  { opacity: 0.5; -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; zoom: 1;  } .opacity:hover  { opacity: 1; zoom: 1; -moz-box-shadow: 1px 1px 4px #000; -webkit-box-shadow: 1px 1px 4px #000; box-shadow: 1px 1px 4px #000; } </style>