Showing posts with label Blogspot tricks. Show all posts
Add 3 column footer to blogger blogspot,how?
Posted by anonymous in Blogspot tricks on Wednesday, July 21, 2010
You might have observed that most of the Blogger blogspot Templates have only one column footer. It may restrict you adding more widgets to the footer section. With the 3-column Footer, you can add more widgets like Recent Posts, Recent Comments, Archives, Labels and even some Ads. It’s very simple to add a three column footer section to a blogger(blogspot) blog.
(NB:before doing any changes please backup your template first)
Do the following steps:
Please Move all your widgets from the Current Footer Section to sidebar or any other section
1.Go to Edit HTML page in the Blogger Layout Window and tic mark expand widget
2.Find the following Code:
(Note:In some templates, instead of footer-wrapper you may find footer or footer-section)
3.Replace the entire code from starting <div> to </div> with the Following Code:
4.Then save the template
Read more ...
(NB:before doing any changes please backup your template first)
Do the following steps:
Please Move all your widgets from the Current Footer Section to sidebar or any other section
1.Go to Edit HTML page in the Blogger Layout Window and tic mark expand widget
2.Find the following Code:
<div id=’footer-wrapper’>
<b:section class=’footer’ id=’footer’/>
</div>
<b:section class=’footer’ id=’footer’/>
</div>
(Note:In some templates, instead of footer-wrapper you may find footer or footer-section)
3.Replace the entire code from starting <div> to </div> with the Following Code:
<div id="footer">
<div id="footer2" style="width: 30%; float: left; margin:0; text-align: left;">
<b:section class="footer-column" id="col1" preferred="yes" style="float:left;"/>
</div>
<div id="footer3" style="width: 40%; float: left; margin:0; text-align: left;">
<b:section class="footer-column" id="col2" preferred="yes" style="float:left;"/>
</div>
<div id="footer4" style="width: 30%; float: right; margin:0; text-align: left;">
<b:section class="footer-column" id="col3" preferred="yes" style="float:right;"/>
</div>
<div style="clear:both;"/>
<p>
<hr align="center" color="#5d5d54" width="90%"/></p>
<div id="footer-bottom" style="text-align: center; padding: 10px;">
<b:section class="footer" id="col-bottom" preferred="yes">
</b:section>
</div>
<div style="clear:both;"/>
</div>
<div id="footer2" style="width: 30%; float: left; margin:0; text-align: left;">
<b:section class="footer-column" id="col1" preferred="yes" style="float:left;"/>
</div>
<div id="footer3" style="width: 40%; float: left; margin:0; text-align: left;">
<b:section class="footer-column" id="col2" preferred="yes" style="float:left;"/>
</div>
<div id="footer4" style="width: 30%; float: right; margin:0; text-align: left;">
<b:section class="footer-column" id="col3" preferred="yes" style="float:right;"/>
</div>
<div style="clear:both;"/>
<p>
<hr align="center" color="#5d5d54" width="90%"/></p>
<div id="footer-bottom" style="text-align: center; padding: 10px;">
<b:section class="footer" id="col-bottom" preferred="yes">
</b:section>
</div>
<div style="clear:both;"/>
</div>
4.Then save the template
Different keywords for different blogger posts
Posted by anonymous in Blogspot tricks, Web Developer tricks on Sunday, July 18, 2010
As in any other blogging platform, important meta tags such as keywords can be implemented in Blogger / Blogspot to obtain better performance related to search engines indexing. The problem is, people write different posts that focus on different keywords, though still in the same topic. It makes using common / overall keywords does not support every posts to perform optimally in search results. That is why it is better to put different keywords in different posts. Would you like to know more?
In blogspot, the easiest way to add some meta tags is by putting them in the template of your blog. However, when you put some keywords tags there, it goes to all of your posts since all of them use the same template.
For example, if you run a blog about computer hardware and you use some keywords like processor, RAM, VGA, cooler, hardisk, casing, etc, these keywords will be used for all of your posts. If you write a post titled “How to install a VGA”, then most of those keywords are inaccurate and useless. Their effect is more destructive for the particular post itself rather than constructive.
The keywords are good in representing the blog in overall, but poor in describing each posts’ unique contents. We must remember, people use search engines not to look for websites, but to find specific contents that are matching their current need. Therefore, instead of writing “a good website about computer hardware” in search queries, people tend to write “how to install a processor” or “how to replace a VGA”.
Back to the tags, normally, Blogger / Blospot will not allow you to put different keywords meta tags inside your posts, because they should be located in head section of the page (your post are in body section). You can force to put meta tags inside your post by not heeding the warning when Blogger refuse to publish the post (opt to ignore HTML mistake / error). This forcing does not guarantee to work well, as they forbid it for a good reason surely. However, most blogger are also already having so many posts that it’ll kill them to add the keywords to each post manually.
To improve each post visibility in search results, there is a simple yet effective method: using your post title as the keywords. They will not be as good as adding keywords to each of the posts manually, but it is much more accurate than using overall keywords in the template. This idea might sound odd, but shouldn’t each of your posts’ titles represent each of your contents?
To use your posts' titles as your keywords, you only need to add these codes in the head section of the template, between <head> and </head> (access it from dashboard - layout - edit HTML):
Save it, and done. After this step, each of your posts will have their own unique keywords. Note that this line of codes is not stacking with normal keywords meta tags such as:
It means that you cannot use both of them at the same time. If put together, the first codes (using title codes) will override the second ones, and keyword 1-3 will not be taken into consideration by Google and friends.
To test your changes, you can use free meta tags analyzer such as seocentro.com and see their professional opinion regarding the new tags. From my simple research, using posts' titles as keywords delivers better outcome, unless your title is awfully irrelevant to its content of course :D
If you would like to try this method and having any doubt, don't doubt the technique, but doubt your ability to make representing titles for your posts.
If you think your titles are not representing your overall keywords well enough, add some more keywords in the description meta tags (put it in your template):
Do you know a better and easier method to do this? Do you find any difficulties in applying it? Feel free to share.
Read more ...
In blogspot, the easiest way to add some meta tags is by putting them in the template of your blog. However, when you put some keywords tags there, it goes to all of your posts since all of them use the same template.
For example, if you run a blog about computer hardware and you use some keywords like processor, RAM, VGA, cooler, hardisk, casing, etc, these keywords will be used for all of your posts. If you write a post titled “How to install a VGA”, then most of those keywords are inaccurate and useless. Their effect is more destructive for the particular post itself rather than constructive.
The keywords are good in representing the blog in overall, but poor in describing each posts’ unique contents. We must remember, people use search engines not to look for websites, but to find specific contents that are matching their current need. Therefore, instead of writing “a good website about computer hardware” in search queries, people tend to write “how to install a processor” or “how to replace a VGA”.
Back to the tags, normally, Blogger / Blospot will not allow you to put different keywords meta tags inside your posts, because they should be located in head section of the page (your post are in body section). You can force to put meta tags inside your post by not heeding the warning when Blogger refuse to publish the post (opt to ignore HTML mistake / error). This forcing does not guarantee to work well, as they forbid it for a good reason surely. However, most blogger are also already having so many posts that it’ll kill them to add the keywords to each post manually.
To improve each post visibility in search results, there is a simple yet effective method: using your post title as the keywords. They will not be as good as adding keywords to each of the posts manually, but it is much more accurate than using overall keywords in the template. This idea might sound odd, but shouldn’t each of your posts’ titles represent each of your contents?
To use your posts' titles as your keywords, you only need to add these codes in the head section of the template, between <head> and </head> (access it from dashboard - layout - edit HTML):
<meta expr:content='data:blog.pageTitle' name='keywords' />
Save it, and done. After this step, each of your posts will have their own unique keywords. Note that this line of codes is not stacking with normal keywords meta tags such as:
<meta content=’keyword 1, keyword 2, keyword 3' name=’keywords’ />
It means that you cannot use both of them at the same time. If put together, the first codes (using title codes) will override the second ones, and keyword 1-3 will not be taken into consideration by Google and friends.
To test your changes, you can use free meta tags analyzer such as seocentro.com and see their professional opinion regarding the new tags. From my simple research, using posts' titles as keywords delivers better outcome, unless your title is awfully irrelevant to its content of course :D
If you would like to try this method and having any doubt, don't doubt the technique, but doubt your ability to make representing titles for your posts.
If you think your titles are not representing your overall keywords well enough, add some more keywords in the description meta tags (put it in your template):
<meta content=’bla bla bla,more keywords' name=’description’ />
Do you know a better and easier method to do this? Do you find any difficulties in applying it? Feel free to share.
How To Add The Blogger “Read More” Expandable Posts Link
Posted by anonymous in Blogspot tricks, Web Developer tricks on Wednesday, July 14, 2010
Every blogger knows the necessity of "Read more" expandable link But some templates does not include it
If your template do not include "Read More" Expandable posts link you can add it by following the steps....
Before doing any changes create a backup of your template
1.Login your blogger.com account
2.Go to Design>Edit html
3.now click "download full template" to backup it if necessary
4.Check mark "Expand Widget Templates"
5.Press "CTRL+F" to search "<div class='post-footer'>"
6.If you get it paste the blow code just before it
Now click "SAVE TEMPLATE"
Check out your page to see the changes
Read more ...
If your template do not include "Read More" Expandable posts link you can add it by following the steps....
Before doing any changes create a backup of your template
1.Login your blogger.com account
2.Go to Design>Edit html
3.now click "download full template" to backup it if necessary
4.Check mark "Expand Widget Templates"
5.Press "CTRL+F" to search "<div class='post-footer'>"
6.If you get it paste the blow code just before it
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title' target='_blank'>Read more...</a>
</div>
</b:if>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title' target='_blank'>Read more...</a>
</div>
</b:if>
Now click "SAVE TEMPLATE"
Check out your page to see the changes
Each Post Meta Description for Blogger Blogspot
Posted by anonymous in Blogspot tricks, Web Developer tricks
How to create different meta description and meta keywords in every single posts/articles/pages automatically in blogger blogspot using blog post titles.
To achieve better SERP and SEO, each and every articles we write in our blog has to have its own meta description which should be different with that of mainpage’s. This can be easily done in a self-hosted wordpress blog: All in One SEO Pack or Platinum SEO Pack plugins will do the task. Not for a blogger blogspot hosted blog.
There are some few hacks to do this in blogger blogspot. The following hack is the one I like the most and I used for my blog.
Here is how to do it:
1. Login to your blogger.com -> Layout -> Edit HTML
2. Copy and Paste the following code, and put it immediately after <head>
<b:if cond='data:blog.pageType == "index"'>
<META CONTENT='Just another tech blog.Full with tips and tricks to
make your life easier.Download,Know and share with your friends' NAME='Description'/>
<meta content='computer,software,review,developer,Mobile,Code,
snippet,Full,hollywood,english,bangla,hindi,movie,jave,sis,wallpaper,picture,
games,animations,sis,jar,jad,nth,thm,jpg,gif,
exe,deb,png,ico,nokia,iphone,samsung,python,php,script,
bash,ubuntu,xp,vista,sms,mms,picture,message,rpm,free,download' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " – Just another tech blog.Full with tips and tricks to make your life easier download,Know and share with your friends "' name='description'/>
<meta expr:content='data:blog.pageName + " computer,software,review,developer,Mobile,Code,
snippet,Full,hollywood,english,bangla,hindi,movie,jave,
sis,wallpaper,picture,games,animations,sis,jar,jad,nth,thm,jpg,gif,exe,
deb,png,ico,nokia,iphone,samsung,python,php,script,
bash,ubuntu,xp,vista,sms,mms,picture,message,rpm,free,download "' name='keywords'/>
</b:if>
3. Change the meta content description and keywords as you like.
4. Click Save Template
Functionality:
1. When search engine visits the main page, it will show the main page meta description and keywords
2. When search engine visits a particular page / post / article, it will show the title as its meta description and meta keywords. Thus different from the main page.
You can view my site for demo...
To view the source click the right button click "view page source" for firefox user
Read more ...
To achieve better SERP and SEO, each and every articles we write in our blog has to have its own meta description which should be different with that of mainpage’s. This can be easily done in a self-hosted wordpress blog: All in One SEO Pack or Platinum SEO Pack plugins will do the task. Not for a blogger blogspot hosted blog.
There are some few hacks to do this in blogger blogspot. The following hack is the one I like the most and I used for my blog.
Here is how to do it:
1. Login to your blogger.com -> Layout -> Edit HTML
2. Copy and Paste the following code, and put it immediately after <head>
<b:if cond='data:blog.pageType == "index"'>
<META CONTENT='Just another tech blog.Full with tips and tricks to
make your life easier.Download,Know and share with your friends' NAME='Description'/>
<meta content='computer,software,review,developer,Mobile,Code,
snippet,Full,hollywood,english,bangla,hindi,movie,jave,sis,wallpaper,picture,
games,animations,sis,jar,jad,nth,thm,jpg,gif,
exe,deb,png,ico,nokia,iphone,samsung,python,php,script,
bash,ubuntu,xp,vista,sms,mms,picture,message,rpm,free,download' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " – Just another tech blog.Full with tips and tricks to make your life easier download,Know and share with your friends "' name='description'/>
<meta expr:content='data:blog.pageName + " computer,software,review,developer,Mobile,Code,
snippet,Full,hollywood,english,bangla,hindi,movie,jave,
sis,wallpaper,picture,games,animations,sis,jar,jad,nth,thm,jpg,gif,exe,
deb,png,ico,nokia,iphone,samsung,python,php,script,
bash,ubuntu,xp,vista,sms,mms,picture,message,rpm,free,download "' name='keywords'/>
</b:if>
3. Change the meta content description and keywords as you like.
4. Click Save Template
Functionality:
1. When search engine visits the main page, it will show the main page meta description and keywords
2. When search engine visits a particular page / post / article, it will show the title as its meta description and meta keywords. Thus different from the main page.
You can view my site for demo...
To view the source click the right button click "view page source" for firefox user
How to add meta tags into your blog
Posted by anonymous in Blogspot tricks, Web Developer tricks
Do you want to improve your blog value, get more hits, and rank high on search engines? Then you must optimize how your blog is indexed in a search engine.
While there are lots of factors involved in building quality blogs that can draw huge traffic in, having simple things right in the beginning is as important. One of this simple thing is getting your blog indexed properly with the right description & keywords to optimize search engine rankings (known as Search Engine Optimization or SEO).
To get information, search engines use automated software agents called spiders, crawlers, robots, or bots to collect the a few words from a site or blog (typically the URLs, blog name, and blog description, and maybe some words in the early part of sentences or paragraphs) that will later be used as keywords to index the blog.
Because you cannot be certain which words are taken as keywords pertaining to your blog, it's most likely that your blog won't be indexed properly in search engines - in the worst case, your highly relevant keywords might not even be used to index your blog. When this happen, searches on keywords relevant to your blog may have your blog buried at the far end of the list of thousands and millions of pages. What a waste!
To have a control of what is read by crawlers on your blog to be indexed, you have to build what is called a META tag - basically a bunch of words that makes up the most relevant description and keywords of your blog. If the META tag exist, this is what the crawlers will read and index and get displayed on any searches related to your keywords.
Here's what a search on my blog looks like on Google. The description is exactly the one I have written in the META tag. The 1st search on the list shows the new META tag description that was made a few seconds before the snap. The old META tag is shown beneath it (22 hours ago).
There are basically 2 parts to a META tag: first is the META description and second is the META keywords. The description are what appears on a search. As you can see, if the description is too long, it'll be cropped as search engines only use a few lines to describe the blog. An optimum number of characters to use for META description is 150 (including spaces and dots).
For META keywords, you can use as many words as you want, but don't repeat the same word too many times (more than 5) to avoid keyword spam. Crawlers can identify keyword spamming easily - which won't make it good either for SEO.
To create a META tag, simply copy the code below and rewrite your META description and keywords (the red text):
Then, place it in between the
For more details:Go to this Free META Tag Builder tool. It directs you easily to build a META tag, create the HTML or XHTML code, and guides to paste it into your blog template XML code.
Just for the fun of it, you can analyze your blog's original description and keywords by submitting your blog URL at the Free META TAG Analyzer before placing the new META tags in your blog - so that you can compare how it is indexed before and after the change.
Read more ...
While there are lots of factors involved in building quality blogs that can draw huge traffic in, having simple things right in the beginning is as important. One of this simple thing is getting your blog indexed properly with the right description & keywords to optimize search engine rankings (known as Search Engine Optimization or SEO).
To get information, search engines use automated software agents called spiders, crawlers, robots, or bots to collect the a few words from a site or blog (typically the URLs, blog name, and blog description, and maybe some words in the early part of sentences or paragraphs) that will later be used as keywords to index the blog.
Because you cannot be certain which words are taken as keywords pertaining to your blog, it's most likely that your blog won't be indexed properly in search engines - in the worst case, your highly relevant keywords might not even be used to index your blog. When this happen, searches on keywords relevant to your blog may have your blog buried at the far end of the list of thousands and millions of pages. What a waste!
To have a control of what is read by crawlers on your blog to be indexed, you have to build what is called a META tag - basically a bunch of words that makes up the most relevant description and keywords of your blog. If the META tag exist, this is what the crawlers will read and index and get displayed on any searches related to your keywords.
Here's what a search on my blog looks like on Google. The description is exactly the one I have written in the META tag. The 1st search on the list shows the new META tag description that was made a few seconds before the snap. The old META tag is shown beneath it (22 hours ago).
There are basically 2 parts to a META tag: first is the META description and second is the META keywords. The description are what appears on a search. As you can see, if the description is too long, it'll be cropped as search engines only use a few lines to describe the blog. An optimum number of characters to use for META description is 150 (including spaces and dots).
For META keywords, you can use as many words as you want, but don't repeat the same word too many times (more than 5) to avoid keyword spam. Crawlers can identify keyword spamming easily - which won't make it good either for SEO.
To create a META tag, simply copy the code below and rewrite your META description and keywords (the red text):
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='Write your META description here. Keep it less than 150 characters.' name='description'/>
<meta content='Write your META keywords here as many as you want separated with commas. Keep word repetition less than 5 to avoid keyword spamming.' name='keywords'/>Then, place it in between the
<head> ..... </head> section near the top part of your template XML code. It's best to put it just below the <title><data:blog.pageTitle/></title> code.For more details:Go to this Free META Tag Builder tool. It directs you easily to build a META tag, create the HTML or XHTML code, and guides to paste it into your blog template XML code.
Just for the fun of it, you can analyze your blog's original description and keywords by submitting your blog URL at the Free META TAG Analyzer before placing the new META tags in your blog - so that you can compare how it is indexed before and after the change.
