Add Go to Top Button with CSS for Blogger / Blogspot

Add Go to Top Button with CSS for Blogger / Blogspot

Add “Go to Top Button” with CSS . It is a Shortcut to come to top when you are at Bottom of page...

 

Add Go to Top Button With Jquery for Blogger / Blogspot

Add Go to Top Button with Jquery for Blogger/Blogspot

Add “Go to Top Button” with Jquery. It is a Shortcut to come to top when you are at Bottom of Page...

How to Add Rainbow Color Effect For Your Links In Hover For Blogger / Blogspot

How to Add Rainbow Color Effect For Your Links In Hover For Blogger / Blogspot

Hi Friends! Rainbow color effect will give random colors to your link on hover. This widget works based on simple JavaScript. Once it’s applied, all links on the page exhibit a rainbow effect OnMouseOver...

Add Static Facebook Pop Out Like Box with Smooth Jquery Hover Effect

Static Facebook Pop Out Like Box with Smooth Jquery Hover Effect for blogger, this is another cool widget just like a Static Twitter Follow me Badge, but here i added like box with simple Jquery hover Effect. You See a static facebook badge at right of your Page and when mouse over the badge with like box is visible by Sliding to Left...

How To Add Animated Flying Twitter Bird Widget For Blogger / Blogspot

How To Add Animated Flying Twitter Bird Widget For Blogger / Blogspot

Animated Flying Twitter Bird Widget For Blogger. The bird flying animated effect by JavaScript Hack and when you scroll the page Up or Down, twitter bird will come in front of your page. The bird found itself as the “Follow me” link on the Twitter account. If you move the mouse pointer over the bird, a “Follow me” button and a “Tweet this” button displayed. Based on Tweet this link I am divided this widget into Two types...

Add Recommended Post Slide Out Blogger Widget

Add recommended post slide out widget for blogger 
Make the visitors to be look at the other posts as the recommended by you ,by adding the scroll down of sidebar open a popup recommended post sliding at the footer with minimize button.So follow below tutorials to add a recommended post slide out widget for blogger...

How To Add Pinterest Follow Buttons to Blogger Blogs

How To Add Pinterest Follow Buttons to Blogger Blogs
Pinterest is an online collection of your favorite images and photos in one convenient location. Previously I showed you guys "How to add Pinterest Pin It button to blogger", in this tutorial I'm gonna show you how to add the Pinterest Follow button to Blogger blogs. Pinterest Follow button, when clicked, would lead your readers to your Pinterest Profile page, where all your boards would be displayed. From there, they can follow all of your boards or each board individually (depending on what they want). Now lets show you how to add the Pinterest Follow Buttons...

Add CSS Based Social Bookmarking Widget To Blogger Blogs & Websites

This widget uses a total of 20 Icons but believe it or not it is super-fast and loads with in seconds. I merged all 20 Icons into one big image and used CSS Image stripes technique to make the icons appear at right positions. Fortunately this saves a lot of load time, because the browser will load all images at once and doesn’t need to contact the image server several times for uploading the images.

Social Bookmarking Widget For Blogger – Bookmark and Share Homepages!

With the release of Cute Box blogger Template I also released some useful blogger widgets which includes a Bookmarking Widget For your blog’s homepage. This widget helps readers to bookmark your blog’s homepage on their favourite bookmarking services like Google bookmark, Stumbleupon, Delicious, Digg etc. It contains icons from  our Circular Style Social Media Icon Set. This is how this widget looks like,

Facebook Social Bookmarking Widget

I hope most of you have downloaded the free Social Media Buttons which are designed just how Facebook Buttons are designed. In today's tutorial we will learn how you can add those buttons to your blogger blogs. The steps are similar to the earlier Social Bookmarking Widget that we shared...

Add the Google +1 Button to Your Blogger Blogs

Google released recently there +1 Button that will show publicly what you like, agree with, or recommend on the web. When you +1 an article or tutorial, your name will appear under that article when that article appears in search results. You can also find out what articles your friends read and liked. This according to Google is aimed to make Google Search results more relevant and useful. For Bloggers like you, I am sure this is another great tool to increase the PR, relevancy and importance of your blog. According to me, the more +1'd this you receive the chances for your blog's PR to improve will increase also because the PageRank algorithm is linked to all activities that takes place in your blog. The video below will demonstrate better,

Adding Floating Social share Counters to Blogger

 

Finally the Sliding Counters! Till now we learned and created many Floating social share buttons but those button widgets in fact do not slide when the user scrolls the page up or down. The only thing I needed was a well constructed JavaScript code that could make the widget to float up and down synchronously with the webpage movement. We finally managed to bloggerize the floating effect and this widget is all ready to be added to your beautiful blogger blogs...

Add Floating Facebook Like and Retweet Counters To Your Websites

Since it is weekend so I thought lets  play with some CSS again. Facebook Like Button and retweet counter by tweetmeme are the two most widely used social media widgets without which you can’t call a blog a blog. Both these buttons along with Stumble Upon bookmarking button can let your readers circulate/share your tutorials and articles with their interested collegues and friends connected to them via these social networks. With a little HTML spiced with CSS we succeeded in creating a floating widget that will include these three buttons and will stay fixed at the middle lift side of your websites. The widget settings can surely be changed to align it to the right, bottom or left if you wish. You can also add more buttons to it if you wish like DIGG for instance...