Do you have a blog on blogger? Then you may want to add about us widget to your blog that will help visitors to know about you.
Many famous blogger use this widget in their blog. If you have no idea, how to create an about us widget and page in blogger blog then follow given instructions. You can use this about us widget in your blog’s sidebar and footer area.
Step to Create About Us Widget in Blogger
Go to your blogger blog’s layout and click on add new widget. After choose third party code HTML and Java script. To embed about us widget simply copy below given code and paste in HTML box and click save. You can add this widget any where in sidebar and footer area.
<h2 class=”title”>About Us</h2>
<div class=”widget-content”>
<!–[if !IE]> –>
<style>
}
#mabnol:hover
{
border:2px solid #ccc;
cursor:pointer;
}
.opacity
{
opacity: 0.5;
margin-right: 50px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.opacity:hover
{
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}</style>
<!–[endif]—->
<style>
#mabnol
{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;
}
#profileVineet:hover
{
border:2px solid #ccc;
cursor:pointer;
}
.opacity:hover
{
opacity: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}
</style>
<img class=”opacity” id=”mabnol” src=”http://3.bp.blogspot.com/-tT1NUL-vJ28/VJxH3Q56BEI/AAAAAAAAAvE/iXoSuKytTpg/s1600/IMG_20141117_083016.jpg” width=”100″ />
<div style=”font-family: Verdana, sans-serif;” font-size: 13px; text-align: justify; “>
<b>Founder & Author:</b> Hi Friends, my name is Chetan Shukla,25 years old SEO consultant & addicted web developer, Follow us on Twitter <a href=”https://twitter.com/mabnoldotcom”> <b>@Mabnol</b></a> ,Find Us on Facebook</div><a href=”https://www.facebook.com/mabnol” target=”_blank”>Mabnol</a><!–![endif]—->
</div>
Replace image URL and description with your image and profile.
Step to Add About Us Page in Blogger
Follow below given step to add about us page in your blogger blog.
First go to your blogger blog and then click on pages.
choose new page and create a page with about us title.
After publishing your profile page go to layout and then click on add new widget and choose add page.
Tick mark all link which you want to show on your blog.
Blogging is the best option to make money online. You can make lots of money online , If you don’t know how to make a blog then read my previous post.
This tutorial will help you to create about us in your blogger blog. Did you get this tutorial helpful then share to all.
How To Add Search Engine Friendly Title to Blogger
Blog Traffic Kaise Badhaye – My Tips in Hindi.
सर्च इंजन ऑप्टिमाइजेशन (seo) क्या है और on page seo कैसे करते है?