HI friends.....
From now on I'am going to share some important secrets of BLOGGING....
Blogger tricks
Blogger tools
Java scripts
Link grabbing
Link searching
Adsence optimising
your replies and reps are wellcome.. updates will depend on it....
Latest ads
-
Video Content Creator
- pramukag
- Updated:
-
QA Engineer Intern
- pramukag
- Updated:
-
Sell your Land, House on idamata.lk for FREE
- sajith.xp.pk
- Updated:
-
Handmade Character Soft Toys- anil1961
- Updated:
-
Bodim.lk out now !- Manoj Suranga Bandara
- Updated:
...::ALL about BLOGS and BLOGGING (from A to Z)::...
- Thread starter migaramk
- Start date
HI friends.....
From now on I'am going to share some important secrets of BLOGGING....
Blogger tricks
Blogger tools
Java scripts
Link grabbing
Link searching
Adsence optimising
your replies and reps are wellcome.. updates will depend on it....
First you need a E-mail account..
It can be from any mail site. (make a attractive mail)
THEN....
GO 2 blogger home
http://www.blogger.com/
Create an account - Just a real simple form.
Name your blog - We'll discuss this Below - Very Important!
Choose a template - Choose a pre-built look and feel.
Once you fill out the form, see the Orange Arrow... Continue.. and inside you go!
It can be from any mail site. (make a attractive mail)
THEN....
GO 2 blogger home
http://www.blogger.com/
Create an account - Just a real simple form.
Name your blog - We'll discuss this Below - Very Important!
Choose a template - Choose a pre-built look and feel.
Once you fill out the form, see the Orange Arrow... Continue.. and inside you go!
Name your Google Blog!
And use good keywords for the name and the content. Good keywords are required for new or improved search engine rankings.
eg- If u make a movie blog. your keywords must be movies, music, horror movies etc
BLOG NAME--
Most important part is this, choose a unique name, sweet and short.
The shorter it gets people will remember it.
And optimise it(eg- in a movie blog, part of a blog name should include "movie")
And use good keywords for the name and the content. Good keywords are required for new or improved search engine rankings.
eg- If u make a movie blog. your keywords must be movies, music, horror movies etc
BLOG NAME--
Most important part is this, choose a unique name, sweet and short.
The shorter it gets people will remember it.
And optimise it(eg- in a movie blog, part of a blog name should include "movie")
How to submit your URL to Google search engine
Search engine submission Google style makes it possible for you to do the correct submission process, and you do not have to buy anything from anyone. I can't think of, nor have I ever used a better Google search ranking tool than keywords and content. The biggest search engine around says so too!
There are worthwhile tools that help you with...
traffic you must have
keywords you need
content for search engines
marketing your site
increasing your earnings
CLICK HERE TO ADD
http://www.google.com/addurl/?continue=/addurl
~~!! Don't You Think That I Deserve The Reps !!~~
Search engine submission Google style makes it possible for you to do the correct submission process, and you do not have to buy anything from anyone. I can't think of, nor have I ever used a better Google search ranking tool than keywords and content. The biggest search engine around says so too!
There are worthwhile tools that help you with...
traffic you must have
keywords you need
content for search engines
marketing your site
increasing your earnings
CLICK HERE TO ADD
http://www.google.com/addurl/?continue=/addurl
~~!! Don't You Think That I Deserve The Reps !!~~
SOME Blogger Templates
YOU CAN FIND TEMPLATES IN HERE
http://wpbloggerthemes.blogspot.com/
OR GOOGLE "blogger templates"
Blogger Templates
YOU CAN FIND TEMPLATES IN HERE
http://wpbloggerthemes.blogspot.com/
OR GOOGLE "blogger templates"
Background Image for Blogger Template
You will need to create an image. Find a picture you like. If you need a free photo editing tool, you can either search the net for one or use Google's Photo Editing Software Picasa. You can also use a small tile-size image which can be repeated so as to cover the entire page. Try not to have an image file that is too large as your page may take a little longer to load.
Next, log in to your dashboard layout; under Template -> Edit HTML, scroll to where you see this:-
Change background color
If you would like to change the background color of your blog to a very unique color, you can manually specify the color value. Search online for color codes, or take a look at the HTML Color Chart to see if you can find your desired color. For example, if you have chosen a color code #B38481, change the above code to this:-
Add a background image
The code to insert is this:-
Background Image for Blogger Template
You will need to create an image. Find a picture you like. If you need a free photo editing tool, you can either search the net for one or use Google's Photo Editing Software Picasa. You can also use a small tile-size image which can be repeated so as to cover the entire page. Try not to have an image file that is too large as your page may take a little longer to load.
Next, log in to your dashboard layout; under Template -> Edit HTML, scroll to where you see this:-
Change background color
If you would like to change the background color of your blog to a very unique color, you can manually specify the color value. Search online for color codes, or take a look at the HTML Color Chart to see if you can find your desired color. For example, if you have chosen a color code #B38481, change the above code to this:-
Add a background image
The code to insert is this:-
Add Styles And Effects To Your Images In Blogger
don’t worry, it’s very very easy and every body can do it
* Border
there are a lot of border styles and we can change its color.
* Padding
the space between the border and the image.
* Background
the background between the image and the border and we can make it a picture like the demo or just a plain color.
Step 1
Now go to Blogger and log in, then navigate to : Layout >> Edit html >> and find the following code you can click ctrl+f to find it via your browser finder
Now this is the opening tag for your images style and the symbol{ mean that this is the start of styles, you’ll need to find the style end symbol witch looks like this }
And please delete all lines between the two symbols.
so here is an example for the codes before and after deleting the style codes.
note : the style lines are not the same for all templates, you may have more or less lines in your template.
here is the example
BEFORE
AFTER deleting the style lines
Add Styles And Effects To Your Images In Blogger
we will style the blogspot images depending on the following css tage
don’t worry, it’s very very easy and every body can do it
* Border
there are a lot of border styles and we can change its color.
* Padding
the space between the border and the image.
* Background
the background between the image and the border and we can make it a picture like the demo or just a plain color.
Step 1
Now go to Blogger and log in, then navigate to : Layout >> Edit html >> and find the following code you can click ctrl+f to find it via your browser finder
Now this is the opening tag for your images style and the symbol{ mean that this is the start of styles, you’ll need to find the style end symbol witch looks like this }
And please delete all lines between the two symbols.
so here is an example for the codes before and after deleting the style codes.
note : the style lines are not the same for all templates, you may have more or less lines in your template.
here is the example
BEFORE
AFTER deleting the style lines
Adding Borders To Your Images.
Add the next line between opening and closing symbols
so your code should looks like this
if you saved your template now you’ll have the following style for your images
and you can change the following parts in the previous line to give it your favorite style.
You can change number 5 to increase or decrease the width of the border
This word control the type of your border
this is will change your border color, and you can get your favorite color code from a code generator.
now we added a border for your images style, you can click Save Template
Adding Borders To Your Images.
Add the next line between opening and closing symbols
so your code should looks like this
if you saved your template now you’ll have the following style for your images
and you can change the following parts in the previous line to give it your favorite style.
You can change number 5 to increase or decrease the width of the border
This word control the type of your border
this is will change your border color, and you can get your favorite color code from a code generator.
now we added a border for your images style, you can click Save Template
Adding Numbered Page Navigation Bar For Blogger
i’m sure that most of you have a lot of posts and the default blogger way to navigate between new post and old post is boring. what if your visitors wants to read for your oldest posts?
should he keep clicking on “older posts”, No.
You should apply this hack for your template, it’s one of the most useful blogger tricks ever.
so lets see how to do it.
Step 1: Adding The CSS Code.
Log into your blogger account and go to,
Dashboard >> Layout >> Edit html.
And find the following code.
And just before it Add the next code
Step 2: Adding The Java Code.
Find the next code Or some similar code
And After the </b:section> Tag add the next code.
And Click “save template”
In the above code you may only edit four lines to customize your navigation bar.
In this code Number 10 control the number for posts per page, you can change it to choose how many posts per page you want to display.
Note : This Number value should be the same With in your blogger account settings
The settings can be found by going to Dashboard >> Setting >> Formatting >> Show >> 10 posts
Number 6 here control the number of pages that will be shown in the navigation bar.
if you want to change the language or just change it to any thing, please change Previous for example to Older
Final Step
This blogger trick my cause some problems if you use labels in your posts and to solve this problems you have to apply the next step for your template.
1. Add Label Gadget To Your Template by going to Layout >> page elements >> Add Gadget >> Select Labels and add it to your template.
2. go to, Dashboard >> Layout >> Edit html.
And find the following code.
And replace it with the following code.
And Click “save template”
Adding Numbered Page Navigation Bar For Blogger
i’m sure that most of you have a lot of posts and the default blogger way to navigate between new post and old post is boring. what if your visitors wants to read for your oldest posts?
should he keep clicking on “older posts”, No.
You should apply this hack for your template, it’s one of the most useful blogger tricks ever.
so lets see how to do it.
Step 1: Adding The CSS Code.
Log into your blogger account and go to,
Dashboard >> Layout >> Edit html.
And find the following code.
And just before it Add the next code
Step 2: Adding The Java Code.
Find the next code Or some similar code
And After the </b:section> Tag add the next code.
And Click “save template”
In the above code you may only edit four lines to customize your navigation bar.
In this code Number 10 control the number for posts per page, you can change it to choose how many posts per page you want to display.
Note : This Number value should be the same With in your blogger account settings
The settings can be found by going to Dashboard >> Setting >> Formatting >> Show >> 10 posts
Number 6 here control the number of pages that will be shown in the navigation bar.
if you want to change the language or just change it to any thing, please change Previous for example to Older
Final Step
This blogger trick my cause some problems if you use labels in your posts and to solve this problems you have to apply the next step for your template.
1. Add Label Gadget To Your Template by going to Layout >> page elements >> Add Gadget >> Select Labels and add it to your template.
2. go to, Dashboard >> Layout >> Edit html.
And find the following code.
And replace it with the following code.
And Click “save template”
wade nam ela habai title eka
ALL about BLOGSPOT
wage ekak neda wenna one
mokada blog karanna scritpt godak tiyenawane
ALL about BLOGSPOT
wage ekak neda wenna one
mokada blog karanna scritpt godak tiyenawane
danne dakke.... awlak nane..
ubath meka balapan.
mage laga thiyena trick kauruth laga na
danne dakke.... awlak nane..
ubath meka balapan.
mage laga thiyena trick kauruth laga na
ok ok ela machang
TIME FOR POSTS-----
In this tutorial, we discuss the various ways you can customize the Post Footer and change the Blogger template. The steps will cover how to change the “Posted by author”, “Comments”, “Labels” links in the Post Footer, replacing them with other names or pictures.
This is how a typical Post Footer looks like. It includes the author's name, time of the post, number of comments, number of backlinks, icon for readers to email the post, icon for you to edit your post, as well as Labels.
Before we proceed to alter the template, remember to backup the existing template. Go to Template -> Edit HTML. Check the “Expand Widget Templates” box. Backup your template by copying the template and saving it in an MS Notepad text file. You can also click the “Download Full Template” link that appears right after the words “Before editing your template, you may want to save a copy of it.”
by this box u can
1. Change author's name
2. Remove “Posted by”
3. “Posted by” below Post title
4. Image instead of Name
Post Footer – Customize Template
In this tutorial, we discuss the various ways you can customize the Post Footer and change the Blogger template. The steps will cover how to change the “Posted by author”, “Comments”, “Labels” links in the Post Footer, replacing them with other names or pictures.
This is how a typical Post Footer looks like. It includes the author's name, time of the post, number of comments, number of backlinks, icon for readers to email the post, icon for you to edit your post, as well as Labels.
Before we proceed to alter the template, remember to backup the existing template. Go to Template -> Edit HTML. Check the “Expand Widget Templates” box. Backup your template by copying the template and saving it in an MS Notepad text file. You can also click the “Download Full Template” link that appears right after the words “Before editing your template, you may want to save a copy of it.”
by this box u can
1. Change author's name
2. Remove “Posted by”
3. “Posted by” below Post title
4. Image instead of Name
Add Blogger search box
Under Template->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.
There are several HTML codes posted on the net. I tried a few, and found the one that works as follows:-
You can also change the “Search” button to say, “Hit” or “Go”, by changing the Value.
Save the code and refresh your page. If you want a longer or shorter search box, you can play around with the size. The above example of a width size="20" and value="Hit" will give you results.
or else try the google serach box.....
Add Blogger search box (costom made)
Under Template->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.
There are several HTML codes posted on the net. I tried a few, and found the one that works as follows:-
You can also change the “Search” button to say, “Hit” or “Go”, by changing the Value.
Save the code and refresh your page. If you want a longer or shorter search box, you can play around with the size. The above example of a width size="20" and value="Hit" will give you results.
or else try the google serach box.....
Last edited:
Similar threads
