Create a professional looking about page in blogger

If you are using a blogger blog, then you can create an awesome about us page by using css coding in your page.

In wordpress,you cannot design such a good looking about page as i have tried it with this blog and it doesn’t work but with blogger i have created a good professional looking about us page (see it in image below) and you can do so by following the procedure given below and using the code i am providing you.

Here is a screenshot of my about us page on blogger.

how to create a professional looking about page in blogger

So if you want to create such a page then follow this tutorial.

Recommended:A simple guide to backup your blogger blog

Step by step guide to create a professional looking about page in blogger:-

Follow these steps and use the code given below.Make necessary changes and enjoy your professional about page.

Step 1:-

If you have an existing about page then copy all of your data in your hard drive and create a new page in blogger.

Create a professional about page in blogger 1

Step 2:-

Click on html and paste the given code in it.

<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 BestImage 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=”https://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=”https://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=”https://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=”https://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=”https://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=”https://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>

Now put your details in the area highlighted above in red letters.

Create a professional about page in blogger 2

Step 3:-

Now Click on preview and see your about page.If it is perfect then click on publish and your about page will be live.

Create a professional about page in blogger 3

Read: How to permanently delete your blogger blog

 

From editorial desk:-

Now if you would have followed all the steps correct then your about page will looks be ready to publish and it will look better then all the simple about pages because it has CSS design which makes it different.

If you have not yet designed your about page and you are using blogger as your blogging platform then go for it because it will impress your new readers and they will definitely convert to regular readers if you provide quality content along with this about page.

You may also like:Blogging success:quality or quantity

Leave a Reply