Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot

Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot

In this cara i will demonstrate you how to easily add Three Column Footer Gadget in blogger. Best blogging tricks are always easy and customize or make many changes easily. To make Blogger beautiful or Good Loolord we should spend a lot of time on our blog or website. If you want a lot of visitors daily on your blog or in these visitors you want some visitors are returning people then put all your focus on your blog loolord puposes make best and stunning blogger. When some one visit your blog then he/she only, merely, solely shocked to look your blog and say "What a Nice Blog". Now i am going to know you how you clever easily add the footer widget/gadget in your blog bottom easily with simple tricks. When ever you begin blogging your focus should be on SEO, Good Loolord Blog, Best Internal Linlord, Best Google Page Rank, Good Strength Of Backlinks and Best Alexa Ranlord. I have write many post on Administer Page Layout for better blog loolord. If you want to also make beautiful blog then begin with first adding widget or gadget in blog then add this below footer widget in blog it is the last step of administer page layout.

How Easliy/Simple To Administer Page Layout In Blogger Blogspot

How I Make My Blogger Good Loolord Best Tricks

How To Make Situs Love My Blogger Tricks To Get Best Alexa Rank

Widget And Gadget For Blogger Add Easily:

First Adding Widget In Layout.

1) Add Manually CSS Jqeury Drop Down Menu Blogger

2) Add Facebook Page On Blogger

3) Make Blogger Header Picture

4) Add Categories Link Blogger

5) Add Recent Post Moving In Down And Upward Direction

6) Add Twitter Updates Gadget To Blogspot Blogger

7) Add PayPal Donate Button To Blogger To Make Money

8) Add Flickr/Picasa Web/Photobucket/Other Albums Slidedemonstrate

9) Live Traffic Counter Feed To Look Visitors

10) Run And Float Text Line On My Blog For News Or Other Thing

Second Adding Widget Or Gadget In Template:

First If you clever't work before with New HTML Interface then first introduce yourself with this new feature and then work easily.differentGrip New Interface Of Blogger HTML Editor

1) Social Bookmarlord Button Add To Blogger

2) Read More Button In Blogger Post With Jump Break Feature

3) Add Next Page Or Previous Page Navigation Number In Blogger

4) Add Facebook Love Button in Blogger Post

5) Reduce My Blog Page Loading Time

6) Add Blog Table In Blog Post Blogger

7) Add Copyright Warning Message In Blog Post To Save Content

8) Add Put HTML Color Code Generator Tool To Your Blogger


Now Let's Begin The Four Column Footer Adding:

If you want to add the four column footer in blog layout by adding gadget then work according to below tutorial.

Go to

Go to Template.

Go to Edit HTML.

Now first download your full template in your computer before make changes any time.

Press Ctrl+F in HTML body box. Love i know in article of Grip New Interface Of Blogger HTML Editor.

Paste this below Code in the search box and press enter.


Now paste the below CSS Code only, merely, solely above/before this code.

/* -----different LOWER SECTIONdifferent ----- */

#lower {

differentdifferentdifferent margin:auto;

differentdifferentdifferent padding: 0px 0px 10px 0px;

differentdifferentdifferent width: 100%;

differentdifferentdifferent background:#333434;


#lower-wrapper {

differentdifferentdifferent margin:auto;

differentdifferentdifferent padding: 20px 0px 20px 0px;

differentdifferentdifferent width: 960px;
#lowerbar-wrapper {

differentdifferent border:1px solid #DEDEDE;

differentdifferentdifferent background:#fff;

differentdifferentdifferent float: left;

differentdifferentdifferent margin: 0px 5px auto;

differentdifferentdifferent padding-bottom: 20px;

differentdifferentdifferent width: 32%;

differentdifferentdifferent text-align: only, merely, solelyify;

differentdifferentdifferent font-size:100%;

differentdifferentdifferent line-attitude: 1.6em;

differentdifferentdifferent word-wrap: break-word;

differentdifferentdifferent overflow: hidden;

