Latest News

Sunday, 29 June 2014

Web Development Tutorial for Beginners

How to build webpages with html, css, javascript tutorial for beginners.
In this video, we'll cover how to develop websites using just the computer you have already.
I'm using Sublime Text editor and Google Chrome

Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page.

Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features.

Most Commented Posts Widget for Blogger with Comment bubbles!

Most of you requested how we created the Most commented widget that shows the list of Top10 most popular posts sorted by comment bubbles. You can see this widget on our sidebar under the heading "Most Discussed". What we did here was using existing script from Yahoo! Pipes that uses json to parse and display each post with highest number of comments posted on it. Using CSS3 pseudo properties, we then styled the comment count with comment bubbles. This widget is simply a copy-paste tool that can be installed within seconds. Lets add this dynamic and fast loading widget to your blogger blogs!

Add Most Commented Widget to Blogger

  1. Go to Blogger > Layout
  2. Click "Add a Gadget"
  3. Choose HTML/JavaScript widget
  4. Paste the Following code inside it:

Floating Bar For Pinterest & Other Sharing Buttons

This is one of the few social sharing widgets that took a lot of my time in designing it. You have seen the trend of floating sharing count buttons on popular blogs. The traditional icons are now replaced with auto incremented counter buttons that are updated in seconds.  We created different versions of this bar applying both Jquery effects and CSS3 styles but this widget is different because it contains custom twitter, pinterest and an Email button. Services like Addthis and Sharethis are both doing a great job but they still need to work on some of their plugin integration conflicts. Pinterest pin it buttons are causing great trouble and it badly fails in fetching the correct thumbnail image. In most cases it does not even select a image thus making the entire pinning concept tasteless. We however redesigned the widget provided by shareThis to create a new one by correcting all flaws. This sharing bar would float  to the left of your blog posts and would float as the visitor scrolls up or down. This widget contains counters of important social networking sites that has the potential to bring you traffic by circulating your content to a wider audience. We have tested the widget on major browsers like IE7+, Firefox, Chrome etc. and found it working just fine with no compatibility issues or design conflicts.
Developers and bloggers are requested to link back to this post if in case they wish to share our code with their readers. Lets get to work now!

Which Social Networking Buttons To Use?

Your first priority should always be Facebook, Google+, Twitter, Linkedin and Now Pinterest. All these sharing counters play well in circulating your content over a wide range of visitors. Social Media is a non-stoppable engine, which if driven correctly and carefully can bring tons of valuable traffic each visitor worth a dollar. Since displaying too many count boxes could surely effect your blog load time therefore we have added a AddThis share button which provides visitors with over 330+ social sharing options all at one place.

Why not use JQuery?

Ignore JavaScript and its library which is Jquery as much as possible. Browsers like Internet Explorer still lacks support to all functionalities offered by jquery. Moreover JavaScript is responsible for a great percentage of your overall blog load time. We therefore did not add a smooth sliding effect to this plugin as we previously did to Jquery Sliding share widget
To learn more about blog load time optimization Please read:

How it works?

We have integrated both Addthis and ShareThis service in it. In order to customize the twitter button and others we took the Sharethis default code and customize it to change the button image, bubble size and count text. The widget that we initially developed looks extremely attractive compared to this one. You can see the first designed draft version in the screenshot below: 
You can observe that both Twitter, Google Plus, Pinterest and Stumbleupon are displayed with custom shapes, same sizes and different count colors. I spent a lot of time trying to make all buttons of the same size by using a common image linked by a sprite but the only problem with this plugin is that the counts wont show the official numbers registered at Twitter, Google and pinterest servers but they will show increments registered at ShareThis. If you add this sharing bar to your blog, you will see zero on all counters unless someone clicks them and circulates your content.
To correct this issue I had to unfortunately dropped the idea of sharing the above designed version and share this tutorial widget instead. However the widget on our blog still contains the twitter button which wont display official count but that of ShareThis. If you would like to replace it with the official big size twitter count box then you can surely do this by customizing the code shared below.

