The-Online-Quest: How to Create a “What’s Next?” After Every Post In Blogger

Ever come across a blog with a really cool individual post footer section called “What’s Next” and wonder how it was created? It’s not a WordPress plugin or a Blogger widget (at least not yet) and you’ll find it on blogs such as my blog, Blogger Buster, ProBlogger, eblog templates and other popular blogs, just to name a few. I’m not sure who came up with original idea but it’s becoming more and more popular.

So what is the “What’s Next?” thing anyway?

Good question since many of you probably don’t even know what the heck I’m talking about. It’s essentially a collection of social bookmark links (StumbleUpon, Digg, and del.icio.us), a link to add a comment, and a link to subscribe to your RSS feed. You’ll notice it on every single article and template download on this site at the bottom of the entry.

Here’s a screenshot of what it currently looks like:-

You can download the images from here. Do not link directly to these images as they might be pulled down at any time. Copy them to your own server wherever your Blogger installation is running and link to them there.

(right click on each image and “save as”)

Installation

Each Blogger template is setup differently so the exact location of that tag will vary based on the template you’re using. I advise you to backup your template prior to making any changes just in case you need to revert back later.

Make sure you replace “YOUR FEED URL HERE” with your Feedburner id. If you don’t have a Feedburner account yet, I highly recommend you set one up. Click here to setup your own Feedburner account.

Here’s the code you need to copy and paste below the <data:post.body/> tag within your Blogger template code.

<!-- Start of What's Next Code (Credits to http://djyano.blogspot.com) -->

<b>What's Next?</b>

<p><a href="http://www.blogger.com/%22http://digg.com/submit?phase=2&amp;url=%22%20+%20data:post.url%20+%20%22&amp;title=%22%20+%20data:post.title" target="_blank"><img alt="Digg" src="http://www.blogpulp.com/imagehost/images/76280681556.gif" /> <b>Digg it</b></a></p>

<p><a href="http://www.blogger.com/%22http://www.stumbleupon.com/submit?url=%22%20+%20data:post.url%20+%20%22&amp;title=%22%20+%20data:post.title" target="_blank"><img alt="Stumbleupon" src="http://www.blogpulp.com/imagehost/images/87904909673.png" /> <b>Stumble it</b></a></p>

<p><a href="http://www.blogger.com/%22http://technorati.com/faves?add=%22%20+%20data:post.url" target="_blank"><img alt="Technorati" src="http://www.blogpulp.com/imagehost/images/76692010463.jpg" /> <b>Faves it</b></a></p>

<p><a href="http://www.blogger.com/%22http://del.icio.us/post?url=%22%20+%20data:post.url%20+%20%22&amp;title=%22%20+%20data:post.title" target="_blank"><img alt="del.icio.us" src="http://www.blogpulp.com/imagehost/images/18662377493.gif" /> <b>Save This Page</b></a></p>

<p><a href="data:post.addCommentUrl" onclick="data:post.addCommentOnclick" target="_blank"><img alt="comment" src="http://www.blogpulp.com/imagehost/images/64942093287.gif" /> <b>Leave a comment</b></a></p>

<p><a href="http://feeds.feedburner.com/YOUR-FEED-URL-HERE"><img alt="feedburner" src="http://www.blogpulp.com/imagehost/images/19634632859.png" /> <b>Subscribe to The-Online-Quest</b></a></p>

<!-- End of What's Next Code (Credits to http://djyano.blogspot.com) -->

Step 1
Copy all the codes provided.

Step 2
Login to your blogger account and go to Layout --> Edit HTML --> Expand Widget Templates

Step 3
Find this code <data:post.body/> and paste the code below it.

Step 4
Remember to replace “YOUR FEED URL HERE” and SAVE TEMPLATE!

Good luck and Have Fun!

You may also like to read these :

Top 10 Blogger Hacks and Tips

Put Paypal Donation Code to Your Blog/Site

Creating Expandable Post

Add Digg button

Change Blogger Favicon

Add Language Translation

10 Questions Every Blogger

Hide Navigation Bar

Convince People To Comment

Put Clock In Your Blog

Change Post Date To Calender...

Add Social Bookmark Icons