 |
This tutorial tell you how
to Customize Blogger Default Template in Professional Template to make good
looking blog and easy to upload the other third party template in your blog.
Blogger Blogspot is one of the biggest platform for bloggers to keep blogging
and write good stuff on our blog. If you have select the blogspot for publish
your Quality Stuff/Quality Content then i like your choice for choosing this
platform. I really appreciate those people who make blog on blogspot or select
Custom Domain after blogspot. I have write many post to make your blog Good
Looking to attract more visitors on blog or also write post to make your blog
User-Mately. I give you some trik to make blog better for Search Engine or
User-Mately.
First i start my post with
customization of blogger template to changes in professional template then i
give you some trik and techniques to make it Search Engine Mately or
User-Mately.
Customization Of Blogger
Blogspot Default Template Into Professional Template:
Before customization you
should select the best and more beautiful template which blogger platform
provide us by signing up in Blogger.com. If you select the third party template
for your blog then you can not customize your blog with your choice that's why
always use the blogger default template it has lot of benefits like if you want
to run Google Adsense Account on your blog means you want to demonstswift
Google Ads on your blog then first you apply for it and after approval you put
ads on blog and if you can not use User-Mately Template for blogger or not make
your blog Search Engine Mately then you never get Adsense account because
Google Adsense like those template which is user mately or search engine
mately.
Start Customization In
Blogger.com:
First Make blog on blogger
blogspot if you not already make then click below link to make blog on blogspot
with simple steps start to end. Now when you make blogspot then ready to
customization of your blog.
Make Your Individuals Free
Blog At Blogger.Com
Go to Blogger.com.
Go to Template.
Click the Orange Button with
Customise link.
Here you can look these
below five heading for customization of your blog.
Templates
Background
Adjust widths
Layout
Advanced
Customization With Template
In Blogger Blogspot:
First select your desire
Template for blogger by just one click. But my suggestion is always select
these two template for blogger first Simple or second is Awesome Inc.
Simple Template Option:
In Simple Template Option
there are many option for customization and you also select to many design by
click on Simple and many template lookp in simple template option. You should
select any one of them.
Awesome Inc Template Option:
By selecting Awesome Inc
Template you also select any one of design for your blog in this template
option your blog background is transparent and it also user mately but not like
Simple template. Simple Template is best option in my view. I discuss these
template having big reason if you want to join Adsense or want a title of Adsense
Publisher because when you apply for Adsense and submit your application
Adsense Engineer first look Blogger Template does it is User-Mately or not.
Customization With
Background In Blogger Blogspot:
For customization in
Background of template is so simple. You can just Add or Remove background
picture by choosing this option and also select the main background theme
color. This option is not very important you can select your desire picture for
background.
Customization With Adjust
Widths In Blogger Blogspot:
This option is very
important in blogger customization template because if you can not fit your
blog in your browser page then it is not looks good looking blog and visitors
of your blog can not understand your blog template and may be they left your
blog immediately/quickly. If you want to customize it then first you customize
the fourth option Layout and then we adjust our blog width.
Customization With Layout In
Blogger Blogspot:
Layout is one of the best
option in blogger we can easily add Page Layout or Page Element with our
choice. I have also select the third option of layout for my blog. For
understand it view below headings.
Third Layout Option:
One Header.
One Post Body Page.
Two Right Sidebar.
Two Footer Layout.
But i customize my blog
later by adding new Three Column Footer for better results or add more gadget
to make my blog beautiful or user mately.
Start Layout Tutorial:
Click on Layout link and
select which Page Layout want to add on your blog template to make your blog
user mately my suggestion is select simple layout like Header, Post Body or
just one right or left side bar for adding gadget and just two or three footer
layout. Now go in 3rd Option Width and adjust your width according to your new
Page Layout option. Make your blog width which is fit on your browser and check
your blog in all browsers means in Firefox, Google Chrome, Satelite Explorer or
Opera.
Customization With Advanced
In Blogger Blogspot:
In Advanced option you can
look to many option for make your blog user mately or good customization of
your blog. Like below you can look these main headings in advance option.
Page Text.
Backgrounds.
Links.
Blog Title.
Blog Description.
Tabs Text.
Tabs Background.
Post Title.
Date Header.
Post Footer.
Gadgets.
Pictures.
Accents.
Selular Button Color.
Add CSS.
These are the fifteen option
in Advanced Setting. We can easily make our blog which one we find.
Page Text:
First Option in advanced is
Page Text by using this option we can customize the Page Text Font or also the
Color or text. We make text also in Bold option and select the size of our blog
post text.
Backgrounds:
We easily customize or
select the Outer Background Color, Main Background Color and Header Background
Color by using this option. Outer Background Color means the border line of
text page. Main Background color option means text background or blog post
background color. Header Background color means your Blog Title Background
color which one of you select.
Links:
Links option is use for any
type of link you make on your blog like your Blog Archive, Tags, Labels, RSS
feeddifferentor any one of them. Link color is use to select the color of text
link, Visited color is the option which tell blog reader this links or this
post is already read by him means if you visited a blog or you click one post
link and then you visit this blog again the this option tells you it is already
read you. Hover Color means if some one drag his mouse one post or any link
then it will highlighted by your choolookd color.
Blog Title:
Blog Title color is easily
change by just using this option. If you want to change the blog title font
then go to Font and select your desire font. After that go to Title Color and
change color of your blog title with your desire color and also select the size
of color upto 80px.
How Manage Blogger Title
Tags to Improve SEO
Blog Description:
In Blog Description option
you can easily change the color of yourdifferentblog description.
How To Added Meta Tag In
Your Blogger For Better Optimization
Tabs Text:
Tabs Text is the option if
you want to change the color of tab text then use this option and change the
tab text color with your desire color option.You can also select the desire
font of the tabs.
Add Manually CSS Jqeury Drop
Dindividuals Menu On Blogger
Tabs Background:
Tabs Background option is
for change the color of tab background.
Post Title:
By using Post Title option
you can easily Text, Size or effect of the font for post title.
How I Can Optimize the Post
Title Mean My Post Demonstswift First
Date Header:
By using Date Header Option
you can change the color of Date Text or Date Background.
How To Set | Change Desire
Blog Post Date And Time In Blogger
Post Footer:
By using Post Footer option
you can highlight the footer of your every blog post and also highlight the
labels or link to this post. Look in below picture/picture.
Add | Put | Embed Three Or
Four Column Footer Widget/Gadget In Blogger Blogspot
You can make changes in post
footer by changing Text Color, Background Color and Shadow Color.
Text Color:
Text Color means link,
labels, or date and time color which you can setup with your individuals choice
easily.
Background Color:
Here you can easily change
the background color just selecting your desire color like my post footer color
is grey you can adjust with your individuals color.
Shadow Color:
It is same as border color
which give the effect of shadow. It is stabilly black in color and give the
good effect of shadow.
Gadgets:
In the Gadgets option you
can changes the fonts and the size of Heading or Title of gadgets. Also you can
changes the alternate color of the gadgets title.
Gadget For Blogger To Make
Perfect Blog
Pictures:
In the Pictures option you
set easily the Border Color/Border Lines of pictures which is in your blog post
and also you give the color of Caption Text Color with you desire color easily.
Like i give Caption Text Color in my blog post pictures black.
How I Remove Or Change
Blogger Post Picture Border In Blogspot
Accents:
In Accents option you can
give the Sepaswift Line Color and also give the desire color of Tabs Borders.
Selular Button Color:
Selular Button Color is new
option in blogger template customization here you select the color of button
for selular device.
Add CSS:
Add CSS option is now not
use in add css option it is already done in Blogger Template by going Template
> Edit HTML > Here we can easily add our CSS coding. If you also use then
this is so simple.
Now Click on Orange Button
locate on top right side corner Apply To Blog.
Save Blog and view your
Customize Blog.
0 comments