Adding The Sticky Floating Widget Next To Blogger Post

  1. The steps are kept extremely easy to apply. All you need is to copy and paste the long chunk of code we developed and tested all day. Follow these friendly steps: 
  2. Go to Blogger > Template
  3. Backup your template
  4. Click Edit HTML
  5. Click Proceed
  6. Then Click Expand Widget Templates
Search for

Friday, 27 June 2014

Why SEO Is Like Investing

During a recent conversation with a friend, I was struck by how similar SEO is to investment planning. People tend to take the same approaches to these subjects, with the most common being; 1. do nothing, 2. hire an expert to handle it for you, or 3. dig in and do it yourself.  Let’s look at each in turn:
Bury your head in the sand.  Obviously, the “do nothing” approach has one key benefit – it’s easy.  Of course, it is also the least likely to yield tangible results.  The most common reasons a person selects this approach are a lack of resources such as time or money, and that it’s too complicated.  Sound familiar?
Hire a so-called “expert”.  Many people recognize that SEO is important and hire an expert to handle it on their behalf.  The challenges of this approach are similar to those you face when hiring a financial planner.  You have to make sure you hire a skilled agent who uses respected practices, you have to ensure the agent understands your goals and has your best interests in mind, and you need to find a way to quantify the value generated by the agent on an ongoing basis.  Not so easy, huh?
Do it yourself.  This approach requires the most effort and can be daunting to many people.  The primary benefit of this approach is that you are in control and can make your own decisions.  Besides the desire to take control, people often adopt this approach because they are excited about the subject, the prospects of success, and wish to enhance their own expertise.  The downside of this approach is that both SEO and investing are complex subjects, and you might make a few mistakes along the way.
So, what does all of this mean?  We can easily apply some tried and true best practices from the world of investment planning to the domain of SEO.  They are:
Get educated.  Avail yourself of the many sources of valuable information.  If you don’t know the basics, you won’t be able to make much progress by yourself, and you won’t know how to evaluate results.  Start by perusing the content on reputable sites like, and because SEO is constantly evolving, check in regularly for new tips.
Set goals.  Once you’ve gotten your feet wet, set some goals.  A goal might be something like this: Increase my qualified search traffic by 10% by October 1.   You might also use a proxy for this, such as the bounce rate of traffic that originated from search engines.  If you adopt this approach, you could set a goal like this: Reduce the bounce rate of my search traffic by 10% by October while preserving the total amount of search traffic I receive.  This goal describes your desire to improve the quality of your search traffic.
Start early.  In financial planning, it’s good to start investing early because your investments benefit from compounding over time.  In SEO, it’s good to start early because it takes time for your efforts to generate results.  Even if you only do a little at a time, start today.
Diversify.  There are many different elements to successful SEO, and you don’t want to just focus on one of them, like link building.  You also need good, unique content and an outstanding user experience.  It may make sense to tackle one thing at a time, but make sure you cover all the bases.  Search engines change their algorithms regularly, and you want to make sure your SEO success is not strongly tied to any one technique that may go out of favor.
Use available tools.  Use the tools that provide you with insight and guidance.  Seek out tools that are affordable and easy to use and understand.  When you’re just starting out, these tools will help to shape your thinking and should provide you with clear recommendations.  Investment planning calculators serve this purpose in the financial domain.  For SEO, there are tools like Alexa’s SEO Audit and Site Audit.   With these, you can increase your site’s traffic and optimize its performance using our personalized, recommendations to improve SEO, site security and usability.  Learn more by visiting
With this approach, you’ll not only take meaningful strides toward reaching your audience and traffic goals, you’ll achieve much greater independence and control over the success of your site.

How to Add Flying Twitter bird.

