HOW TO CREATE CUSTOM WEBKIT SCROLLBAR IN BLOGGER

Do you want to enhance the Scroll bar of your website? Scroll bar appears at the right side of the screen and, it allows users to scroll down the page whenever they drag there mouse up or down the page. To provide a user-friendly experience to your visitors, it is essential to have a Smooth Scroll bar. However, there is no doubt that Custom Scroll bar does the job quite handsomely, but it is not perfect. Few days ago, our reader informed us about the colorful Webkit Scrollbars that he has seen on different websites. Furthermore, he also requested us to develop a similar one. Therefore, in this article we will learn How to Create Customize Webkit Scrollbar in Blogger BlogSpot Blog?There is no lethal reason why a person could say a no to Customized Scrollbar because it adds a new elegant life to his website. Consider that a person has a highly professional website but since, the Scrollbar is from old-school, so it is quite clear that, it will destroy the complete outlook of a website.

Colorful css hover effect to 125x125 Advertisements

I just want to share on how to make 125x125 ads spot with colorful background with hover effects. This widget can attract Advertisers, and it is made up of CSS and HTML. You can customize and control this by changing the CSS and HTML according to your need. I recommend you to place this 125x125 ads in the top sidebar of your blog or website.Basically its all about drawing readers attention. While reading this particular posts too, you might have noticed the AdSpots in the header and sidebar. The CSS3 stylization makes the reader click the ads more than the usual styling.Thus the more clicks your ads gets, the more chances are for you that your Ads get renewed next month too by the advertisers (if they are satisfied with the results).This is the very purpose of providing this CSS3 leaf effect code, that was asked by many readers too.

Add "Reply" Button to Blogger Comments

Providing your readers with easy navigation and fun-to-use tools should always be your first priority. Whether it may be a video blog like YouTube or it may be any forums, all these great sites have a reply link attached to each comment posted on the site. Fortunately we can even add this extremely useful Reply Link to our blogger blogs to make it even more better. On clicking the reply link or reply button, an anchor link to that comment post is pasted in blogger comment pop-up form. That link will show who has been responded or replied. I am sure you would love to add it to your blogs too. So let's do it!

Add Bubble Comments Count in Blogger Post Title

Add bubble comments count near your each of you post title can make make your blog more attractive to your visitors. If you are a new blogger in blogging era and want to design your own customize template or modify the existing one, this tutorial is for you. so let's go ahead and add a small bubble comment count in front of your blogger post area.This tutorial will add comments bubble icons to each of your post titles displaying the total count of the comments for that post. You have to add a simple code in your blog Template code, you will be able to see this beautiful in your blog.

Attractive Jquery Nivo Slider for Blogger

There are several image sliders out there on web. The latest Jquery Nivo slider is the most inspired among several other image sliders. Jquery prompting the users to use advanced technologies on web. Now Jquery have again grabbed the users attention by its new image slider which looks highly complicated.let us go with the tutorial on implementing Jquery Nivo slider on Blogger.

Create a Custom Google Search Engine for Blogger

When it comes to crawling the internet or a website nothing can surely beat Google's searching technique. Blogger Templates that are found in various designs and colours often have custom search boxes in it, which I am sure you might have observed are incapable of displaying the relevant results. These search boxes by default are limited to their ability of searching each and every word of your blog. The best solution is to use Google Custom Search Engines (CSE) that are extremely efficient in digging out the most important data from your blog and displays it to the visitor. This increases the number of page views and page impressions of your blog because the reader is kept engaged in reading more and more.Further you can easily integrate your Google AdSense Ads to your Google Custom Search box, which again increases your blog revenue for every click made on the search results.So lets create and install a beautiful Google Search box for your blog.

Css3 Fixed Position Vertical Side Menu for Blogger

So many sites we visit now have a navigation menu fixed to the side of the page for easy access to important pages.In this post i have a very stylish and colorful menu you can fix to the side of the page on your Blogger blog.The menu will stay in place even when the reader scrolls down yet doesn't interfere with the content.The menu has 5 icons that on hover scroll out to reveal their purpose, so for example the home icon on hover scrolls out the word 'Home'.The 5 icons are for Home, About, Services, Portfolio and Contact Us.While you cant change the icons, you can change the text for each icon for example the portfolio icon could be changed to archive.

Add 3D Social Icons With Rotate Spin Effect for Blogger

This week we gave away a freebie set of 3D Social Icons with names, the social icons set was very popular with almost 500 downloads in 3 days ! At the time of writing I am using these Icons here on Spice Up Your Blog.I have the icons in the sidebar linked to our Social Profiles and Feeds, however I have added a few effects to the icons.The main effect and I have received a lot of comments and Emails on this is CSS rotate.With the Css rotate when you place your cursor over each icon they spin 360 degrees, they then spin back 360 when the cursor is removed (Cool eh).I also have a slight opacity hover effect on the icons.So in this post I will show you how to add the icons to your blog, linked to your social profiles and feeds.