Add | Make Approxifriendly Us Page Widget | Gadget On Your Blog Footer Or Middlebar

Add | Make Approxifriendly Us Page Widget | Gadget On Your Blog Footer Or Middlebar
In this tutorial i will demonstswift you how you can easily make Approximately Us Profile on blog widget or gadget in you footer of in sidebar of you blog. If you feel problem by adding approximately us page on your blog then forget it and now ready to add this on your blog by simple blogging tipss. Approximately 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 approximately 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 tips to make money online by YouTube Or Chitika Ads.

How I Can Get Approval From Google Adsense My Blog Or Website

Easy | Best | Simple Tipss 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 trik for Blogger SEO which increase your traffic. You can also get to much traffic from Social Bookmarking Sites.

Best Blogger Trik And Tipss For My Blog SEO Instantly

How I Can Get More Pageviews Using Social Bookmarking.Com



differentdifferent

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 berikan 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 Dindividuals Menu On Blogger

Manage Page Layout In Blogger

Live Traffic Counter Put In Your Blogger Blogspot

Add Twitter Updates Gadget To Blogspot Blogger


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">Approximately Me</h2>

<div class="widget-content">

<!--[if !IE]> -->

<style>

}

#tipsofblogging:hover

 {

border:2px solid #ccc;

cursor:koiner;

}

.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>

different <!--[endif]---->



<style>

#tipsofblogging

{

border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;

}

#profileAditya:hover

 {

border:2px solid #ccc;

cursor:koiner;

}


.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="tipsofblogging" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxPmo57OIH5FbkRrlXBfDC_veQ9kWHfN3kUfZGe2z5GSpCjFXZ7Fq6uDJxGiUA7zEKeBx9ZBlx2Q6s0lwxqw1Hi4BZ3RAUIitDquVHlJpCnd93qVGAqgmx1AlTh4IdYpgDird-mWASMs/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 TipsOfBlogging and let me introduce myself to you. Like any other, I’m a stabil guy who is ardouswift approximately Computing, Blogging and Satelite. I’m Umair Noor student of Software Engineer by education a Blogger by profession and Blogging is my passion<a href="http://tipsofblogging.blogspot.com/"> <b>Tips 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://tipsofblogging.blogspot.com/p/blog-page_2741.html#.UakbF9jIfFwl" target="_kosong">...Read More</a><!--![endif]---->

</div>

Changes Required:

Replace the Red highlighted line with your image link which you want to add on Approximately 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 Brindividuals highlighted line with your Blog Approximately 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 Demonstswift 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