Add | Make About Us Page Widget | Gadget On Your Blog Footer Or Sidebar

In this tutorial i will show you how you can easily make About Us Profile on blog widget or gadget in you footer of in sidebar of you blog. If you feel problem by adding about us page on your blog then forget it and now ready to add this on your blog by simple blogging tricks. About Us page is very important if you want a approval from Google Adsense or Monetize you blog with Google Adsense. Because Google want a info about the Author properly and if you can't put this on your blog i will sure you can't approve any time from Google and Google reject the application of your Google Adsense Account Immediately. I have also many trick to make money online by YouTube Or Chitika Ads.

How I Can Get Approval From Google Adsense My Blog Or Website
Easy | Best | Simple Tricks To Make Money From Youtube | Chitika

If you have not get a lot of visitors on your blog then i have also best and latest tips for Blogger SEO which increase your traffic. You can also get to much traffic from Social Bookmarking Sites.

Best Blogger Tips And Tricks For My Blog SEO Instantly
How I Can Get More Pageviews Using Social Bookmarking.Com

     

How You Can Easily Add This Widget On Your Blog By Simple Steps:


I have a small and best tutorial for you if you want to add this widget on your blog like my profile widget then ready to make it. I share this post only for you .

I have Latest Blogger Widget you can easily add on your blog to increase the Beautiful Look of your blog.

Add Facebook Like Box Widget/Gadget On Blogger
Add Three Or Four Column Footer Widget/Gadget In Blogger
Add CSS Jqeury Drop Down Menu On Blogger
Manage Page Layout In Blogger
Live Traffic Counter Put In Your Blogger Blogspot
Add Twitter Updates Gadget To Blogspot Blogger
Add Make About Us Page Widget Gadget On Your Blog Footer Or Sidebar
Add Make About Us Page Widget Gadget On Your Blog Footer Or Sidebar

Add This Gadget With Below Code Pasting:

Copy the below code and paste it notepad file and customize it according to below tutorial.

<h2 class="title">About Me</h2>
<div class="widget-content">
<!--[if !IE]> -->
<style>
}
#trickofblogging: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>
#trickofblogging
{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;
}
#profileAditya: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="trickofblogging" src="http://4.bp.blogspot.com/-7oBY3vWtkEQ/UalqifD197I/AAAAAAAAAt8/FmVJsOdHKCs/s1600/DSC00108.JPG" width="100" />
<div style="font-family: Arial Tahoma Verdana; font-size: 13px; text-align: justify; ">
<b>Founder & Author:</b> Founder & Author: Hi! I am Umair Noor: Hi guys, Welcome to TrickOfBlogging and let me introduce myself to you. Like any other, I’m a normal guy who is passionate about Computing, Blogging and Internet. I’m Umair Noor student of Software Engineer by education a Blogger by profession and Blogging is my passion<a href="http://trickofblogging.blogspot.com/"> <b>Trick Of Blogging</b></a>is not start of blogging Umair launched his frist Marketing Site in 2010. He is a problogger & running a number of sites from his living room</div><a style="color:#5634;" href="http://trickofblogging.blogspot.com/p/blog-page_2741.html#.UakbF9jIfFwl" target="_blank">...Read More</a><!--![endif]---->
</div>

Changes Required:


Replace the Red highlighted line with your image link which you want to add on About Us page.
Replace the Green highlighted line with your desire Font or Size.
Replace the Orange highlighted line with your Info Text.
Replace the Blue highlighted line with your blog home page link.
Replace the Brown highlighted line with your Blog About Us page link.


When you customize all the required highlighted lines then copy your customize coding and paste this code according to below tutorial. If you want to easily add this in your blog feel free and work now.

Go to Blogger.com.
Go to Layout.
Click On Add A Gadget.
Go to HTML/JavaScript.
Paste your Customize Code In the HTML box.
Save it.
View blog.

 Related Articles:


Social Bookmarking Button Add To Blogger
5 Ways To Make Your Blogger Blog Like WordPress Website
How to Verify My Blogger Blogspot in Webmaster Tools
Submitt Sitemap of Your Blogger To Google And Major Search Engines
How I Can Optimize the Post Title Mean My Post Show First
How I Can Use Webmaster Tools Properly For Blogger
How I Can Boost Traffic With Targeted Country On Blogger
How I Can Make Internal Links In The Blog Post To Increase Rank

0 comments