Blogger Tips
If you have ever visited a WordPress blog, you might have noticed that the blog pager on these blogs displays the actual post titles, not just links to the older and newer posts that you find at the bottom of your Blogger blog. This links are parts of the so-called blog pager which helps readers navigate between pages and posts.
If you want to increase your page impressions, one of the ways is to replace the older/newer posts links with the Blogger post titles.
How To Add Post Titles Instead of Older Post/Newer Post Link
Step 1. Log in to Blogger, go to Layout and click on "Add A Gadget" link
Step 2. From the pop-up window, choose "HTML/JavaScript"
Step 3. Paste the following code into the empty field of the HTML/JavaScript gadget:
Note: The line in red is for acquiring jQuery framework. If you have acquired jQuery in your template, then you can just delete this part.
Step 4. Now Save the Widget and drag it under the Blog Posts section.
Step 5. Click on Save arrangement.
Now view your blog and see the older/newer posts link, replaced with your post titles.
For any questions, leave a comment below.
- Display Blogger Posts In Grid View With Thumbnails
Grid View with Thumbnails is a script for self-hosted Blogger blogs which will display blog posts as a thumbnail grid of images in homepage and archive pages. Instead of sending your blog visitors to a page that displays all the posts in full length with...
- How To Add Numbered Page Navigation Widget For Blogger
In Blogger, we have the option to set the number of posts we want to display per page by going to the Settings menu > Posts and comments > Show at most ? posts. Once the number of total posts in our blog exceeds this number, we will see "Older Posts"...
- Fade In/out Page Loading Effect On Blogger Posts
A very common effect in jQuery is the fade effect that hides or shows an element by fading it, and we can use it in many ways as for example in the blog's navigation. The following script does just that, by loading the page with a fading effect when...
- Replace Older, Newer And Home Blogger Links With An Image Or Text
Newer Post, Home and Older Post are links that appear on the bottom of the posts. When a visitor click on one of these links, they will take him to the page with the list of your previous posts. The number of the posts on these pages will be the same...
- How To Access Old Style Templates In Blogger (blogspot)
"Can I still use the old default templates for my Blogger blog (Blogspot blog)?" is a frequent question I am asked on Blog Know How pretty often. Other people have asked me about the template I am using and how to get it. In answer to the first question...
Blogger Tips
How to Replace Older Posts and Newer Posts Links with Blogger Post Titles
If you have ever visited a WordPress blog, you might have noticed that the blog pager on these blogs displays the actual post titles, not just links to the older and newer posts that you find at the bottom of your Blogger blog. This links are parts of the so-called blog pager which helps readers navigate between pages and posts.
If you want to increase your page impressions, one of the ways is to replace the older/newer posts links with the Blogger post titles.
Step 1. Log in to Blogger, go to Layout and click on "Add A Gadget" link
Step 2. From the pop-up window, choose "HTML/JavaScript"
Step 3. Paste the following code into the empty field of the HTML/JavaScript gadget:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" h3:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link:first").text();
$("a.blog-pager-older-link").text(olderLinkTitle);
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" h3:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text(newerLinkTitle);
});
</script>
Note: The line in red is for acquiring jQuery framework. If you have acquired jQuery in your template, then you can just delete this part.
Step 4. Now Save the Widget and drag it under the Blog Posts section.
Step 5. Click on Save arrangement.
Now view your blog and see the older/newer posts link, replaced with your post titles.
For any questions, leave a comment below.
- Display Blogger Posts In Grid View With Thumbnails
Grid View with Thumbnails is a script for self-hosted Blogger blogs which will display blog posts as a thumbnail grid of images in homepage and archive pages. Instead of sending your blog visitors to a page that displays all the posts in full length with...
- How To Add Numbered Page Navigation Widget For Blogger
In Blogger, we have the option to set the number of posts we want to display per page by going to the Settings menu > Posts and comments > Show at most ? posts. Once the number of total posts in our blog exceeds this number, we will see "Older Posts"...
- Fade In/out Page Loading Effect On Blogger Posts
A very common effect in jQuery is the fade effect that hides or shows an element by fading it, and we can use it in many ways as for example in the blog's navigation. The following script does just that, by loading the page with a fading effect when...
- Replace Older, Newer And Home Blogger Links With An Image Or Text
Newer Post, Home and Older Post are links that appear on the bottom of the posts. When a visitor click on one of these links, they will take him to the page with the list of your previous posts. The number of the posts on these pages will be the same...
- How To Access Old Style Templates In Blogger (blogspot)
"Can I still use the old default templates for my Blogger blog (Blogspot blog)?" is a frequent question I am asked on Blog Know How pretty often. Other people have asked me about the template I am using and how to get it. In answer to the first question...