728x90 AdSpace

Latest News
Saturday, September 15, 2012

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.

    • Blogger Comments
    • Facebook Comments

    0 comments:

    Post a Comment

    Item Reviewed: How To Show Guest Post's Author Info Rating: 5 Reviewed By: Munnablogger