Skip to main content

Posts

Showing posts from June, 2015

Social Content Locker for Blogger

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.

Blogger Navigation with Post Title

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.

Breadcrumb Navigation

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.

Download Counter Plugin

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.

Post View Counter Plugin

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.

Stylize Older, Newer and Home Navigation Links

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.

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.

Scroll to Top and Bottom

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.

Modern Search Boxes for Blogger

Every blog should have a search box so that blog visitors can search any post in blog`s archive with less effort. If your blog contains thousands of posts, it'll be very difficult for a reader to find any specific article in your blog by going through the complete archive of your blog posts. But if you have search box installed in your blog then readers can directly search any article by using it. In this way search box helps blog readers to navigate easily throughout your blog. Blogger has its own search box widget but the design is dull and undesirable. This tutorial will show you how to add custom search box to your blog.

Dropdown Menu for Blogger

It is really important and essential to give an abstract view of your blog to your blog readers. This not only increases your blog traffic but also shows your sophistication level. Now in order to do that, you have to implement various widgets in your blog; among which navigation menu is an essential one. But among all of the different types of menus that can be used on a website, a dropdown menu benefits the most. 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.

Customize Popular Post Widget

'Recent Posts' or 'Popular Posts' widget is very essential widget for both personal and professional blogs. This widget gives information about your popular blog posts to your readers. So you should look after this widget very carefully. Also if you provide some style with this widget, your reader will be simply overwhelmed. By default blogger provides some styles for this widget but somehow those are obsolete and unprofessional. You are actually recommended to go through those styles for the first time. If you found those are not suitable for your blog, you can come back to this tutorial. I've written few posts about customization of this widget. You can also check those out in my blog in case you're interested. This tutorial will show you how to display popular posts in horizontally rather than vertically. Only problem is it requires larger horizontal space i.e. larger width of of your blog. So before you proceed, make sure you have enough room in your b

Customize Popular Post Widget

'Recent Posts' or 'Popular Posts' widget is very essential widget for every blog. It displays your popular blog posts (based upon some analytic statistics) along with image, title and description (obviously these are optional). By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. I've written few posts about customization of this widget. This post is also one of those customization using css3 transition property. The main reason for using css instead of javascript or jQurey is that it requires less time for loading of DOM. Also css properties are very easy to understand as well as to implement. Hope you'll like it.

Customize Popular Post Widget

'Recent Posts' or 'Popular Posts' widget displays your popular blog posts (based upon some analytic statistics) along with image, title and description (although these are optional). It is undoubtedly very essential widget for every blog. I've written quite a few posts about customization of this widget. This post is also one of those. Here some css3 properties like transition , transform , backface-visibility , transform-style etc. are used. You can also use css3 perspective property, but right now this property is not supported in all browser. The main reason for using css instead of javascript or jQurey is that it requires less time for DOM loading. Also css properties are very easy to understand as well as to implement. Hope you'll enjoy it.

Reaction Buttons for Blogger

Reaction buttons helps the readers of your blog to react to your blog posts. With help of this feature, you can get feedback from your readers. This is very interesting as well as very helpful for those readers of your blog who don't have enough to say about your blog posts. More or less, reaction buttons are something like polls for every blog posts. Fortunately Blogger has already included this feature for us. So this tutorial will show you how to implement that widget in your blog. Besides I've found that blogger has limited number of reaction buttons. So, in addition I'll show you how to add infinite number of buttons in your blog.

Hide and Show Blogger Widgets

You may have noticed that all the widgets (or gadgets) you add to your blog, will be displayed on all pages by default. But it is really important to have control over the showcase of various widget in blog page because some widgets are actually meant for some specific pages. Hiding certain element inside your blog pages is not only a matter of design, but sometimes it is very much necessary. For example, 'Share Post' widget should be displayed in every pages except home page and static pages because it doesn't make much sense when 'Share Post' widget are displayed in home page of your blog. This tutorial will show you how to show/hide a widget in blogger. You can even control blogger official widgets like 'About Me', 'Labels', 'Popular posts' etc,. Now in order to do this, you have to enclose those widgets within a few codes. But before I show you the codes, I have to clarify few things about blogger.

Remove Attribution Widget from Blogger

The 'Attribution' widget is that widget in the footer that says 'Powered By Blogger'. Blogger's terms and conditions do not allow to remove this widget from the blog. Although presence of this widget is little bit of annoying. If you've ever tried to remove this widget, you may have noticed that this widget is locked into your blog i.e. if you go to 'Layout' panel, you'll find that you can't move (and hence can't remove) this widget. Even if you click 'Edit' on 'Attribution' widget, a new window appears which doesn't contain a 'Remove' button on it (displayed below).

Backup and Restore Blogger Template

Backing-up your 'Blogger' template is that essential thing every blogger should know and apply this before they are going to make any changes in their template irrespective of how good they are in coding. May be this is the boring thing to do, however you should make a decent habit of backing-up every time you make an attempt to change your template.'Export Blog' also does the same job in broadly way. With the 'Export Blog' you can completely backup your blog including blog posts and comments. But template backup is the best thing to do than export your blog because export blog may come handy in circumstances when you accidentally delete your blog or some blog post.