Stylish CSS3 Search Box for Blogger Blog/Website

Adding search box to your blogger blog/website will be a great help for your readers to search for anything in your blog in seconds. Today in this post I would like to help you to add fully customized CSS3 search box to your blog/website. If you wanna rid of the default blogger search box, you have-to add this stylish CSS3 search box. Lets see how to add it in to your blog/website.

Continue reading »

Pure CSS Code Box for HTML/JavaScript Coding

Many bloggers especially newbies don't know how to add HTML/JavaScript to their blogger blog post. There are many ways to show this codes in your blog post. I m using Syntax Highlighter, because it looks more professional than others. But here I wanna show you how to show your HTML/JavaScript code in a stylish CSS box with both hover image changing and shadow effects. Lets see how to do it.

Continue reading »

Create Multipurpose CSS3 Buttons with Icons

Buttons should be harmonious throughout a Web application, both visually and performance-wise. In this post, I proudly share a small collection of CSS3 buttons with icons. So it’ll help you to keep your website or blog with most advanced CSS or CSS3 widgets. As you see, this’s the original set of buttons, showing both a variety of purposes and styles in color. So follow the below steps that’ll walk you through all the steps in grander detail.

Continue reading »

Add CSS3 Google Plus Buttons to Your Blogger Blog

Social Bookmarking sites take very important role to drive traffic to your blog/website. Especially Facebook, Twitter and Google Plus. Today in this tutorial I would like to say how to add different colors of Google + buttons with hover effect to your blog/website. This will increase your followers in Google + profile. You can also use it in WordPress too.

Continue reading »

Add jQuery Page Loading Effect to Your Blogger Blog

Adding page loading effect to your blogger blog will reduce your readers get boring. Its main purpose is to tell your readers that "your content is loading, please be patient". Today let me explain you how to add a jQuery page loading effect to your blogger blog/website. This effect works with jQuery. I hope it can help your visitors to stay for  a while till it gets loading.

Continue reading »

Sliding Gallery Style Popular Posts Widget for Blogger

Many Bloggers provide many ways to customize your default Blogger’s Popular post widget with CSS. In my opinion, Popular posts widget has helped LabStrike’s readers to choose articles that’re most trending on my blog. Moreover, a customized Popular posts widget is more attention-grabbing than default Blogger Popular posts widget. So, here I welcome you rely with CSS Code snippet to add a Popular Posts widget with beautiful automatic sliding effect.

Continue reading »

Most Advanced Facebook Like Box for Blogger

Social networking sites especially Facebook, Twitter and Google+ drive a good amount of traffic to your blog. Here let me share about how to add most advanced Facebook Like Box below each blog posts. This box looks neat and professional with shadow effect. I believe this Facebook Like Box will help you to increase your referral traffic via Facebook. Lets see how to add this Facebook Like Box below your blog posts.

Continue reading »

Add Apple Like Retina Display for Blogger Blog

Each and every one know whats Retina Display when Apple released MacBook Pro with this feature. Today in this tutorial I would like to tell you about how to add Apple like retina display effect to your blogger blog by using simple jQuery and CSS. I hope it will definitely increase your Email subscribers. Its originally created by Tutorialzine and I just re-shared in my blog.

Continue reading »

Beautiful CSS Buttons With Small and Large in Size

CSS takes very important role in website/blog designing. I had shared two blogger tutorial about CSS button and both were different. In this post I wanna share about cool/stylish CSS buttons for your blogger blog. It comes with mouse hover effect and two in size, Small Buttons and Large Buttons with different color. So you can choose your favorite color and size. Simply follow the below tutorial to add it in your blog.

Continue reading »

Show YouTube Activity Feed on Your Blogspot Blog

Bloggers who also run a YouTube channel might find today’s featured gadget tutorial very useful. If you are getting a good traffic on your blog, its a tricky method to get more visitors on your YouTube channel too by adding this feed on your blog. Also the readers can find your YouTube activities within your blog itself. You can add it any where and its easy to add on your blogspot blog. So read the following.

