Posts

Showing posts from June, 2015

Social Content Locker for Blogger

Image
After using multiple sharing widget in your blogger, is your social exposure is on the lower side? Do you think that people read your content, but in spite of sharing or liking your content, they just read and leave? Do you have a feeling that they completely ignore whether your website has traffic or not. Well, in that case you have to drive your readers to like or share your page in order to discover your content. This is likely the best means to increase your social traffic, especially for those design sites that shares free resources. Locking the entire page by some pop up probably the worst idea because this fails to showcase the importance of your content. That's why this locker is designed to lock a specific part of your page instead of the entire page. It can lock any part of your webpage and can be implemented infinite times on a single page. You can even change the appearance of this locker to your custom style. Before you proceed to make any customization in your blogg...

Blogger Navigation with Post Title

Image
In my blog I've discussed how to customize blogger newer-post and older-post navigation. Today I'll 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'll use jQuery .get() function to display titles with these links. jQuery introduced this function to load data from the server using a HTTP GET request. Since blogger does not have proper data tag that can load title of previous page or next page, we'll use this jQuery function to load data from the server. I'ill also show you some stylish appearance of post titles with these navigations. However if you know a little bit of css, you can easily customize your blogger appearance. Before you make any changes in your blogger template, it is recommended to backup your blog if anything goes wrong. Moreover do it at your own risk. Bloganalyzer is not responsi...

Breadcrumb Navigation

Image
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 single right angle quote ( › ) or even a double right angle quote ( » ) is used as separator in breadcrumb hierarchy. Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces. It allows users to keep track of their locations within programs or documents. The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairy-tale. Wikipedia Before we start with the co...

Download Counter Plugin

Image
If you're an administrator of a site that contains downloadable resources, then surely you're looking for such widget or plugin that counts (and also displays) how many times an item has been downloaded from your site. This is necessary because this helps blog author (and also readers) to know how much popular that resource is. But it might be a problem for everybody to create such plugin, because to create this you have to know php, database, javascript etc. However I've found a website, Firebase that also does the same job. You can use their scripts to install download counter plugin in your site, which is totally legal and the best part is you can create your own free accounts at Firebase. Your download stats will be stored in your Firebase accounts and can be displayed in your site. This download counter offered by Firebase works with all major blogging platforms and websites. Before you make any changes, it is recommended to backup your blog template to avoi...

Post View Counter Plugin

Image
Ever wonder how many people visit your website? If you're an administrator of a website then sure you are. Post view counter or tracker is a widget or plugin that counts (and also displays) how many times a posts has been viewed. This helps blog author (and also readers) to know how much popular that post is. But to create this type of plugin, you have to know php, database, javascript etc, which is not so easy. However I've found a website, Firebase that also does the same job. You can create free accounts at Firebase and you can use their scripts to install post view counter in your blog. It doesn't matter which blogging platform you're using because Firebase works with all major blogging platforms and websites. Before you make any changes, it is recommended to backup your blog template if anything goes wrong. View Demo 1. Create Your Firebase Account Signup for your free account. Follow the steps carefully given at Firebase to activate your account. 2. Create...

Stylize Older, Newer and Home Navigation Links

Image
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. This tutorial will show you different ways of changing the appearance of newer (or next), older (or previous) and home navigation links. This is very simple but useful trick for blogger blog. Before you make any changes, it is recommended to backup your blog template if anything goes wrong. Modify those texts with your own. Replace those texts with images. Switch the positions of those texts. Remove those texts from blog. Let's proceed. Sign in to 'Blogger' dashboard . Click the drop-down arrow adjacent to 'Go to post list' icon and select 'Template' form the drop-down menu list. Cl...

Scroll to an Internal Link

Image
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. Before you make any changes, it's recommended to backup your blog template to avoid template crush if anything goes wrong. Demo Let's begin. Go to 'Blogger' dashboard . Click the drop-down arrow adjacent to 'Go to post list' icon and select 'Template' form the drop-down menu list. Click 'Edit HTML'. Skip this step if jQuery library already included in your blog tem...

Scroll to Top and Bottom

Image
Every professional blogger should look after the decoration of their blog carefully so that visitors can navigate easily throughout the blog. If your blog have infinite page scroll or your post contains information, a lot, it would be very annoying for every reader to go back to the top of the page by either refreshing the page or dragging the scroll bar all the way back to the top. Jump to top (and bottom) is that's why very essential element for every blog decoration. But it would be far more stunning to scroll gradually instead of just jump to the top (which exactly Home button does). You can find this feature in almost every blog and website. This tutorial will show you how to add a modern and simple scroll button to your blog. Before you make any changes, it's recommended to backup your blog template to avoid template crush if anything goes wrong. Let's begin. Go to 'Blogger' dashboard . Click the drop-down arrow adjacent to 'Go to post li...