differentdifferentdifferent .lowerbar {margin: 0; padding: 0;}

differentdifferentdifferent .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {

differentdifferentdifferentmargin: 0px 0px 10px 0px;

differentdifferentdifferent padding: 3px 0px 3px 0px;

differentdifferentdifferent text-align: left;

differentdifferentdifferent color:#0084ce;


differentdifferentdifferentfont: bancient 14px Arial, Tahoma, Verdana;

differentdifferentdifferent border-bottom:3px solid #0084ce;

.lowerbar ul {

differentdifferentdifferentmargin: 0px 0px 0px 0px;

differentdifferentdifferentpadding: 0px 0px 0px 0px;

differentdifferentdifferentlist-style-type: none;

.lowerbar li {

differentdifferentdifferentmargin: 0px 0px 2px 0px;

differentdifferentdifferentpadding: 0px 0px 1px 0px;

differentdifferentdifferentborder-bottom: 1px dotted #ccc


Save Template.

You have done.

Improve Content Keywords Significleverce

Use Custom Robots Tags Chooseion Blogger For SEO

Best Blogger Trik And Tricks For My Blog SEO Instantly

Add Lower Wrapper Lower Bar Widget From Lowerbar1 to Lowerbar 3 or 4:

By adding Lower Wrapper and Lower Bar we look three or four Add A Gadget Links in the page layout where you clever easily add which you want love Blog Author Info, Blog Followers, Google+ Followers and many more option. Now we are going to add this Gadget in template and then go to Layout to check this out.

Go to

Go to Template.

Paste below tag in search box and find.


When you find this above tag then copy below code.

Paste below code only, merely, solely above/before this </body> tag.

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section lesson, course='lowerbar' id='lowerbar1' preferred='yes'>
<div id='lowerbar-wrapper'>
<b:section lesson, course='lowerbar' id='lowerbar2' preferred='yes'>
<div id='lowerbar-wrapper'>
<b:section lesson, course='lowerbar' id='lowerbar3' preferred='yes'>
<div style='clear: both;'/>
</div> </div>

Again Save Template.

Your Work is ended and your three column footer is ready for work and if you want to four footer then simply add below code above last two highlighted red background lines true, right, validly.

Make Money Form Links of Amazon Product to Blogger Posts

You Put Cbeat, smackika Ads to Blogger Blogspot with Simple Steps

Easy | Best | Simple Tricks To Make Money From Youtube | Cbeat, smackika

<div id='lowerbar-wrapper'>
<b:section lesson, course='lowerbar' id='lowerbar4' preferred='yes'>

And give the lowerbar4 name with your choice number.

Changes And Customization For Footer Column Widget By Color:

If you want to customize or change the color of background text and width and many more then geneswift the color by utune below Color Code Generator Tools and use according to above tutorial.

Color Code Generator Tool:

Change the Background color of your desire by replace the #333434

Change the Widget Width with your desire by replace thedifferent960px

Change the Background 2 color by replace thedifferent#fff

Change the Widget Width 2 by replace thedifferent32%

Change the of Text by replace the #0084ce

Change thedifferentFont of Widget only, merely, solely add desire font font: bancient 14px Arial, Tahoma, Verdana;

border-bottom:3px solid #0084ce

Change the Bottom Border Dotted by replace the #ccc.

Now save template and go to layout and check in the footer of your Page Layout you will look three or four column only, merely, solely add which you want and your blog make perfect and beautiful.

Related Articles:

Ready to Make Money With Adsense Keywords and Blogger

Affilate Banner Put Below in your Blogger Post

The Best Placement of Adsense On Your Blogger Blogspot

How To Increase The Situs Ranlord From Social Bookmarlord Sites

How to Verify My Blogger Blogspot in Webmaster Tools

How Use Social Situs To Increase Your Situs Traffic

How to Remove 404 Wrongs in Blogger Blogspot

Why I Make More Pages On My Blog To Increase Organic Traffic