Continue reading »

CSS3 Social Subscription Buttons with Sliding Effect

Would you like to add different type of social subscription widget to your blog or website? Here let me wanna share social subscription buttons with sliding effect. It’s made with pure CSS3 without using even a single image. In these buttons you’ll be able to use “Google+ with +1, twitter, Facebook & Email Me” subscriptions. Each button has their own professional color with awesome sliding effect. So here’s the tutorial that’ll walk you through all the steps in greater detail.

Continue reading »

Hover Style CSS Buttons for Your Blogger Blog

On previous days I had shared about a post about adding beautiful CSS buttons to your blogspot blog. But at this time we are sharing another cool CSS button set. It includes cool hover style as well as stylish shadow effect which will attract your blog readers. Whats more it looks more professional. Now lets go to the the tutorial and see how to add and use them. 

Continue reading »

Add Rotating Effect for Images in Blogger Using CSS

In my blog I had shared many tricks using CSS. Today I wanna share a different trick by using CSS code snippet. Before that let me ask you one question. Do you wanna your image be different from other bloggers. Then you can add a rotating effect to your images using CSS. What you have to do is just copy the below code and paste it in your HTML.

Continue reading »

CSS Box with Hover and Active Text Effects for Blogger

Before we begin this post let me tell you one thing about this CSS text box. It's a box which you can use for highlight your text message, important notes and HTML/JavaScript or CSS code snippets etc. The box has hover and active text effects which means in normal mode it stands white in color, in hover mode it turns blue in color and finally in active mode it becomes green. You can see the installation guide below. So try it out in your blog.

Continue reading »

Google Style Top Fixed Menu Bar Created in CSS and jQuery

wanna add Google style top fixed menu bar to your blogger blog? Introducing Google style top fixed menu bar looks to integrate Google Plus with all other Google products. I believe it would be a great idea to make a tutorial on how to create this black menu bar using both simple jQuery and CSS. The style of the elements of this menu seems exactly to those found on Google web page. Lets see how to do it.

Continue reading »

How to Add Google Sitemap to Your Blogspot Blog

The XML Sitemap file is like a directory of all web pages that exist on your website or blog. Search engines like Google and Bing can use these sitemap files to discover pages on your site that the search bots may have otherwise missed during regular crawling. Its a Digital Inspiration project written by Amit Agarwal. You can read its benefits and other stunning features below.

Continue reading »

CSS3 Customized Labels for Your Blogspot Blog

On the previous days I had shared a post about how to remove labels from your Blogger blog. But today, in this article I would like to share how to add CSS3 customized labels yo your Blogger blog. You can apply this CSS3 style to your blog by adding a simple CSS code to your blogger template. Now lets take a tour to how to do this task in real.

Continue reading »

Advertise Here Banner for Blogger Using CSS3

some Blogger beginners don't know about how to make money online. Also Google Adsense never give ads for blogs which is not old more than 6 months. So its not easy. Then how to make money online with your blog? Advertise here banners is a great way to make money from your blog and you can add a stylish CSS3 Ads Here banner with hover effect to your blog.

Continue reading »

Beautiful Numbered Page Navigation for Blogger

You may get thousands of numbered page navigation widget for your blogger blog in Google search. But this is totally different because of its look and professionalism. This widget works in both pure CSS and JavaScript. I hope it will attract your visitors to explore your blog and view page per page and make your blog more professional and beautiful. Now lets get into the tutorial

Continue reading »

Twitter Style Hover Button Recreated in Pure CSS

I have shared many blogger widgets related to CSS and CSS3. Few days ago I had shared Google+ style buttons for your blog/website. Today let me share Twitter style CSS buttons with hover effect. I really like this buttons because of its neatness and professionalism. Even you can use this button as a message box. Let's see how it could be made on your blog Post.

Continue reading »