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.

How to Display Author Profile Picture in Google Search Results?

Google webmaster team has introduced an easy way of displaying your Google+ profile picture next to the links of your website or blog or any content that you generate. You might have seen profile pictures or image thumbnails of Google developers appearing on search results page. Previously only reserved users had this option but now thanks to the generosity of Google+ social network, even you can display your profile picture next to all your articles or webpages that you own. This will be a proof that you are the sole author and owner of that site or blog. The author information will be shared globally on Google results and your visitors can see your image and author information link next to your article. This is a great way to attract visitors and increase website traffic. Lets learn how to do it!

Create Image Gallery with Control Option for Blogger

I never thought we could have a light, fast loading, cute and yet extremely controllable Image Gallery or slideshow with play and pause options. Using Jquery, JavaScript and my beloved CSS and HTML and thanks to dynamic drive we were able to create a blogger compatible widget that will display your featured posts, photos, pictures etc. in a beautiful way. Again I tried my level best to make it a one step installation. So you just need to copy and paste the code inside a blogger widget to let things work. Kindly view the demo on this blog towards the bottom right sidebar.Installing Image Gallery in Blogger.

The right business decisions - PSD Source File

The right business decisions

3 PSD | 66,7 mb

Adding a Contact Us Form Widget for Blogger

Contact Us form is always prove it self important for any publisher.Its an important way to communicate with your visitors in a convenient manner.Not only it will help you to improve your services it could also make your community more reliable as user will able to communicate with you live with out any barrier.But Blogger does not provide this service you have to work a bit to make it working for you.In Blogger users can communicate with comments but they cannot send you a private message so its better to have a contact us form to make personal stuff private.So today we will learn How to add a contact us form in blogger before we start adding it lets look at its features.

Beautiful Floating Social Network Tabs for Blogger

Foating share buttons are much more popular in blogging world for sharing our blog contents in our favorite social sharing site. Mostly we are giving in this tutorial an awesome design social share with css effects and also like Wordpress you can control the widget to placing in right side, left side, top or bottom that your choice. Before in floating social buttons we can place only left or right but i have design the social bar to controlling in your choice. For using and sharing this buttons you can feel much more happy and also i have added many social buttons but if you are not interested to adding more buttons then also you can remove it in your choice. This is also reducing your widget space because in this gadget you can directly add social boxes for easy sharing.

Why Description Meta Tags not Showing in Custom Templates?

Meta Tags for Homepage, posts and pages wont display in custom templates if you view the browser source file for your blog. This is because custom templates are coded by third party designers and therefore we would manually need to insert the necessary code to make this feature of latest search preferences work in your customized blogs. The method is really easy. We would delete any existing Meta Tag for description inside your templates and would replace it with a dynamic code that will act as a meta tag both for homepage and as well as for individual posts and pages.

New Google Plus Add to Circle Button for Blogger

Google+ recently released Google Pages, which is a lot similar to Facebook Pages. Just like Facebook Pages, Google pages can be used to popularize your blog/website or brand and to reach out to a vast amount of audience.Google Plus is just an another biggest social network like Facebook as we all know. But when it comes to matter of Google products, they are always treated official and google products catch the citizens eyes in such a speed that no one will say that, He doesn't know about the new product launched by google yesterday!!!. now its time for bloggers to make their blog official by adding the recently launched Google Plus's "Add To Circle" button on your blogger blog. So lets start with this tutorial and i am here to help you on the same.

Add Facebook Like and Twitter Follow Button in Blogger

This tutorial will show you How To Add Facebook Like and Twitter Follow Button Below Post In Blogger. This widget will help you in increasing your blog's facebook likes and twitter tweets and this is what your blog's need. The visitors can comment on what they liked just under the button. Lets add this beautiful plugin to blogger.

Adding Meta Tag Description and Keyword to Blogger

Blogger is one of the most used platform in 21st century but on the other hand it have some problems most of the blogger template are not well optimized for Search Engine Optimization,you have to work hard to improve your title tags in blogger.Usually Blogger template is not well optimized with keywords and meta tags which does not play important role any more but to make a website look good you have to optimized it well.so today i will show you how you can add Meta tag Description and Meta tag keywords in your blogger template follow the steps as shown bellow.

Add Twitter Fan Box in Blogger

I just came across a great twitter unofficial application that allows your visitors to follow you via twitter without leaving your site. It works like and is closely based on Facebook fan/Like box . The code for this Fan box is created by Mark carey . You can use this twitter fan following box to increase your twitter followers tremendously. Other twitter users can also see which of their friends is already following your blog or website so it gives a more social blend to your blog and helps in bringing more traffic from twitter. Follow the steps below to add this easy to use Fan box to your Blogger Blogs.

Mashable Sharing Widget for Blogger

Social sharing widgets are very important for increasing your blog/site ranking. Your blog visitors are much important for you and you don,t have to leave your visitors without any facility. You have to encourage your visitors by giving them many type of important things. Mashable style social sharing widget is a very important to save your visitors on your blog. It has many social sharing sites like Facebook & twitter. It also has a beautiful subscription box and a google plus recommend button. After adding this widget to your blog, you will see that your blog is much comprehensive for your visitors and also for you.

Add Floating Facebook Like Box Widget for Blogger

I have recently tested out another great looking social media widget for Facebook Slide out Like box widget and have indeed shoot up our subscription rate fast. Equipping your blog with social media has been one of the most important audience building strategies and surely it works wonders. The more fans we would gather, the more long term traffic source we could achieve.

And that what we all aim for and not just waiting for search engines to determine out future with algorithms updates. So lets see how can we add this amazing widget to our blogger blogs.