How To Add Author Box Below Posts In blogger

<style>
.wc-aboutauthor{
float:left;
width:550px;
padding:10px;
border:1px solid #ccc;
margin-bottom:15px;
margin-top:15px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy8tLRX3NtJ3lHckGBGU4fdT6B2gagZJIBR4Hk0ZUvfwaYFlTMZtKQyRmj5Zt1YWuWjbvVjUEFmYIWyiuR2Rm8OMe3Ls2kjuPhbQiCkun6y0GMOtB0GmVAYfm6ZtnxABRe-7hyphenhyphenUuOuMqA/s26-no/backgrounds.png ');
color:#444444;
-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
}
.wc-aboutauthor h2
{
color:#b6e026;font-family:Helvetica,Arial;font-weight:bold;text-shadow:#64665b 0px 1px 1px;font-size:28px;margin-bottom:-6px;

}
.wc-aboutpic{
float:right;
margin:0 0 0 10px;
}
.wc-aboutpic img{
border:1px solid #999999;
-webkit-transition:-webkit-transform .15s linear;
-moz-transition:-moz-transform .15s linear;
-o-transition:-o-transform .15s linear;transition:transform .15s linear;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
box-shadow:0 3px 6px rgba(0,0,0,.25);
padding:5px 5px 5px 5px;-webkit-transform:rotate(+5deg);
-moz-transform:rotate(+5deg);-ms-transform:rotate(+5deg);
-o-transform:rotate(+5deg);transform:rotate(+5deg);float:left;
}
.wc-aboutpic img:hover{
background:#FFFFFF;
-webkit-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow:0px 0px 10px  rgba(0, 0, 0, .3);
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
transform:rotate(-1deg);
}
.wc-aboutsoc img
{
height:35px;
margin-bottom:-13px;
}
.wc-aboutsoc  p
{
font:16px georgia;
color:#ffffff;
background:#b6e026;
display:inline;
border-radius:5px;
padding:5px;
margin-right:30px;
}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div class='wc-aboutauthor'>
<div class='wc-aboutpic'>
<img alt='Author image' height='150' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMXueGYYQUpqk8aV6SNHGwWsl88CF50uexlxGTLlznhyGfRji2-MoIb1TZINNVsz3kRHD2HnzR57fzQZfDW5K32dd6yErP7U0gLsfR_9rdX6uqyCaR5uyLCxEnE2UlrYnqek_7BW_VY4Il/s1600/BishnuBahadurRaut.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMXueGYYQUpqk8aV6SNHGwWsl88CF50uexlxGTLlznhyGfRji2-MoIb1TZINNVsz3kRHD2HnzR57fzQZfDW5K32dd6yErP7U0gLsfR_9rdX6uqyCaR5uyLCxEnE2UlrYnqek_7BW_VY4Il/s1600/BishnuBahadurRaut.jpg' width='150'/>
</div>
<h2 >About the site Author :</h2>
<p>नमस्कार  म खोटांग  नेपाल देखि बिष्णु बहादुर राउत छु मित्र तपाईं म नियमित ब्लगिंग लेखन गर्न चासो छु र ब्लगर मा  कम्प्युटर हार्डवेयर / नेटवर्किंग र  ब्लगर मा आफुले लेख्ने प्रायस गरेको छु   धन्यवाद। 

फेसबुक प्रयोगकर्ता नाम: BishnuBahadurRaut </p>
<div class='wc-aboutsoc'>
<p> Connect with him on : </p><a href='http://facebook.com/BishnuBahadurRaut'><img src='http://1.bp.blogspot.com/-XtMSvGt9QbM/UiIRj_Z-xkI/AAAAAAAACUE/lxKPo9uepx4/s1600/facebook.png' title='Facebook'/></a>    <a href='http://twitter.com/Bishnups3'> <img src='http://1.bp.blogspot.com/-TD3jCs_IZcg/UiIRjnuFRyI/AAAAAAAACUA/9ZYp0awI3Ss/s1600/twitter.png' title='Twitter'/></a> <a href='https://plus.google.com/+115651435971352666141/posts' > <img src='http://4.bp.blogspot.com/-l6tB4HfZcfY/UjdItwk9-7I/AAAAAAAACW4/iHklkLWO_Fs/s1600/google.png' title='Google plus'/></a></div>

</div>

</b:if>