 |
In this tutorial i will demonstswift you how to easily
add Three Column Footer Gadget in blogger. Best blogging tipss are always easy
and customize or make many changes easily. To make Blogger beautiful or Good
Looking we should spfinish 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 looking means make
best and stunning blogger. When some one visit your blog then he/she just
shocked to see your blog and say "What a Nice Blog". Now i am going
to tell you how you can easily add the footer widget/gadget in your blog bottom
easily with simple tipss. When ever you start blogging your focus should be on
SEO, Good Looking Blog, Best Internal Linking, Best Google Page Rank, Good
Strength Of Backlinks and Best Alexa Ranking. I have write many post on Manage
Page Layout for better blog looking. If you want to also make beautiful blog
then start with first adding widget or gadget in blog then add this below
footer widget in blog it is the last step of manage page layout.
How Easliy/Simple To Manage Page Layout In Blogger
Blogspot
How I Make My Blogger Good Looking Best Tipss
How To Make Stersebuts Like My Blogger Tipss To Get Best
Alexa Rank
Widget And Gadget For Blogger Add Easily:
First Adding Widget In Layout.
1) Add Manually CSS Jqeury Drop Dindividuals Menu Blogger
2) Add Facebook Page On Blogger
3) Make Blogger Header Image
4) Add Categories Link Blogger
5) Add Recent Post Moving In Dindividuals 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
Slidedemonstswift
9) Live Traffic Counter Feed To See 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 can't work before with New HTML Interface
then first introduce yourself with this new feature and then work
easily.differentHandle New Interface Of Blogger HTML Editor
1) Social Bookmarking 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 Like 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 Start 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 Blogger.com.
Go to Template.
Go to Edit HTML.
Now first dindividualsload your full template in your
computer before make changes any time.
Press Ctrl+F in HTML body box. Like i tell in article of
Handle New Interface Of Blogger HTML Editor.
Paste this below Code in the search box and press enter.
]]></b:skin>
Now paste the below CSS Code just 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: justify;
differentdifferentdifferent font-size:100%;
differentdifferentdifferent line-atttersebutde: 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;
differentdifferentdifferentdifferenttext-transform:uppercase;
differentdifferentdifferentfont: bold 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 Significance
Use Custom Robots Tags Selection Blogger For SEO
Best Blogger Trik And Tipss 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 see three or
four Add A Gadget Links in the page layout where you can easily add which you
want like 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 Blogger.com.
Go to Template.
Paste below tag in search box and find.
</body>
When you find this above tag then copy below code.
Paste below code just above/before this </body>
tag.
<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1'
preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2'
preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3'
preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
Again Save Template.
Your Work is finished 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 correctly.
Make Money Form Links of Amazon Product to Blogger Posts
You Put Chitika Ads to Blogger Blogspot with Simple Steps
Easy | Best | Simple Tipss To Make Money From Youtube |
Chitika
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar4'
preferred='yes'>
</b:section>
</div>
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 using 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 just add desire font
font: bold 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 see three or four column just 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 Stersebuts Ranking From Social
Bookmarking Sites
How to Verify My Blogger Blogspot in Webmaster Tools
How Use Social Stersebuts To Increase Your Stersebuts
Traffic
How to Remove 404 Errors in Blogger Blogspot
Why I Make More Pages On My Blog To Increase Organic
Traffic
0 comments