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
- First Go To > Blogger And Log in > Than Design > Edit HTML
- Search for ]]></b:skin>
- 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.
0 comments:
Post a Comment