Breadcrumb Navigation for Blogger

Breadcrumb navigation (as well recognized as 'Breadcrumb trail') is a navigation widget that lets users to know their position in the hierarchy of a website and to retrace their steps to fail back to beginning with less time and elbow grease. It can be seen in many websites horizontally just above the post title (or maybe below header), and contains links to categories that related to the posts, the reader is currently on. It is an alternative method of navigation which in fact increases the usability of a website. Often a slash ( / ), a greater-than sign ( > ) or even a twice greater than sign ( >> ) is used as separator in breadcrumb hierarchy.

Show post titles in Blogger with Blogger Navigation

In my blog I have already discussed how to customize blogger newer-post and older-post navigation. Today I will show you how to display post titles with these navigation links. It actually looks good to display blog post titles instead of showing just page navigation buttons.The basic concept behind this trick is simple. We will use jQuery .get() function to display titles with these links.

Dropdown Menu using CSS3 - Part2

It is really important and essential to give an abstract view of your blog to your blog reader. This not only increases your blog traffic but also show your sophistication level to your reader. To give an abstract view of your blog to reader, you have to implement various blog widget among which dropdown menu is an essential one. I have written quite a few posts about this dropdown menu using CSS and jQuery (and obviously HTML).
Only CSS (and HTML) code of various dropdown menus are discussed in this post. To know how to implement these codes in blogger, you have to read my previous post, Dropdown Menu using CSS3 - Part1.
This menu is compatible with most of modern and classic browsers (undoubtedly supported in latest version of all major browsers) .

Dropdown Menu using CSS3 - Part1

All of the different types of menus that can be used on a website, a dropdown menu provides most benefits. A dropdown menu is able to organize all contents into smaller sub-categories that are easy to navigate. By using a dropdown menu with a large list of categories and sub-categories, the surfing experience of your visitors can be improved.
All dropdown menu described below uses two pieces of codes. One is the HTML code, responsible for positioning the menu in the right place of blogger and the second one is the CSS code, responsible for the look and feel of the menu. The reason for prefering CSS or Cascading Style Sheet over javascript or jQuery is CSS is much more easier than Javascript or jQuery, page loading time is less and compatible with all major browsers.

Add Auto Read More Buttons in Blogger

Create a jump link within blog post not only makes things organized and well managed but also makes your homepage load faster. Also your blog readers come to know about various posts at a time while they are actually browsing home page. But definitely it is a boring job to insert jump break or read more link for each post separately. Sometimes it may happen that you forget to insert jump break link. In that case you have to reedit that post which is a bit of annoying. That why all bloggers usually go for auto read more links. This nice and simple trick adds jump link or read more button automatically within your blog post. Even you don't need an extra code within your every blog post to create this. I wish this simple and little trick works for all of you.

Replace Read More Buttons with an Image

Create a jump link within blog post makes things organized and well managed. It also makes your homepage load faster and above all your blog readers come to know about various posts at a time while they are actually browsing home page. But adding of a simple read more link makes your blog a dull looking one. If you replace that 'read more' link with an image, it looks better. So, in this tutorial i shall show you how to replace the default read more link with an image.
You may also like
✓ Add auto 'Read More' buttons in your blogger post.

Scroll to an Internal Link

Scrolling within page i.e. scroll to an internal link has experienced a huge growth in popularity in web design in recent years. Perhaps you’ve seen it before that when you click a link in the navigation, it takes you not to another page but a specific point within the current page. Actually it is very easy to do with some extremely basic HTML but if you want a nice scrolling animation when page goes up or bottom, you have to add some jQuey along with the HTML. This tutorial is about how to scroll to an internal link. I wish this simple and little trick works for you.

Styles with Newer, Older and Home Navigation Link

Visitors like that blog which are well decorated because it helps them to navigate easily throughout the blog. All professional bloggers always try something new to decorate their blog in a unique way. Blogger navigation links are also part of that decoration. Although by default blogger provides some styles for these links but those are so dull and boring. But need not to worry because this tutorial will show you different ways of changing the appearance of Newer i.e. Next, Older i.e. Previous (or Prev) and Home Navigation Links. This is very simple but useful trick for blogger blog. So let's do this.