Post View Counter for Blog and Website

Ever wonder how many people visit your website? If you are an administrator of a site then i am sure you are. Now seriously if you are looking for a post view counter or tracker, then you have definitely come to the right place. Post view counter or tracker is such 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 have found a website, Firebase that also does the same job.

Download Counter Plugin for Blogs and Websites

If you are an administrator of a site that contains downloadable resources, then i am sure that you are 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 if you are new in webpage design, then it might be a problem for you to create such a plugin, because to create this you have to know php, database, javascript etc. However i have found a website, Firebase that also does the same job.

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.

Customize Popular Post Widget with CSS3

'Recent Posts' or 'Popular Posts' widget which displays your popular blog posts (obviously based upon some analytic statistics) along with image, title and description (obviously these are optional) is undoubtedly very essential widget (or gadget) for blog. I have written quite a few posts about customization of this widget. This post is also one of those. Here some CSS3 properties like transition, transform, back-face 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 java-script or jQurey is that it requires less time for loading of the page. Also css properties are very easy to understand as well as to implement. Hope you will enjoy it.

Customize Popular Post Widget with CSS3

'Recent Posts' widget or 'Popular Posts' widget is very essential widget (or gadget) for blog. It displays your popular blog posts (obviously 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 have written quite a 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 java-script or jQurey is that it requires less time for loading of the page. Also css properties are very easy to understand as well as to implement. Hope you will like it.

Horizontal Popular Post Widget using CSS for Blogger

'Recent Posts' widget or 'Popular Posts' widget is very essential widget (or gadget) for blogger blog. This widget displays your blog popular posts based upon some analytic result along with snippet, images etc which are also optional. By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. I have written quite a few posts about customization of this widget. This post is also one of those customization but a little different. Here i shall show you how to display popular posts or recent posts in horizontal manner instead of vertical. The main and only problem is that 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 blog to display posts horizontally.

Lightbox for Blogger

Lightbox is a simple, unobtrusive script used to overlay images on top of the current page. Clicking on an image in a blog post will brings up the image in a larger overlay on top of your blog. It's a snap to setup and works on all modern browsers. All blog images regardless of whether directly uploaded from your computer or linked to from another source will display in this lightbox view. If there are multiple images in the blog post, then all of those images will be available to browse through lightbox if they are programmed to do so when the lightbox view is opened. By default blogger provides this facility. But if somehow your blogger blog failed to display images via lightbox, then try this method. Besides if you want to customize your lightbox view, you can also go for this method.

Show and Hide Blogger Widgets (Including Official Widgets)

You may have noticed that all the widgets (gadgets) you add to your blog, will be displayed on all the pages by default. But it is really important to control various widget display in blog page because some widgets are actually meant for some specific pages. For example, 'share widget' should be displayed in every pages except home page and static pages. It does not make any sense when 'share widgets' are displayed in home page of your blog. Also hiding certain elements inside your blog pages is not only a matter of design, but sometimes it is also a requirement. Now in order to do this, you have to enclose those widgets within a few codes. Don't panic. It is very simple.

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.

Customize Popular Post Widget with jQuery

'Recent Posts' widget or 'Popular Posts' widget is very essential widget for blog. I think it is known to everyone that why it is important, because it gives latest post information of your blog to your blog readers. So you should look after this widget very carefully. By default blogger provides some styles for this widget but somehow these are obsolete, unprofessional and not animated. I have written few posts about customization of this widget. You can find those out in my blog. Some of those are using css only and rests are using css and jquery. Advantage of css is it requires less time for page loading, but main drawback is it is not supported in every browser and it is animation free. This post is the customization of popular posts using both jQuery and CSS. Hope you will enjoy it.

Customize Popular Post Widget with CSS

As you guys all know that 'Recent Posts' widget or 'Popular Posts' widget is very essential widget (or gadget) for both personal and professional blogs. This widget gives your latest post information to your blog readers. So you should look after this widget very carefully. Also if you provide some style with this widget, your reader will be overwhelmed. By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. You are actually recommended to go through those styles for the first time.

Customize Popular Posts Widgets with jQuery for Blogger

'Popular posts' widget (or gadget) or 'Recent post' widget is an essential widget for a blog. This gives your blog not only an organized view but also readers of your blog come to know about various posts of your blog while they are actually viewing one page or post. So special care should be taken for this widget. By default blogger provides some styles for this this widget. However if you are not satisfied with that and looking for something new and animated, you can go through this post. In this post several 'Popular post' styles are featured according to their impressive design and attractiveness with the help of jquery, responsible for animation effect. Give your blog a fresh new look by selecting one of these styles.

Replace 'Popular Posts' Title (Header) with an Image

It is need not to say that 'Popular Post' or 'Recent Post' widget is undoubtedly very essential widget for any kind of blog. Your blog readers come to know about your latest post information while they are actually surfing another post. This is also some kind of statictics for blog posts. So a professional blogger should look after this widget very carefully. I have already written quite a few posts about customization of 'Popular Posts' widget using css alone and css with jquery or javascript. However this post is not of them. Rather it is actually how to replace 'Popular Post' title or header with an image. If you don't understand what i actually meant by replacing 'Popular Post' title with an image, see these two images shown below.

Customize Popular Posts Widgets with CSS for Blogger

'Recent Posts' widget or 'Popular Posts' widget is very essential widget for blog. By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. For better looking of your blog, you have to cook this widget with some professional styles. You will find a lot of styles in internet throughout the globe. Here also I have a small but great collection in different styles of 'Popular posts' widget using CSS. CSS or Cascading Style Sheet is a simple mechanism for adding styles to web documents and most important, unlike JavaScript or jQuery, it is very easy to understand. Although main problem with CSS is that some of its property is not suitable for some browser, like Internet Explorer. Good news is that around 80% of people who surfs internet daily avoids Internet Explorer. So don’t worry. Just continue blogging.

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 have 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 of blog, you will find that you can't move (and hence remove) this widget. Even if you click 'Edit' on 'Attribution' widget, a new window will appear which doesn't contain a 'Remove' button on it (displayed below).

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.

'Back to Top' (and 'Go To Bottom')

If you are a professional blogger or if you wants to be a professional blogger, you should look after the decoration of your blog carefully so that the visitors can navigate easily throughout the blog. Back to top (and go to bottom) is that why very essential element for blog decoration. You can find this feature in almost every blog and website. This tutorial is all about how to insert a stylish and simple 'back to top' and 'go to bottom' buttons in your blogger blog (and websites obviously). Codes that are used here are very simple. I wish this simple and little trick works for all of 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.

Backup and Restore Blog Template

Today i will show you how to 'Backup' your Blog and also how to 'Restore' your Blog from that backup file that you have already made. This is however very important in case you want to customize your blog.
Why should i backup my blog ?
Because if you run into any kind of problems with your template edits, you can simply revert your template back to its previous condition by restoring it from your backup. That's why backup is very important.