Show About Author After Post In Blogger ~ Latest Hacking Tricks For Windows 7 And Facebook Hacks

Show About Author After Post In Blogger

Posted by Rashin Sundaran On Sunday, 20 May 2012 0 comments

This post witll teach you how to add information about author after blog posts.It is very usefull in Guest Postings.

Go to Design->Edit Html->Check Expand Widgets

Find ]]></b:skin> (Use Ctrl+F to Find)

Just Above it post the bellow code(Css)

.about-author {

background:#EBF3FB none repeat scroll 0 0;

border:1px solid #D4E2E8;

font-size:1em;

line-height:1.5em;

margin:0 0 20px;

padding:10px;

}

.about-author img {

background:#FFFFFF none repeat scroll 0 0;

border:1px solid #9ED0DE;

display:inline;

float:left;

margin:0 15px 0 0;

}

After that Find <div class='post-footer-line post-footer-line-1'>

Paste the bellow code after <div class='post-footer-line post-footer-line-1'>

<div class='about-author'>

<img alt='Rashin' height='100' src='Image Url' width='100'/>

<h4>Author: <a href='Ur Profile Url' target='_blank'><data:post.author/></a></h4>

<p> Short Discription About You</p>

</div>

</b:if>

Replace The Bellow Values:

Image Url: Link to ur profile image

Ur Profile Url: (Can Be A Link To Ur Facebook Profile)

Short Discription About You: Write something about you