Many people think that Blogger lacks in all of the extra goodies you can add to other platforms like WordPress, but it simply isn't true. By using widgets you can customize your blog as much as you like by just adding little snippets of code to the sidebars.

Today I'm publish a Professional Social Sidebar Widget for Blogger. It's very attractive and beautiful social widget. This social connect widget position at sidebar and include slide out connect social options.Let's see the demo and check out tutorial :

Today I'm sharing a New Social sharing Widget in WP Style. Many request comes from my blog readers for this type of widget. In this widget use four popular social network sharing codes (facebook , twitter , google+ and linkedin) and use slide-in and slide-out css code for social buttons. Lets check out this image preview and see my blog post below.

  Most of people facing problem with previous facebook pop up like box widget so I'm gonna post to "New Mini Facebook Pop Up Light Like Box Widget for Blogger ".It's very fast loading and light widget box. This widget Box easily customise and use into blogger blog.

Ever since JavaScript has came into existence, a wide population of web developers

This rules triggers when PageSpeed Insights detects that the size of one of your resources could be reduced through minification.

Responsive Awesome Style Social Share widget

Learn - ' How to Design Tool Tip Option using CSS3 for Demo & Download Link '.

TOOLTIP OPTION

Customise your youtube video in blogger post and use custom thumbnail for your youtube video.

Youtube Video

Today, We want to share an updated New Popup Facebook Like box for blogger , tumblr and wordpress blog.This widget designed like Facebook Page Promoter Lightbox. It's looks awesome and surely to increase your facebook page likes.

Facebook Page Popup Like Box

Sticky Notification bar awesome feature for your own blog and get more traffic. This Notification bar based on Pure CSS coding. It's very easy to add your own blog and your website.

Pure CSS Sticky Notification Bar

Today, We will provide you an awesome Author Box widget for blogger. This widget converted from Wordpress to Blogger.

Fanciest Author Box

Today , I'm discuss about social media color codes and how to use in your blog/website.It will be also help in social media designing projects.

Social Color Codes

How to manually customise google cse results in your website?

Google custom search engine is very powerful tool for your blog or website. it's like google search engine and use for your website search or only for particular page. I've been using google custom search engine about one year.

If you're using Google Custom Search already in your blog or website,  you can customise your google search results with using of custom css code and change your google search layout.

New Light Box Social Sharing widget for Blogger based on Pure CSS Code.

Social Sharing Widget

Add Simple , Stylish and Responsive Social Bookmarking widget for Blogger & Wordpress Blog based Website.

Social Bookmarking Widget

Improve traffic to your site by encouraging readers to leave comments on your blog. And what better way to motivate them to comment than to have their names displayed on your blog. Top Commentators widget will display the list of people who commented the most. Each name is linked to the commentator’s Blogger profile or web site.

Top Commentators Blogger Widget

Sobtware is a free css and javascript template for those who want to create there website for a software downloading purpose.

Click To Preview

Name : Sobtware Website Template
Version: 2.0.1
Creator: Bhaskar Saini Aludiya
Description: A Free responsive software website template.
Publisher : www.digitalhubinc.com/
Release date : November 2013

Download Now Demo

Today , I'm gonna to post Top new inspirational Web Design for Newbie and Professional Web Designers. It's totally free resources for download and use any where. Many people are looking for new , attractive and inspirational web design for your new projects. it's gives new direction to your work and ideas so hopefully you like that web designs.

Must See this Article Also :

1. Top 20 New Free Premium Fonts for Photoshop 2013
2. New way to write css & HTML Faster Code with Emmet
3. Social Sharing Widget for Blogger in WP Style
4. Beautiful Top 10 Movie Website Design Demonstration
5. How to Render Video to use of Adobe Photoshop CS6

A COLLECTION OF SEPARATOR STYLES

A collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques, including styling pseudo-elements, using gradients and inserting SVG graphics with responsiveness in mind.

View Demo  Download Source

As a web developer, We have always been searching and using for a advanced development tool to increase our workflow , performance and productivity. So today's article is fully dedicated for our webdelopers Who frequently work with html and css, as we are going to take at a tool that allows us to write and customise these two essentialweb langauges faster with - Emmet.

Emmet is the extending development of ZenCoding, which is written purely with JavaScript. While in this demonstration I’m going to use Sublime Text, Emmet is also available for many code editors including TextMate, Coda, Eclipse, Notepad++, and Adobe DreamWeaver.

Today, I'm share New Exclusive Previous / Next Navigation Button for WordPress Blog. Previously  I was already post on this topic for blogger - New cool Left-Right Sliding Arrow Floating Next - Prev Button For Blogger. So let's check out and enjoy this article -

Live Demo

How to Add Previous / Next Navigation Button 

Open your WordPress theme’s style.css  file and paste below code:

.arrowLeft a {
position: fixed;
z-index: 100;
left: -5px;
top: 45%;
padding: 15px 10px;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
.arrowLeft a:hover {
left: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
color: #fff;
}
.arrowRight a {
position: fixed;
z-index: 100;
right: -5px;
top: 45%;
padding: 15px 10px;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
}
.arrowRight a:hover {
right: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
color: #fff;
}
.arrowNav a {
background: #225773;
color: #fff;
text-decoration: none;
font-size: 16px;
}

Open Single.php  file and put below code at the end of post:

<div class="arrowNav">
<div class="arrowLeft">
<?php previous_post('%','←', 'no'); ?>
</div>
<div class="arrowRight">
<?php next_post('%','→', 'no'); ?>
</div>
</div>

After this clean your cache and you should be able to see navigation arrows on single post page. 



We hope all of you enjoy this post and share it. Please drop your valuable comment.

See more tutorials on: 

1. New cool Left-Right Sliding Arrow Floating Next - Prev Button For Blogger
2. Optimize your Blog Performance to use of Auto Read More Script : Blogger - New !!
3. Professional Breadcrumbs Navigation Widget For Blogger/blogspot
4. Professional Footer Quote Author Box Widget 2.0 For Blogger