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.

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.

Stylish and Beautiful Search Boxes for Blogger

It is necessary to add search box in our blog so that blog visitors can search any post in our blog`s archive with less effort. If your blog contains thousands of posts then it is very difficult for a blog 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.

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.