Create Professional Looking "About Us" Page In Blogger Prajjwal Rajput Saturday, July 12, 2014 No Comment

Share it
Hello Friends we had previously discussed about the personalize your blog read our previous article and I'm sure you're get very help from this click this link to learn about personalize that's How To Add Color Changing Background In Blogger Blog. Giving the more information to your blog visitors from this professional About Us page. Google has made compulsory for About Us Page to get adsense and show your profile picture in Google search result. With the help of this about us page your visitors have getting the right information to know who you and what you do and what your passion and where you belong. This about us page display to your visitors of your bio and then explain the purpose of your blog or website. It's most important page for both you and your visitors and advertisers. So make sure you leave good impression and attract more visitors on them by presenting self well. Just an hour ago I created and designed my personal and professional looking "About Us" page for me and my blog and I hope the today's tutorial that how to designed professional about us page in blogger blog. If firstly you want to see this page's demo so, click the below button.

How To Make This Professional looking About Us Page For Blogger?
For making this about us page I suggested you can use Windows Live Writer or Ginger Spell checker and Grammar tool to write you long bio and write more about your blog or website. Just follow below steps. And I will get this code from MBT. which provide Blogger tricks and tips.

  • Go to Blogger Dashboard>>Pages>>New Page
  • Create new Page
  • Then go to its HTML Tab
  • Paste the following below in HTML Section

<div style="border: #FC0000 5px solid; padding: 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px">
  <div style="text-align: justify"><img style="display: inline; float: right" align="right" src="ADD YOUR PROFILE PICTURE IMAGE LINK" width="128" height="128" /></div>
  <div style="text-align: justify"><font color="#666666">
ABOUT-YOUR-DESCRIPTION</font></div>
</div>
<div style="text-align: justify">&#160;</div>

<div style="border: #69FC00 5px solid; padding: 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px">
  <div style="text-align: justify"><img style="display: inline; float: right" align="right" src="YOUR BLOG LOGO IMAGE LINK" width="128" height="128" /></div>
  <div style="text-align: justify"><font color="#666666">
ABOUT-BLOG/WEBSITE</font></div>
</div>
<div style="text-align: justify">&#160;</div>

<div style="border: #0054FC 5px solid; padding: 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px">
  <div style="text-align: justify"><img style="display: inline; float: right" align="right" src="YOUR IMAGE REALTED TO PURPOSE" width="128" height="128" /></div>
  <div style="text-align: justify"><font color="#666666">
WRITE-MAIN-PURPOSE</font></div>
</div>
<div style="text-align: justify">&#160;</div>
  • Replace #FC0000 with your border color and so on.
  •  Replace ABOUT-YOUR-DESCRIPTION with Bio and So On.
  • Replace ADD Image Link with your Image URL
Note : - Your Image URL ending with .jpg, .png, and other image extensions 
  • After Make Its Your Choices 
  • Click on Published 
  • And see this page preview to how your page display in your blog.
  • CONGRATULATIONS! you're successfully design professional about us page for your blogger blog.
Final Words
So friends today we're learned that how to create professional type about us page in blogger blog and I hope you're successful in this tutorial if not? you're facing problem or getting error during this process so, leave comments for solutions and please like our Facebook page and don't forget to share this tutorial with your friends on social networking sites.
Happy Blogging!

No Comment

Comment Policy
We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.


Register To Our Newsletter!

Love to read our articles? Register now to get fresh content about Blogger Tricks, SEO, Widgets, Templates directly to your inbox.