New SEO code for Blogger

Hai, I would like to share my SEO code for blogger.

-->

Steps:

1. Go to Blogger-> Template

2. Choose Edit Template, or Go to Older version of Blogger

3. Add the following Code Below on < head > tag






<b:if cond="data:blog.isMobile"> <b:else> </b:else></b:if> <b:include data="blog" name="all-head-content"> <b:if cond="data:blog.pageType == "item""> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else><title><data:blog.pageTitle/></title> </b:else></b:if> <b:if cond="data:blog.pageType == "archive""> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> <b:if cond="data:blog.pageType == "label""> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> </b:include> Thats It. Done.!

Code to Remove/Hide Subscribe to Link in Blogger

Hai,
 I would like to share my CSS code to Hide Subscribe Link in Blogger or Blog.

Steps:
Add a new HTML/JavaScript widget in Layout Option in Blogger.

Blogger->Layout->Add a Widget . Select HTML/JavaScript

Copy & Paste the following code and save it.

<style> .post-feeds,.blog-feeds{display:none !important;} </style>

Remove Home link only from your blogger

Hai,
 I would like to share my CSS code to Hide Home Link in Blogger or Blog.

Steps:
Add a new HTML/JavaScript widget in Layout Option in Blogger.

Blogger->Layout->Add a Widget . Select HTML/JavaScript

Copy & Paste the following code and save it.

<style> .home-link{display:none !important;} </style>

Code to Hide Both Newer, Older, Home Links:

<style> .blog-pager {display:none !important;} </style>

Replace Newer,Older Post links with Post Tittle

Hai,
 I would like to share my JQuery code to Change Newer,Older Posts links with Post tittles of Older and Newer Posts in Blogger or Blog.

Steps:
Add a new HTML/JavaScript widget in Layout Option in Blogger.

Blogger->Layout->Add a Widget . Select HTML/JavaScript

Copy & Paste the following code and save it.



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <style type="text/css"> #blog-pager-newer-link {font-size:85%;width:200px;text-align:left;} #blog-pager-older-link {font-size:85%;width:200px;text-align:right;} </style> <script type="text/javascript"> $(document).ready(function(){ var newerLink = $("a.blog-pager-newer-link").attr("href"); $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { var newerLinkTitle = $("a.blog-pager-newer-link").text(); $("a.blog-pager-newer-link").text("<< " + newerLinkTitle); }); var olderLink = $("a.blog-pager-older-link").attr("href"); $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { var olderLinkTitle = $("a.blog-pager-older-link").text(); $("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt }); }); </script>