code: AUTHOR BOX

copy the below code

*----AUTHOR BOX BY TECHNOHACKING.COM -----*/ <style>.BSprofileBorder {margin:0 auto;padding:5px;width:290px;border-radius:5px;border: 5px #009999 solid;min-height:70px;}.BSprofileBorder1 {margin:5px auto;padding:5px;width:auto;border-radius:5px;border: 5px #80C8FE solid;min-height:70px;}#BSprofile{border:2px solid #888; margin:2px 5px 0px 5px; padding:2px; } #BSprofile:hover {border:2px solid #ccc;cursor:pointer; } .BSprofileopacity  {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;  }.BSprofileopacity: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> <br />
<div class="BSprofileBorder">
<div class="BSprofileBorder1">
<img align="left" class="BSprofileopacity" height="50" id="BSprofile" src="https://lh3.googleusercontent.com/-1SnGUjKPRPU/AAAAAAAAAAI/AAAAAAAAALU/aZ-ZU1ae3Rs/s120-c/photo.jpg" width="50" />I'm <a href="https://plus.google.com/u/0/20233188627445911/" rel="me" target="_blank" title="PRANAV M"> PRANAV</a>is a young indian Blogger, Web Designer, Graphic Designer.He running a number of Blogs/Sites from his home. </div>
</div>

code:codebox

copy the below code

* Code Box by technohacking.com --------- */ .code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 10px 10px 10px; width: 90%; } .code:hover { background: #FAFAFA; background-repeat:no-repeat; }