Design your about us page like a pro
Hi guys, today tutorial would be on what I promised yesterday when we had how to write a professional about us page
The promise was to write a tutorial on how do design your about us page like a pro, when you design your about us page, it gives visitors the impression that you're best in what you are doing, so don't miss this tutorial
I won't like to waste much of your time so lets get to work
To shorten it you can have just 3 parts
1)your bio
2)your site information
3)concluding paragraph
Lets begin
===)> login to your Blogger dashboard
===)> go to pages and select your former about us page... And if you don't have before you can create one
===)> copy all the data's in your formal about us page into a notepad
===)> clear everything in the former page
After that..
===)> switch to the html side of the post editor
Then paste this code inside the post editor (the HTML SIDE)
That is for just 1 column... Repeat it for every column you to write
You must make this changes:
The promise was to write a tutorial on how do design your about us page like a pro, when you design your about us page, it gives visitors the impression that you're best in what you are doing, so don't miss this tutorial
I won't like to waste much of your time so lets get to work
Design your about us page like a pro
We have Some stages you need to add to your about us page.... See them hereTo shorten it you can have just 3 parts
1)your bio
2)your site information
3)concluding paragraph
Lets begin
===)> login to your Blogger dashboard
===)> go to pages and select your former about us page... And if you don't have before you can create one
===)> copy all the data's in your formal about us page into a notepad
===)> clear everything in the former page
After that..
===)> switch to the html side of the post editor
Then paste this code inside the post editor (the HTML SIDE)
<div style=" border: #686868 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 IMAGE LINK HERE"
width="128"
height="128" /></div>
<div style="text-align: justify"><font color="#666666">
ADD TEXT HERE</font></div>
</div>
<div style="text-align: justify"> </div>
That is for just 1 column... Repeat it for every column you to write
You must make this changes:
- Add your informations at the ADD TEXT HERE '
- If you want to change the border color of each column replace #686868 with your preferred color
- You must Replace ADD IMAGE LINK HERE with the URL of your image.
- To adjust the image size edit width="128" and height="128"
- Repeat the code for every column



Comments
Post a Comment