How To Show Guest Post's Author Info

We are blogger. Blogger supported permission blogging its a best way to guest posting. Many blogger are write  his information to post below { I also Use this ;) But Its fixed any guest publish a post than never show this info post below :( SAD ): don't worry i now share how to show guest author info.

So Let's Start  1st Step

1. First Go To > Blogger And Log in > Than Design > Edit HTML
2. Search for ]]></b:skin>
3. Now Just above it paste the code below,

/*----------Guest Poster --------*/
.nh24-gp img {
margin:0;
border:0;
}
.nh24-gp-about {
font-size:12px;
margin:0 auto;
padding:3px;
width:580px;
background:#edf6ff;
border:#9ecfff dotted 1px;
min-height:130px;
}
.nh24-gp {
padding-top:10px;
margin:0;
font-size:12px;
float:left;
width:17%;
text-align:center;
border-right:#93C0F9 solid 1px;
}
.nh24-gp-text {
float:right;
width: 80%;
padding:5px;
text-align:left;
font:12px arial,sans-serif;
text-align:justify;
margin:0;
padding:0;
}

Now Start 2nd Step

Now guest just publish his post after copy this below code and paste his post end like HTML edits. See below PIC and i thing its make easy. than copy/paste coad.

PIC

<div class="nh24-gp-about">
  <div class="nh24-gp"><img src="IMAGE-LINK" width="80" height="70" /> GUEST-NAME </div>
  <div class="nh24-gp-text">
    <p><strong>About the Guest Author :</strong>
      <br />ADD-ABOUT-AUTHOR-INFO-HERE </p>
  </div>
</div>

Now EDIT YELLOW Color Text And Enjoy.

Need Help ?

Thing all will be done. But Any One Need Help Comment And Share This Post.