Seo(search engine optimization) is one of the most important thing to get traffic in your website. Some people want to earn money by blogging but they have no idea about search engine optimization. Blogger is one of the best blogging platform for those who want blogging without any cost. Blogger.com is the one who started it all, hosting more blogs than any service or personal blogs combined.Everyone has analyzed and optimized Wordpress to boost their rankings in every aspect, but left blogger/blogspot users looking for tips.

Welcome to Blogger seo tips - Part 1

Here i am showing about the setting of your blogger template.

Blogger settings:

1. Title: The title of your Blog should be simple and shot with out any preposition.
2. Description: The description should include your keywords that you are aiming and should be a complete sentence.
3. Add your Blog to our listings?: YES
4. Show Email Post links?: NO
5. Send Pings: Yes
6. Date Header Format: Choose the one with the less text, Ex: “8.9.07″
7. Comments: Show, but delete the unrelated/short comments.
8. Backlinks: Hide, no need to share your PageRank value.
9. Enable Post Pages?: YES,
10. Archive Frequency: Weekly. Its better to have the least number of posts on a single page.

On my next post i will show how to optimize your blogger template to increase your Blog's seo potential.

xHighlighter is a script which is written in javascript. It can insert colored code snippets on a web page using client-side javascript only. It is ideal tool for users of BLOGGER because we do not have server side resource to parse and highlight the code. And we are lazy, we do not want to write a lot of CSS to just post a code snippet.

Its a little twisting to make it properly.


Step 1: Download SyntaxtHighlighter From Here

Step 2: Extract the rar file. Upload Script and Style folder's file to any host or website which can be linked from your blog.

Step 3: Login to your Blogger account go to Setting> Template > Edit HTML make the following changes. Paste this code after <!-- end outer-wrapper -->

<link href='http://[YOUR HOST]/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/> <br /><script src='http://[YOUR HOST]/shCore.js' type='text/javascript'/> <br /> <br /><script src='http://[YOUR HOST]/shBrushCpp.js' type='text/javascript'/> <br /><script src='http://[YOUR HOST]/shBrushCSharp.js' type='text/javascript'/> <br /><script src='http://[YOUR HOST]/shBrushCss.js' type='text/javascript'/> <br /><script src='http://[YOUR HOST]/shBrushJava.js' type='text/javascript'/> <br /><script src='http://[YOUR HOST]/shBrushJScript.js' type='text/javascript'/> <br /><script src='http://[YOUR HOST]/shBrushSql.js' type='text/javascript'/> <br /><script src='http://[YOUR HOST]/shBrushXml.js' type='text/javascript'/> <br /> <br /><script class='javascript'> <br />//<![CDATA[ <br /> function FindTagsByName(container, name, Tag) <br /> { <br /> var elements = document.getElementsByTagName(Tag); <br /> for (var i = 0; i < elements.length; i++) <br /> { <br /> if (elements[i].getAttribute("name") == name) <br /> { <br /> container.push(elements[i]); <br /> } <br /> } <br /> } <br /> var elements = []; <br /> FindTagsByName(elements, "code", "pre"); <br /> FindTagsByName(elements, "code", "textarea"); <br /> <br />for(var i=0; i < elements.length; i++) { <br />if(elements[i].nodeName.toUpperCase() == "TEXTAREA") { <br /> var childNode = elements[i].childNodes[0]; <br /> var newNode = document.createTextNode(childNode.nodeValue.replace(/<br\s*\/?>/gi,'\n')); <br /> elements[i].replaceChild(newNode, childNode); <br /> <br />} <br />else if(elements[i].nodeName.toUpperCase() == "PRE") { <br /> brs = elements[i].getElementsByTagName("br"); <br /> for(var j = 0, brLength = brs.length; j < brLength; j++) { <br /> var newNode = document.createTextNode("\n"); <br /> elements[i].replaceChild(newNode, brs[0]); <br /> } <br />} <br />} <br />//clipboard does not work well, no line breaks <br />// dp.SyntaxHighlighter.ClipboardSwf = <br />//"http://[YOUR HOST]/clipboard.swf"; <br />dp.SyntaxHighlighter.HighlightAll("code"); <br />//]]> <br /></script> <br /> <br /></body> <br /></html> <br /> <br />
Step 4: Now you can post code snippet on BLOGGER using either "pre" or "textarea" tag.
Step 5: You can also See tutorial HERE how to use "textarea" or "pre" tag.

Now everything has done !