Hello readers, adding twitter flying bird in blogger is amazing. It is not just for fun. It is the best widget to sharing your blog by visitors. Each and every visitor who enters into your blog will see the flying bird. More than half of the people try to catch the bird (click on that bird). By clicking the bird they promote your blog in twitter network. So that you will get more visitors from twitter.

Twitter is one of the top most social networking services which is used by people for community purpose like facebook. The bird will fly for the movement of cursor which is moved by blog visitors. More than half of the people living in the world having twitter account to index them in society. So that your blog will be promoted by sharing your blog in twitter easily with the help of this flying bird.

This amazing twitter bird is necessary, mostly used by web masters to share blog contents easily with people and increasing the blog traffic. 

Step 1: Go to Blogger Dashboard in your blogger account.

Step 2: Click on the Edit HTML button to extract your blog template.

Step 3: Search for </body> using Ctrl+F.

Step 4: Copy the following code and paste the code above </body> tag.

Step 5: Replace web_sir with your twitter username in coding. Click on the Save templatebutton.

Share this post if you like this. Comment here to Share Your Experience with us..

17 tips for chrome

Take your Web surfing experience to the next level with these 17 tips and tricks for Google's Chrome browser

Google's Chrome browser is full of shortcuts, hidden functions, and tweaks that can save you time and improve your workflow. All you have to do is carve out a few minutes and learn how to take advantage of 'em.
So read on -- and get ready to transform the way you use your browser.
[ Safeguard your browsers; InfoWorld's experts tell you how in the "Web Browser Security Deep Dive" PDF guide. | For a quick, smart take on the news you'll be talking about, check outInfoWorld TechBrief -- subscribe today. ]

Be aware that this may cause issues with certain websites; you'll probably want to click the "Manage exceptions" button and whitelist sites that rely heavily on plug-ins to operate -- YouTube, Vimeo, and Pandora, for instance -- in order to avoid any funky behavior.
Chrome tip No. 1Wish there were a way to keep videos and other Flash content from automatically playing when you open a page? There is: Type chrome://settings/content into Chrome's Omnibox (aka its address bar), scroll down to the section labeled "Plug-ins," and select "Click to play." Now, any piece of multimedia content will appear as a grayed-out box until you click to activate it.
Chrome tip No. 2You probably know you can drag tabs in and out of windows, but there's also a lesser-known shortcut in the tab management family: Middle-clicking a tab's title box (at the top of the browser window) will cause the tab to close.
Chrome tip No. 3Middle-clicking has another hidden use throughout Chrome: It will cause a link to open in a new tab in the background, so you can continue working in your current tab without interruption. It'll work with a link on a Web page as well as with an item in the drop-down list that appears when you type into the Omnibox.
Chrome tip No. 4If you don't like to middle-click, don't worry: Holding down the Ctrl (or Cmd) key while left-clicking will accomplish the same feat described in tip No. 3. Holding down Shift while left-clicking, meanwhile, will open the link in a new background window instead of a tab.
Chrome tip No. 5Another useful Omnibox key combo: Try pressing Alt-Enter after you type a search term or URL into the box. That'll cause your results to open in a new tab instead of in your current tab.
Chrome tip No. 6
Not a fan of Chrome's revamped New Tab page? You're not alone. Google recently phased out aworkaround that let you switch back to the old New Tab style, but a third-party extension calledNew Tab Redirect can help fill the void. Once you've installed the extension, head into its settings and click the option to use the Apps page as your New Tab page. It's not identical to the original New Tab setup, but it's darn close.
Chrome tip No. 7When you want to move or close multiple tabs at once, hold down the Shift key and click each of their titles at the top of the browser. Thus, they'll all be selected; you can then drag them out to a new window together, or close them all simultaneously by pressing Ctrl-W (Cmd-W on a Mac).
Chrome tip No. 8
Close a tab by mistake? Press Ctrl-Shift-T (Cmd-Shift-T on a Mac) to reopen it. You can press it again and again to keep reopening old tabs in the order they were closed.

