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!

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.

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.

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.

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.

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.

Heading Tag with Drop Shadow and Mouse Hover

Blogger blogs has the free option of editing the style sheet. Fortunately you can play around the codes to give your blog any look you want.Today we would learn how to create a custom headline that will change colour on mouse hover. We will use CSS3 effects to produce a drop shadow effect along with mouse hover effect. This will give your headlines a neon look. So lets do it!

Expand/Collapse Blogger Comment Box

Blogger comment form is the only section in blogspot blogs that still irritates users a lot.The tutorial today will help you to create a beautiful expandable and collapsible huge button that will display comment form by sliding down smoothly when triggered and hide it when clicked again. We will be using simple jquery functions to enable a button to show/hide all div sections that hold the comments box.

Stylish Animated Live Demo and Download Buttons

This post is for all readers and visitors who look out for stylish demo and download buttons for their blogs.Many people owns blogs that provides free templates and other useful tutorials and there are many sites providing free downloads.Providing demo and download link is very essential in those sites.If those links are manipulated with cool CSS style it will be more effective.This article provides simple methods to create cool and stylish demo and download buttons for blogger blogs.Make your demo and download links more attractive and interesting by adding following codes.

Animated Flying Twitter Bird for Bloggers

We sometimes visit blogs and see animated flying cute twitter bird. That looks very amazing indeed. One of my visitors requested me how to add an animated flying twitter bird in blogger. Well, you can easily add flying twitter bird in both blogger and WordPress. But the procedure is different in two section.

Facebook Like Box JQuery Popup with Timer

A time counter and instead of likebox it displays a like button that links to your Fan Page and an attractive Image that also links to your fan page letting your visitors to either join your fan page by clicking the like button or by simply visiting your fan page by clicking the image. You can set for how long the widget/plugin must display before disappearing automatically. It also includes a close option. You can also specify whether you want it to show immediately as soon as a visitor enters your site or after a specified time. The JavaScript code for this plugin is created by kakiheboh termed as "Like Box FB Fanpage Pro" and we simply modified the code to create four different backgrounds for the like box. The installation is extremely easy just follow these steps. This one comparatively loads faster compared to the previous facebook blogger widgets we published so far.

"Touch Me" Sharing Widget for Blogger

The rapid advancement and development of Social Media and growing interest of people in social networking sites has given birth to dozens of social sharing tools and services. Web masters are getting addicted to these tools because unlike organic traffic from search engines, web traffic from social channels have overtaken search traffic. From your website quality content till your blog design, every single bit counts in turning a visitor into a follower. To help you with your dream of increasing fans and readers we bring you "Touch Me". Its named such due to its appealing look that forces a visitor to roll hover the cursor over the icons and hit follow! :) This gadget is neatly structured using buttons from popular services like Google Plus, Facebook, Twitter and RSS. We have coded it neatly using basic HTML and some spicy CSS styles.