Hello Bloggers,Recently i started “Write For Us” on my blog that is GUEST POST facility for my readers.Now you can also write for ProBlogging with your advices and tips.
Many websites and web-blog have this guest post facility .In their guest post,in starting or in the end of the article there is little bio.
I have seen on many guest posts that the guest post author bio is written in a bad way.…So here i’m sharing something for them.Our guest will feel better if we put their Bio in a beautiful fully customizable box.
So the tutorial for How to show Guest post with about the guest author goes here…
Login to your Blogger Dashboard
Go to Design->Edit Hml (Back Up your template)
Now find ]]> in your code and paste the following piece of code above it
/*———-About Guest author box ——–*/.mbt-gp img {margin:0;border:0;}.mbt-gp-about {font-size:12px;margin:0 auto;padding:3px;width:580px;background:#edf6ff;border:#9ecfff dotted 1px;min-height:130px;}.mbt-gp {padding-top:10px;margin:0;font-size:12px;float:left;width:17%;text-align:center;border-right:#93C0F9 solid 1px;}.mbt-gp-text {float:right;width: 80%;padding:5px;text-align:left;font:12px arial,sans-serif;text-align:justify;margin:0;padding:0;}
Now Preview and save it.
Its not over yet,Now whenever You Post a Guest Post add the following code in the end of the post (In HTML part)
<div class=”mbt-gp-about”>
<div class=”mbt-gp”><img src=”GUEST-AUTHOR-IMAGE-LINK” width=”80″ height=”70″ /> GUEST-AUTHOR-NAME </div>
<div class=”mbt-gp-text”>
<p><strong>About the Guest Author:</strong>
<br />ADD-DESCRIPTION-ABOUT-AUTHOR-INFO-HERE </p>
</div>
</div>
Fill the Red text with the corresponding…and make your guest feel good to post on your site…
Enjoyed tutorial pass your words to us,use the comment box below…