Chrome tip No. 9

If you ever highlight text on a Web page, try right-clicking afterward. You'll find a single-step option to search for the text -- or, if the text involves a valid (but not hyperlinked) URL, to navigate to it without having to copy and paste.
Chrome tip No. 10
You can always access your browsing history by pressing Ctrl-H, but you can also see the most recently viewed pages within any individual tab by clicking and holding the Back button at the top-left of the browser. The middle-click and Ctrl- or Shift-click commands described in tips 3 and 4 will work there, too, if you want to open an old link in a new background tab or window.
Chrome tip No. 11
You can also highlight text, then drag it to the Omnibox to initiate a search or navigation in the same manner described in tip No. 10.
Chrome tip No. 12
Highlighting text and dragging it to the top-most area of the browser -- next to your right-most tab -- will launch a search or navigation in a new tab rather than the current one.
Chrome tip No. 13

Typing into Chrome's Omnibox searches Google by default, but you can also use it to search most any site on the Web: All you have to do is start typing a site's name into the box -- Amazon or YouTube, for instance -- then press Tab and begin typing your search term.
If a site doesn't automatically support native Omnibox searching, you can manually add it into Chrome's search engine list by right-clicking the Omnibox and selecting "Edit search engines." You can also set up a custom keyword to use in place of the site's URL, if you want.
Chrome tip No. 14
You can search your Google Drive files directly from Chrome's Omnibox: Go into the aforementioned "Edit search engines" menu and add a new search engine with the name "Google Drive" and the keyword gd (or whatever keyword you prefer). For the URL, enter, then click the Done button.
Now, type gd into the Omnibox, hit Tab, and search away within your own Drive files.

Chrome tip No. 15
The same setup described in tip No. 14 can also be configured with Gmail: Simply perform the same process but make the name "Gmail," the keyword gm, and the URL
Chrome tip No. 16
Want a shortcut for adding new Google Calendar events from Chrome's Omnibox? Add a new search engine called "Calendar" with keyword cal and URL
Next time you want to add a new event, type cal into the Omnibox, hit Tab, then type in your event details in plain English -- like "Meeting with Jim in Conference Room 2 Tuesday at 1 p.m." Chrome will take you directly into Google Calendar with all the appropriate fields prepopulated; all you'll have to do is hit Save to confirm.
Chrome tip No. 17
Search your bookmarks from the Omnibox with the help of a free Chrome extension calledHolmes. Once it's installed, you can type an asterisk into the Omnibox, hit Tab, then type in any keywords to get instant results from your saved sites.

HTML META Tag Generator Tool

Metadata is data (information) about data. The "" tag provides information about the HTML file and tells the search engine what your blogger blog or website is all about. eBlogger Tips has created - HTML META Tag Generator Tool from which you can generate Meta Tag's for your website. Instructions :- 1) Fill the form and hit the “Create Meta tags” button 2) And paste the results in your blog or website HTML page header i.e. between the and closing tag Meta Tag Generator Tool by eBlogger Tips

Author (Optional):
Robots (Optional):

Copyright © 2014 Web Sir All Rights Reserved

What Is Blog?

blog (a truncation of the expression web log) is a discussion or informational site published on the World Wide Web and consisting of discrete entries ("posts") typically displayed in reverse chronological order (the most recent post appears first). Until 2009 blogs were usually the work of a single individual, occasionally of a small group, and often covered a single subject. More recently "multi-author blogs" (MABs) have developed, with posts written by large numbers of authors and professionally edited. MABs from newspapers, other media outlets, universitiesthink tanksadvocacy groups and similar institutions account for an increasing quantity of blog traffic. The rise of Twitter and other "microblogging" systems helps integrate MABs and single-author blogs into societal newstreams. Blog can also be used as a verb, meaning to maintain or add content to a blog.

Data Porvided by Wikipedia.

Recent Post