Let's try to Create Related Post by Categories

Related Post by Categories

Why Wordpress blogs are being preferred Over Blogger....?

One of the reason is Related posts comes automatically under each post for wordpress with buil on widget .This is now possible in Blogger with wonderful widget by hoctro with some editing to add functionality of categorizing the posts by labels.

Follow these steps to get implement this on your blogspot blog.

1. Go to your Layout Template >Edit HTML under your blogger / blogspot Dashboard.
   Click on the Download Full Template Link. save your downloaded template as a back up, just to prevent in case you failed on applying this hack.
   Then, tick the Expand Widget Templates.
2. Find this code below (U can use CTRL+F to find this)
   
   <data:post.body/>
   
3. Copy the code in HTML Below here
   --> related post by categories.txt
   
   
4. Paste right after the code #2
   Please be flexible. You can do experiment by put the inside a tag like this.
   Relates Stuff or Check this Out
   
   
5. Save your template. refresh your blog, and Done.

That’s all. Enjoy!

Like if you have some post1 will labels News, Humor and America, another post2 will show that post in related posts at the end of the post footer followed by these labels respectivevly.

As we know Google highly ranks the websites/blogs with low bounce rate and the method is considered highly effective for SEO. For Eg. if your visitors visits one of your page and leaves the blog instantly you bounce rate will be 100% for that page Bounce Rate = Single Page Access/ Entries.

An entrance webpage with a low bounce rate means that the page effectively causes visitors to view more pages and continue on deeper into the blog increasing your pageviews hence possibly increase in the Alexa rankings. This is engaging for visitors and the best part is the associated posts are showed agreeing to the deafult layout and css styles that have already been predefined even for a custom blogger template.

Though the list of related links goes on to 24 at max( if available ) can be a bit irritating as your comment box seems to hide, but this problem can also be solved using Feedflare of Feedburner that adds a link after the post named "add comment". When user clicks on this link he is directed to the comment form box. Also this is good technique if you invariably use lot of lables for any post.

Thanks to visit,,

^_^ Happy Blogging ^_^

Read More

Get More Blogger Widgets and Plugins

30+ BLooger Widgets and Plugins

Blogger platform has undergone major improvements in last two years. Not only the blogger development team has added several new features to the platform,, but countless new blogger templates are being developed around the globe. Here are some best widgets and plugins for blogger powered blog that can spice up your blog for better reader experience.

1. Top Commentators Widget by BloggerPlugins
This excellent plugin has two versions. One for blogs having small number of comments and the second variant for blogs receiving lots of comments.

2. Translation Widget by BloggerPlugins
This one click install widget add multiple language translation support to your blogger blog.

3. Recent Post Widget by BloggerPlugins
This is highly customizable widget. You can set number of posts to display, post summary and it's length.

4. Recent Comments Widget by BloggerPlugins
A highly customizable widget. You can set the number of comments to display, author name, date and size of comment. You can also use CSS to gel it with your theme.

5. U Comment I Follow Widget by Blogger Plugins - If you want to spread some link love then install this widget to make your comments 'do-follow'.

6. Label Cloud Plugin by phydeaux3
This is one of the most popular label cloud generation plugin for blogger. You can customize various options after installing this plugin.

7. Archive Calendar Widget by PurpleMoggy
Very impressive archive calendar widget with customizable options.

8. Archive Calendar Widget by phydeaux3
Another very popular archive calendar widget. Highly customizable for better browsing experience for the readers.

9. Recent Posts Widget by Feed2JS
This excellent plugin makes plugin installation and customization very easy. Just fill in the form and click the button to generate widget code.

10. Recent Comments Widgets by Blogger-Templates
Just fill in the options in the form and one click widget code generation. Excellent plugin which is highly customizable.

11. Picasa Web Albums Slideshow Widget by Blogger Templates Designs
A unique plugin to show photo slideshow from any picasa account. Ideal for personal blogs, photo blogs and web design blogs.

12. Search Form Widget by Blogger Templates Designs
If you want to add site search box in your blog's sidebar, install this plugin.

13. Google Talk Widget by Blogger Templates Designs
This plugin adds the Google Talk client to your blog so that your readers can directly converse with you.

14. Recent Comments Widget by Blogger Templates Designs
Yet another recent comments widget with customizable options and one-click install.

15. Sudoku Game Widget by Blogger Templates Designs
Want to add some interesting puzzle games for your visitors? Then install this plugin to integrate sudoku puzzle game in your blogger blog.

16. Google Translate Mini-Flags Widget by MadToMatoe
Very useful translation plugin powered by 'Google Translate'. One click install with multiple language translation facility.

17. Recent Comments Widgets by MadToMatoe
One more recent comments widget for blogger blogs. Again you can customize the number of recent comments to be displayed.

18. Reactions Mini-Poll Widget by ThemeLib
Want to host a poll on your blogger blog? Install this plugin and get customizable polls for your readers.

19. Alexa Traffic Widget by TechKnowl
Display your Alexa stats with this customizable widget.

20. Snow Flakes Widget by TechKnowl
Add a stunning snowfall effect in your blogger template in the festive season.

21. Popular Posts Widget by TechKnowl
A very simple popular posts plugin using Yahoo pipes to filter out popular posts on your blog.

22. Flash MP3 Player Widget by TechKnowl
This cool plugin allows you to embed flash mp3 player in your blogger blog. The player is very light with custom options.

