The "AboutMe" widget is probably not what you need for what you describe.
The code required to accomplish what you require will depend on the theme.
The following code snippets assume you are not using razor themes (different syntax and set-up, same logic though).
In the theme folders you should have a PostView.ascx file.
Enter the following where you would like the author image and about text to show.
You possibly won't have a code behind file for this, so you will need to make one, a PostView.ascx.cs that should contain the following:
public partial class PostView : BlogEngine.Core.Web.Controls.PostViewBase
public string AuthorDetails = string.Empty;
protected override void OnLoad(EventArgs e)
this.AuthorDetails = getAuthorDetails();
private string getAuthorDetails()
AuthorProfile ap = this.Post.AuthorProfile;
if (ap == null)
string authorImage = string.Empty;
string authorBio = string.Empty;
//A directory in your App_Data/files where you store author images
string imgSrc = Utils.RelativeWebRoot + "image.axd?picture=authorImages/" + ap.PhotoUrl;
authorImage = "<img class=\"authorImage\" width=\"45\" src=\"" + imgSrc + "\" alt=\"" + ap.DisplayName + "\" />";
authorBio = "<div class=\"authorBio\">" + ap.AboutMe + "</div>";
return authorImage + authorBio;
/// Checks the given string for null, spaces or literal null text.
/// Useful for checking data entry fields
public static bool hasValidEntry(string s)
return s != null && s.Trim().Length > 0 && s != "null";
This is untested, but I think not far off the mark, anyway...
In the BE admin panel you will need to fill out some user details (profile details).
In the Photo URL field for each author, add the name of the author image i.e. "me.jpg" (see code comment for image location)
In the Short Biography text area, fill out the about me stuff.
Style to suit using CSS and assigned class names.
Hope this makes some kind of sense.