Design a Professional Looking "About Us" Page for Your Blog!

Designing a professional "About Us" page for your blog should be amongst your very first priorities. A dull or unprofessionally designed "About Us" page will have a bad impression. Your visitors always have the right to know who you are, what you do and where you belong. Your "About Us" page is your Identity page where you add a little bio of your self and then explain the purpose of your blog and then explain the purpose of your blog. You can say that it is a important page for both your regular visitors and advertisers. So always make sure that you should leave a good impression on them by presenting your self well. Creating a "About Us" page will also further help you to set up Google Authorship. 

Live Demo

How To Create this About Us page?

I have kept the design neat and clean if you follow the instructions. I have also tried to keep the steps easy as much as I could.

1. Copy all the data from your existing About Us page and keep it safe in a Notepad.
2. Now delete each and every thing on your About page.
3. Now you will need to write four things. First write a fresh bio about yourself  in no more than 3-5 lines. Then take your best picture and add it to the left. Now write three paragraphs. 

• In the first paragraph write about when your blog was launched and what is its progress i.e Alexa Rank, Readership etc in 5-6 lines.
• In the second paragraph you write about your skills, services and goals in minimum 8-10 lines.
• In the third paragraph you should write the purpose of your blog in 5-6 lines. 

Note:- Use passive voice and avoid using "I am this and that" rather use a tone that may sound as if someone else is describing the author.  Read my About Us Page to better understand how to do it.

Now once you have done the writing work, start enclosing each paragraph one by one between these codes,

<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="Your Best Image Link Here" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img src="Your Best Image Link Here" title="Your Name Here" /></a><span style="font-family: arial black; font-size: small;">Your Name Here</span>     <br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="font-size: xx-small;">FOUNDER &amp; AUTHOR</span></div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
</div>
<div dir="ltr" style="text-align: justify;" trbidi="on">
<span style="color: black;">Your Bio Here<br />
<br /></div>
<div align="left" dir="ltr" style="-moz-border-radius: 15px; -webkit-border-radius: 15px; border-bottom: #686868 5px solid; border-left: #686868 5px solid; border-radius: 10px; border-right: #686868 5px solid; border-top: #686868 5px solid; padding-bottom: 10px; padding-left: 15px; padding-right: 10px; padding-top: 10px; text-align: justify;" trbidi="on">
<span style="color: black;"><a href="http://1.bp.blogspot.com/-XFGqeIslb9o/UNyACh44F9I/AAAAAAAAA3M/1cSX2I9ObQw/s1600/achievements%5B28%5D.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/-XFGqeIslb9o/UNyACh44F9I/AAAAAAAAA3M/1cSX2I9ObQw/s1600/achievements%5B28%5D.jpg" /></a>Here write about when your blog was launched and what is its progress i.e Alexa Rank, Readership etc in 5-6 lines.</span></div>
<br />
<div dir="ltr" style="-moz-border-radius: 15px; -webkit-border-radius: 15px; border-bottom: #686868 5px solid; border-left: #686868 5px solid; border-radius: 10px; border-right: #686868 5px solid; border-top: #686868 5px solid; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 10px; padding-top: 10px; text-align: left;" trbidi="on">
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<a href="http://2.bp.blogspot.com/-xgzsmYkEI5g/UNyG7yr_h3I/AAAAAAAAA3w/yqe-MSCtnyk/s1600/icontexto_inside_blogger%5B7%5D.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://2.bp.blogspot.com/-xgzsmYkEI5g/UNyG7yr_h3I/AAAAAAAAA3w/yqe-MSCtnyk/s1600/icontexto_inside_blogger%5B7%5D.png" /></a>Here write about your skills, services and goals in minimum 8-10 lines.</div>
</div>
<br />
<div dir="ltr" style="-moz-border-radius: 15px; -webkit-border-radius: 15px; border-bottom: #686868 5px solid; border-left: #686868 5px solid; border-radius: 10px; border-right: #686868 5px solid; border-top: #686868 5px solid; padding-bottom: 10px; padding-left: 15px; padding-right: 10px; padding-top: 10px; text-align: left;" trbidi="on">
<div style="text-align: justify;">
<a href="http://1.bp.blogspot.com/-P8YViubc8ao/UNyHG8K_guI/AAAAAAAAA34/AJWbX6LMtnE/s1600/purpose%5B6%5D.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/-P8YViubc8ao/UNyHG8K_guI/AAAAAAAAA34/AJWbX6LMtnE/s1600/purpose%5B6%5D.png" /></a>Here write Your Blog Purpose in 5-6 lines.</div>
</div>
<br />
</div>
</div>
</div>
</div>

Make these changes:

• Replace Your Best Image Link Here with the image you want to appear on the left of you bio.
• Replace Your Bio Here with the fresh bio you have written about yourself.
• Replace Here write about when your blog was launched and what is its progress i.e Alexa Rank, Readership etc in 5-6 lines. with the info about your blog like when was it launched and what's its progress.
• Replace Here write about your skills, services and goals in minimum 8-10 lines. with the paragraph that you had written in 8-10 lines about your skills, goals and services.
• Replace Here write Your Blog Purpose in 5-6 lines. with the purpose of your blog.

    4.    Finally save your page and publish it. Now visit your professional About Us page to see it in action! :>

Note:- You need to write in approximately the lines given. If you won't take care of the lines then your About Us page will not look clean and the images won't be able to adjust themselves.

Need Help?

I think you won't need any help if you follow the whole tutorial. If you need any help just feel free to post your queries. I will try to help you as much as I can. I just hope you succeed in creating an attention seeking About Us page that may let your blog stand out! Have fun. :>