23. Rating Widget by Outbrain
If you want to integrate rating system with your blogger posts, then this excellent plugin is the best choice. It has rating system plus related posts integration in same widget.

24. Multi-tab TOC Widget by Beautiful Beta
If you want to display multi-tab table of contents section in your blogger blog, then install this widget. Very popular among blogger users.

25. Tab View Widget by Hoctro
The coolest plugin showing tabbed posts with animated post excerpts. A must for your blog's sidebar.

26. Random/Rotating Banner Widget by FreeYaSoul
Very useful widget for displaying rotating banners in your blog's header. You can customize and can choose any number of headers.

27. Social Bookmarking Widget by Lasvak
This is perhaps the most easily installable bookmarking widget for blogger. Just copy and paste a single line of code in your blogger template and your bookmarking icons are ready.

28. Paypal Donation Widgets by Etienne
Integrate different types of paypal donation widget in your blogger blog with ease.

29. Podcating Plugin by Talkr
If you want to integrate podcasts to your blog, register for this service and get free podcasting plugin for your blogger blog.

30. What's Next? Section Widget by eblogtemplates
Integrate a Wordpress style 'What's Next' section below blogger posts with this excellent widget.

31. Twitter Profile Widget by BloggerBuster
Add your twitter profile and twitter updates with this useful plugin developed by Amanda Fazani.

32. Bookmarking Widget by SocioFluid
One of the best social bookmarking plugin for blogger. Big animated icons with one click installation.

Source : mintblogger.com

Read More

Let's Try Learn to Display Related Posts

How to display related posts

Related Posts is the title of the post and related naming is usually based on the displayed label (category), Realated Post is usually a link that show the exact posting single comment in the fields below. The advantage of the post with a related, of course, will make it easier for visitors to our blog to find related articles without having to go and open the pages one by one in the link label.

Let's try to the following ways :

Step I

Entry on the Templates -> Edit HTML -> then enter the javascript code below to above the code </head> -> do not forget saved

<script type="text/javascript"><br /><br /><br />//<![CDATA[<br /><br />var relatedTitles = new Array();<br /><br />var relatedTitlesNum = 0;<br /><br />var relatedUrls = new Array();<br /><br />function related_results_labels(json) {<br /><br /> for (var i = 0; i < json.feed.entry.length; i++) {<br /><br /> var entry = json.feed.entry[i];<br /><br /><br /> relatedTitles[relatedTitlesNum] = entry.title.$t;<br /><br /> for (var k = 0; k < entry.link.length; k++) {<br /><br /> if (entry.link[k].rel == 'alternate') {<br /><br /> relatedUrls[relatedTitlesNum] = entry.link[k].href;<br /><br /> relatedTitlesNum++;<br /><br /> break;<br /><br /><br /> }<br /><br /> }<br /><br /> }<br /><br />}<br /><br />function removeRelatedDuplicates() {<br /><br /> var tmp = new Array(0);<br /><br /> var tmp2 = new Array(0);<br /><br /> for(var i = 0; i < relatedUrls.length; i++) {<br /><br /><br /> if(!contains(tmp, relatedUrls[i])) {<br /><br /> tmp.length += 1;<br /><br /> tmp[tmp.length - 1] = relatedUrls[i];<br /><br /> tmp2.length += 1;<br /><br /> tmp2[tmp2.length - 1] = relatedTitles[i];<br /><br /> }<br /><br /><br /> }<br /><br /> relatedTitles = tmp2;<br /><br /> relatedUrls = tmp;<br /><br />}<br /><br />function contains(a, e) {<br /><br /> for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br /><br /> return false;<br /><br />}<br /><br /><br />function printRelatedLabels() {<br /><br /> var r = Math.floor((relatedTitles.length - 1) * Math.random());<br /><br /> var i = 0;<br /><br /> document.write('<ul>');<br /><br /> while (i < relatedTitles.length && i < 20) {<br /><br /><br /> document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] <br />+ '</a></li>');<br /><br /> if (r < relatedTitles.length - 1) {<br /><br /> r++;<br /><br /><br /> } else {<br /><br /> r = 0;<br /><br /> }<br /><br /> i++;<br /><br /> }<br /><br /> document.write('</ul>');<br /><br /><br />}<br /><br />//]]><br /><br /></script>

Step II

Entry on the Templates -> Edit HTML -> do not forget to check the Expand Widget Templates -> find the code below.

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels'
var='label'>

<a expr:href='data:label.url'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

If you have met them, enter the red code between the code above like this.

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels'
var='label'>

<a expr:href='data:label.url'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"'
type='text/javascript'/>

</b:if>

</b:loop>

</b:if>

After that, don't forget to save again.

Step III

Entry on the Templates -> Element -> page and then make a new elemet or click on "Add a Page Element" -> copy-paste the code below and be sure to give the name of the title eg, "Related Articles" -> then do not forget to save .

<script type="text/javascript">

removeRelatedDuplicates();

printRelatedLabels();

</script>

So that Related post does not appear on the main page and only appear on the single post page so we need addition of some code, follow this way:

Entry on the Templates -> Edit HTML -> do not forget to check the Expand Widget Templates -> find the code below, as an example, where before I give "Related Articles", if it is found put the two red code into the code below.

<b:widget id='HTML99'
locked='false' title='Related Articles' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>


<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

Finish,,,don't forget to save your work,

Let's try it now,,,Happy Blogging,,^_^

Read More