Pages

Saturday, July 21, 2012

Show About Author After Post In Blogger

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







Login to blogger:

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 somethingvabout you



No comments:

Post a Comment