Asian Collection: Information

How to Donate A Car in California

Based on over 25 years of car repair experience,each car is evaluated to determine where it will be sent in order to produce the maximum amount of profit. Some cars get fully detailed to maximize visual appeal at auction. This always generates more interest and interested bidders,which drives the price higher. As long as it is determined that it is cost-effective,some cars are repaired in order to increase the selling prices.Both detailing and repairing raise the buying price. 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiebZrFpYtT_Ys8UXsQmlCZJwqvyVI4FP2_EpdypULtbRx729pTVfMhnDM-PUJ76BjHwdnQCCwhiH4keImVPN7pV7LRi_0c2jxIidduKeSom7uJFghAf6H9DeyjXIa6eLqOazsmHyCC3E4/s1600/donate-your-car-crop.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="How to Donate A Car in California" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiebZrFpYtT_Ys8UXsQmlCZJwqvyVI4FP2_EpdypULtbRx729pTVfMhnDM-PUJ76BjHwdnQCCwhiH4keImVPN7pV7LRi_0c2jxIidduKeSom7uJFghAf6H9DeyjXIa6eLqOazsmHyCC3E4/s320/donate-your-car-crop.jpg" title="How to Donate A Car in California" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">How to Donate A Car in California</td></tr>
</tbody></table>
 
 
Which brings more money to the charity,and gives you a higher tax write off.This is  in 100% accordance with IRS laws.

How to Donate A Car in California

Based on over 25 years of car repair experience,each car is evaluated to determine where it will be sent in order to produce the maximum amo...

Mesothelioma lawyers and Attorney at Law Firm

<div dir="ltr" style="text-align: left;" trbidi="on">
 
As one of the nation's leading mesothelioma law firms,Simmons Hanly Canroy has a proven track record.Every Mesothelioma lawyer at the firm is committed to helping families affected by mesothelioma and asbestos related diseases. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3V1cEVrK5ajpwfGwGLtWTld_R3WaXN2sni8sBn5JKEBFpMx9JSmPJQfjgh4lcHeWwSBJ9Caa8o_bFXmlQub7T_K8P3hoaH0h8acnpdjjo88GYo9hN_A_rU_6NZGsQAM-QtzUPazN5TuI/s1600/Mesothelioma-Attorneys-Lawyers-300x275.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Mesothelioma lawyers and Attorney at Law Firm" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3V1cEVrK5ajpwfGwGLtWTld_R3WaXN2sni8sBn5JKEBFpMx9JSmPJQfjgh4lcHeWwSBJ9Caa8o_bFXmlQub7T_K8P3hoaH0h8acnpdjjo88GYo9hN_A_rU_6NZGsQAM-QtzUPazN5TuI/s1600/Mesothelioma-Attorneys-Lawyers-300x275.png" title="Mesothelioma lawyers and Attorney at Law Firm" /></a></div>
 
Our mesothelioma layers have been working with mesothelioma since 1999.Since then our asbestos attorneys have represented thousands of individuals from all areas of the United States. 
 
At the firm every mesothelioma lawyer focuses on providing clients with the personal attention the deserve.If you have mesothelioma our attorneys will travel to you no matter your location. 
 
 
Receiving a mesothelioma diagnosis can be overwhelming news,but our mesothelioma layeres are ready to help you in any  way they can. If you or a loved one has mesothelioma,contact a mesothelioma lawyers at the firm today for a free consolation. We can help answer any questions -legal or otherwise.</div>

Mesothelioma lawyers and Attorney at Law Firm

As one of the nation's leading mesothelioma law firms,Simmons Hanly Canroy has a proven track record.Every Mesothelioma lawyer at the ...

JavaScript 'Unexpected Token ILLEGAL' Error

<div dir="ltr" style="text-align: left;" trbidi="on">
Some errors in JavaScript are hard to find out and this is one of them, 'Unexpected Token ILLEGAL' message on your console can make you go crazy and re-check the code but if you didn't solve the problem read the post. 
 
What can be worse than getting an error after writing a long JavaScript code ? 'Unexpected Token ILLEGAL' error is a frustrating one, it's often caused by an invalid character in the script. Most of the times you will find the unwanted character after thoroughly checking the script and then error is fixed but many times finding that unwanted character becomes a headache and to fix it we have to do something else than just checking the script again and again. 
 
If you didn't find any invalid character in your code then it's obvious that the character is an hidden character and your are a JsFiddle fan. The invalid hidden character can be u200b (zero width space) or other hidden characters but how to find or fix it ? Good question, as the characters aren't visible how could we remove it ? 
 
Removing whitespace in the code 
If you want to fix it fast then the best way is to remove all the whitespace around and in the code and then run it. 
 
Testing your script with JSBin 
 
If you use JsFiddle or some other code editing site/program which don't have support for ignoring or displaying invalid characters then this might always happen. 
 
To check the code for an invalid characters use JsBin to find the invalid characters and remove it. Go to JsBin and paste your script in the left panel now your invalid hidden characters will be displayed as red dots, just remove those red dots and done, the code is now ready to use. 
 
 
To prevent it in future don't copy and paste the codes from JsFiddle or any other program that creates invalid hidden characters.</div>

JavaScript 'Unexpected Token ILLEGAL' Error

Some errors in JavaScript are hard to find out and this is one of them, 'Unexpected Token ILLEGAL' message on your console can make...

The Thriller Template - Premium Blogger Template for free

<div dir="ltr" style="text-align: left;" trbidi="on">
Some months back I published a search engine friendly blogger template, which is a Wordpress class template and was premium too. 
Do remember, that the template I am going to giveaway for free was a premium template. The reason I am giving it for free is that many blogger users, who weren't able to spend money on templates wanted it for free. 
 
The name of this template is "The Thriller Template", yeah, it's thrilling and don't look like a dull blogger template. Not only it's good with the looks but also for search engine optimization, the process of creating this template wasn't limited just to designing the front-end look, the work was divided into two parts, one was to design it's look and other was to optimize it for search engine and yes, hours of our hardwork will give you an instant ranking on search engines. 
 
 
Features 
 
Note: Search engine optimization in templates is not considered as a feature. 
The list of features of this template is long and we have previously listed it on this page 
http://www.stramaxon.com/2012/07/listverse-template-blogger-seo-friendly.html 
 
Search Engine friendly, how? 
 
There's no magic charm to make a template or layout search engine friendly, what we do is learn how search engine works and set the layout according to webmaster guidelines by Google. It includes using the correct heading tags for post titles, limiting the number of particular heading on a page and placing ads at it's correct place. 
 
It is believed that WordPress blogs are better in terms of search engine optimization, but did anyone tried to know why ? It's because of there huge theme store where themes are kept up-to date according to the current web standards, there's no other reason, rest depends on your content. So even you using a template on your blogger with latest web standards used into, you can make your blog show up great on Google, Yahoo and other search engines.</div>

The Thriller Template - Premium Blogger Template for free

Some months back I published a search engine friendly blogger template, which is a Wordpress class template and was premium too. Do rememb...

What Happened to GFC Follower Gadget Blogger ?

<div dir="ltr" style="text-align: left;" trbidi="on">
If you recently made changes to your blog and removed your good-old Google Friend Connect follower widget, you might be having problem adding it back, but what really happened to it ? 
After the launch of Google+ many Google services including blogger changed to adapt G+ integration and most of the changes were great, new G+ profiles were launched to replace Blogger profiles. But recently blogger added a new Google+ Follower Gadget which is to replace the GFC Follower gadget, as the social networking site by Google is trending a follower gadget by G+ can help you get lots of followers, as it is easier to follow a blog as compared to GFC but yet there are many fans of the old but gold GFC widget who want it. 
 
Some months back GFC was retired for non-blogger sites and the GFC seems missing from blogger gadget list, looks like the G+ Follower gadget took it place but that's not the truth. You can use both G+ and GFC follower widget altogether in your blog, the Follower gadget haven't been removed it's still in the gadget list but in a different section.  
Add Old GFC Follower gadget again ? 
 
To add the old follower gadget again go to your Blogger Dashboard -> Layout -> Add a Gadget -> On the gadget list click 'Add More Gadget' on the left side. You will now find the GFC Follower gadget there, click on it's link and add it to your blog. Check the image below for reference</div>

What Happened to GFC Follower Gadget Blogger ?

If you recently made changes to your blog and removed your good-old Google Friend Connect follower widget, you might be having problem addi...

Placing Ads Inside Blog Post Without Affecting SEO

<div dir="ltr" style="text-align: left;" trbidi="on">
Normally website owners place ads in sidebars, header and/or footer but placing it inside the main article can  boost up your earnings but if is it safe to do that ? 
 
 
The main content of your blog is the article and that's what the visitors come to see on your blog and placing ads in between the main article can give you a better CTR and better CTRL means more revenue, yup it's a great idea to put ads there but the question is, will it affect the blog's search engine rankings ? Yup, it can. If you put static ads (without JS) then it would affect the rankings and the way Google and search engine views your website, what happens is that the search engine would think that the ads are a part of your main content and it can lead to a complete misunderstanding. 
How to make it better? 
 
It's very simple, all you have to do is wrap the ad code in a <aside> like this: 
<aside> 
//Your Advertisement Script Here 
</aside> 
Now even being inside the article container it will not be a part of the main flow. For contents that's related to but not the part of the main content use this tag to make Google and search engine understand your content more efficiently. It's a W3C recommendation http://www.w3.org/wiki/HTML/Elements/aside 
Where else I can use it? 
 
According to the specs you may use it for content that's related to the main flow but considered separate from it. It includes advertisement (already resolved), related post links, author info, navigation menu i.e breadcrumbs links etc. 
 
It's not only important for search engine optimization but also improves the document layout of your website. 
I want to know more about it 
 
Great, there are lots of resources online you may find helpful. 
https://developer.mozilla.org/en-US/docs/HTML/Element/aside 
http://html5doctor.com/understanding-aside/</div>

Placing Ads Inside Blog Post Without Affecting SEO

Normally website owners place ads in sidebars, header and/or footer but placing it inside the main article can boost up your earnings but ...

Retrieve Blog Posts from Old Deleted Blogger Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
You had a blog some years back but then you deleted it, now you want to save those memories but the problem is you can't access the blog as it was deleted, so is there any way to retrieve those blog posts ? Yes it is and in this post I will tell you how. 
 
 
It happens, we realize the importance of old memories later and then we want it back without any idea of how to get it. Many people use blog as their online public diary (sometimes private) to write about their daily experiences and memories but sometimes you feel that you don't need it anymore and some years later you want your old memories back, all the blog posts you posted you want it back, but the bitter truth will be that you deleted it and have no longer access to it.  
 
 
Note: Google Reader will be discontinued from 1st July. Without Google Reader this trick will be ineffective. Make sure to backup your Google Reader content here 
 
Enough discussion about the case, coming to the main topic, questions arises that how would you retrieve it the old posts ? Read further to know how  
Retrieving back the blog contents 
 
Every blogger blog has it's own feed URL and it's stored automatically on Google's server whenever you post it but when the blog get's deleted, you can no longer open the feed URLs but there's another way to do it : 
Use Google Reader 
Google reader is activated for every blogger blog by default and the posts fetched from the feed URL and are stored on your account. The most amazing thing about Google reader is that it doesn't delete the post even tough the blog is no longer online or has been deleted. 
 
It's extremely easy to restore contents from your blog using Google reader, just follow these instructions  : 
Login to your Google Reader (https://www.google.com/reader/) using your Google Account user details.  
Now we need the feed links to access the blog's feed using reader and the feed link is 
https://www.google.com/reader/view/feed/http://yourblog.blogspot.com/feeds/posts/default 
I am sure you know what to change in the URL, the blog address! Ofcourse, if you want it to redirect to your blog you have to put in the correct URL. For example, if my blog address is http://stramaxon.blogspot.com my feed URL for Google reader should be 
https://www.google.com/reader/view/feed/http://stramaxon.blogspot.com/feeds/posts/default 
Now copy and paste the URL in your browser's address bar and Google reader page will open with all your post feed from the blog address you provided. Your old memories are back, yay!  
Get XML version of your blog feed 
Using Google reader you can also retrieve the blog's feed in XML format, it's not human readable but you saving those XML files on your computer you can view it offline using an XML file viewer. It's very useful if you want to transfer all those blog posts to a blog. Let's see how can we do it : 
 
It's same as fetching the post using the feed URL on Google reader, this is also done by using reader but we will access the atom feed of the blog. The URL is: 
https://www.google.com/reader/atom/feed/http://yourblog.blogspot.com/feeds/posts/default?n=1000 
Just remember to change yourblog.blogspot.com in the address to your blog address. 
The n parameter at the end of URL tells the server to return the number of posts defined, in this case it's set to 1000, but if you had more post to restore than that change it to a desired value. 
 
For example I want to retrieve about 200 post from my blog stramaxon.blogspot.com, the URL I need to use would be 
https://www.google.com/reader/atom/feed/http://stramaxon.blogspot.com/feeds/posts/default?n=200 
Change the URL so it redirects to your blog's feed and load it into a browser, you will see a page with XML markup, right click on the page and click "save as..", save it on your computer as an XML file.  
Import it to a blog 
 
These XML files are very useful, you can import it into another blog. To do it in blogger, follow these steps : 
Log into your blogger account  
Use the dropdown menu next to your blog title and go to the Settings menu 
Go to the Other tab under Settings  
On that page, click on Import Blog under Blog Tools 
A popup box will appear, click on Choose/Browse File and browse to the XML file you downloaded and click Import Blog to upload the file.  
Great! Now all the post in that XML file would be uploaded to the blog and you can publish it all with one click. </div>

Retrieve Blog Posts from Old Deleted Blogger Blog

You had a blog some years back but then you deleted it, now you want to save those memories but the problem is you can't access the blo...

Hover Effect Button using CSS3

<div dir="ltr" style="text-align: left;" trbidi="on">
I have been using this hover button on my blog for Demo links. Some of the readers on this blog requested me write a tutorial on making something like this. So, here's the tutorial! 
If you don't know what button I am talking about then this is what you are going to make after reading this tutorial : 
Hey! Hover me to see the effect 
 
How is it? Lovely, isn't it? If you are a Gmail user then you probably know where this design came from, yup this design is from the Gmail's loading bar. I created the design for buttons when my internet was super slow, I had nothing else to do rather then watching the Gmail's loading bar, so I opened up my developer tools and the notepad, wrote all the CSS properties and next I gave it a hover effect to make it look good and it was ready. 
 
You can also make buttons like this on your blog or website using some small lines of CSS and HTML. Read the following steps to add the button to your site : 
The CSS for button 
We first need to apply a CSS rule for the buttons to give it style. This is the CSS you need to add to your site : 
.mjButton { 
    color:white !important; 
    background-color: #6188F5; 
    text-decoration:none !important; 
    background-image: -webkit-linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,transparent 66%,transparent); 
    background-image: -moz-linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,transparent 66%,transparent); 
    background-image: -o-linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,transparent 66%,transparent); 
background-image: -ms-linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,transparent 66%,transparent); 
margin:4px; 
    padding:8px; 
    text-transform:uppercase; 
    text-decoration:none; 
    border:1px solid gainsboro; 
    text-shadow:1px 1px grey; 
    font-weight:bold; 
    font-size:11px; 
    background-position: 21px 37px; 
    background-size: 65px 45px; 
    -webkit-transition:all 0.7s ease-in-out; 
    -moz-transition:all 0.7s ease-in-out; 
    -ms-transition:all 0.7s ease-in-out; 
    -o-transition:all 0.7s ease-in-out; 
    transition:all 0.7s ease-in-out; 
} 
 
/* Mouseover State */ 
.mjButton:hover { 
     background-position: 21px 37px; 
     background-size: 999px 45px; 
} 
 
Just include this CSS style rule in your stylesheet and the first step is done. If you are using blogger then check this guide on Adding CSS To Your Blogger Blog 
The HTML for buttons 
After adding the CSS code in your site or blog the next step to create the button on your web pages is to add the HTML. This is the HTML for the button : 
<a href="#" class="mjButton">hey! click this</a> 
Yup the button is an anchor element so you can easily put URL in it to link to pages. If you change the value of class attribute in the <a> element, you also have to change the selectors in CSS to match it with the class of the HTML element.</div>

Hover Effect Button using CSS3

I have been using this hover button on my blog for Demo links. Some of the readers on this blog requested me write a tutorial on making som...

Open Links in a New Tab on Right Click Disabled Sites

<div dir="ltr" style="text-align: left;" trbidi="on">
Disabling right click on websites and blogs are not a common thing among bloggers who don't want their sites content to be copied. 
Disabling right click is quite useful (but it doesn't completely stops a user from copying the content) but for the visitors it can be annoying and a very bad experience exploring a site with right click disabled. 
 
One of the biggest problem is opening a link in a new tab. If you have a mouse with a three buttons (check if your scroll button is clickable) you can open any link by clicking on it using the middle button but if you don't have such mouse then might probably get mad and perhaps punch your monitor screen too ! 
 
But if you are here then you considered to Google a solution for this instead of damaging your PC. 
  
Opening a link in new tab 
 
Could have been easier if you had a mouse with three buttons but don't worry, I won't make you spend money just to open links in a new tab. 
 
The easy way is to use CTRL + Left Mouse Button (LMB) and for Mac CMD + LMB (not sure - I don't have a Mac). It should now open the link in a new tab. 
 
But if you have a mobile device then god bless you :( but don't lose hope, Google again for a solution for mobile devices. 
 
Update: I am soon going to launch a Chrome extension that will make links on a site to open automatically in new tab on click. 
For Website/Blog Owners 
 
If you have a blog or website with right click disabled then you might place a notification box that should tell the readers what to do to open a link in a new tab. 
 
But the better way is to add the target='_blank' attribute to your  external anchor element so it opens in a new tab by default. 
 
And if possible, don't add any alert message on right click. Disabling right click is okay but to show an alert irritates. Check Disable Right Click Without Using JavaScript even this tutorial uses JS but not a big JS function and the best thing is that it doesn't send out any alert message to scare the right-clickers (who aren't always content copiers) but I always say that it's impossible to stop the bad-a*s content copiers to copy your content so always be ready to use the Removing Content from Google form and the best part is that human will respond to your reports!</div>

Open Links in a New Tab on Right Click Disabled Sites

Disabling right click on websites and blogs are not a common thing among bloggers who don't want their sites content to be copied. Dis...

Getting a Blog Address Already Taken but not Used

<div dir="ltr" style="text-align: left;" trbidi="on">
You all know Blogger is a free service and you need to pay nothing to get a free blog with your own unique blog address (with a .blogspot.com prefix) but not everyone's not that lucky to get their favourite blog address. 
 
 
Blog address i s not a major issue but yet people badly wants their desired address for their blog. If you were not able to get a blog address because it's already taken but not used by the current owner, it's obvious to get frustrated. You want that address but you can't get it just because someone else owns it and they don't even write anything on it. 
 
 
Contact the blog owner 
 
Blogger don't delete a blog even it haven't been updated since 10 years , blogger doesn't delete a blog for inactivity. But don't lose hope you there are still chances to get the desired address. If you can find contact information on their blog, blogger profile or any other social networking site and if he/she is a friendly person you can ask him/her to transfer the blog address to your account. 
 
But why transfer, Can't he just delete it and then I can create the blog with that address ? No! Don't do it or you will have to wait 3 months or more to get that blog address. When you delete a blog on blogger, it isn't deleted instantaneously, the user have 90 days to undelete it. So the blog address doesn't become available before 90 daysr. Read more here : 
 
And to learn how to transfer blogs between two accounts read this 
http://support.google.com/blogger/bin/answer.py?hl=en&answer=41448 
 
 
Can't contact the owner? 
 
If there's no way to contact the blog owner you have less chances to get that blog address. Many people on Blogger Help Forum request Blogger to get them their desired blog address even if it's being used for an other blog, but blogger can't do it. Blogger can't harass owner for the blog address. 
 
 
What should I do now? 
 
I believe a blog address doesn't matter that much for a blog. You couldn't get a neat blog address like 
flower.blogspot.com try something different like my-flower.blogspot.com there's no advantage or disadvantage in using any of those blog address, what readers really want is content. Read this 
http://blogging.nitecruzr.net/2009/05/value-of-your-blog-is-based-upon.html 
 
But if you still want a your desired blog address, consider buying a custom domain, which cost not more than $10 per year. Try GoDaddy, search for a domain from here</div>

Getting a Blog Address Already Taken but not Used

You all know Blogger is a free service and you need to pay nothing to get a free blog with your own unique blog address (with a .blogspot.c...

Google Trolls their users on April Fools day 2015

<div dir="ltr" style="text-align: left;" trbidi="on">
Google the Internet giant surprised their user with the launch of a product called "Google Nose". It offers the user to small what they search for but there's more for your surprise. 
 
Ever wanted to smell something online ? Smelling is Believing. That's the tag line of Google Nose, first when I visited the product page of Google Nose, I almost believed it's true but yet I had some doubts because the day was not an ordinary day. 
 
Here's the page where you can try Google Nose (beta) https://www.google.com/intl/en/landing/nose/ 
 
And click the "Try Google Nose" button to try the new search feature and on the right side of the page click on smell, a dialog box may appear just click enter and you might get the smell of the thing you searched for. Isn't it awesome ? You can smell a perfume online before buying it, that's what it's made for ! 
 
But wait, did it worked ? No ? Ohh, too bad but wait, check their help page https://www.google.com/intl/en/landing/nose/help.html 
 
Update: Have you tried Google Maps in treasure mode ? Try it now https://maps.google.com/maps?t=8 
 
April Fool! When Google trolls, they do it in their own way, haha. 
 
But wait, there's more Google got for you, they won't stop now. Stay alerted this April Fools' day.</div>

Google Trolls their users on April Fools day 2015

Google the Internet giant surprised their user with the launch of a product called "Google Nose". It offers the user to small wha...

Why Get A Flash Free Website

<div dir="ltr" style="text-align: left;" trbidi="on">
Some years back, flash-based websites were a trend as web technologies were not capable of creating interactive designs so it was the only choice. But should you design your business site in Flash ? 
 
 
When the web was relatively new and HTML was just used to create simple text documents then site owners had no other option to create an interactive web page so they used Flash but today when HTML5 is even capable of creating games site owners yet get Flash based sites for their business or hobby even after paying hundreds of Dollars. 
 
But today there are many disadvantages of a flash based website especially if it's a business site. So when you hire a web designer the first thing you must make sure is if he's not doing it in Flash, and if his plans go for Flash-based site, say no to him and find a better web designer, often web design companies provide poor designs and services (not always) so make sure to check their portfolio and check if they use the new standards, you can do that by comparing some professional sites like CSS-tricks, SmashingMagazine etc. they uses some of the latest web technologies to design and develop their site. 
 
It's often good if you hire a freelance web designer but check their portfolio too before giving them the work and money. 
 
We were talking about disadvantages of Flash, yup, it can be really harmful to your sites in terms of search rankings and page performance. Following are some of the reason you must never get your business site created in Flash. 
 
Not Search Engine Friendly 
Flash content is not text and a search engine can just read text. So if you have your important text content in flash search engines won't be able to read it and rank your pages according to it. It's a total loss to get your website in Flash when you are trying to make it popular. 
 
 
Not User Friendly too! 
 
 
Flash player is not inbuilt in browser, an additional plugin is required to view flash content and when you have your complete site made in flash, an user without the plugin won't be able to see the website at all. And even if you prompt the visitor to install Flash plugin, 90% won't do it. 
 
It does make beautiful animation but also makes the user's PC slow and sometimes lags which is not too beautiful. But today with HTML5, jQuery and CSS3 cool animations are possible without any extra plugin but with small lines of codes which is user friendly too. 
Now People are used to Flash free sites 
Yup, that's true, even when I am searching for something online and click on a link that leads me to a flash-based website I just feel it's better to leave the site. Not only me but most of the online traffic are a victim of Flash-phobia and that can affect your business. 
 
 
Waste of Money 
 
If you pay even $10 for a Flash website it's too much for that! One can create a flash based site with little knowledge of web languages as Flash objects are created with a tool called Adobe Flash Maker and the designer don't even have to write a single line of code to design the site body whereas designers who design sites in new web technologies writes 10s of thousands codes to make a site effective. 
 
The Decision is Yours 
 
We tried our best to explain your why you shouldn't pay for a Flash-based site for your business and also tried to mention their disadvantages here. Because when you are paying you must get the best, not just anything. 
 
But the final decision depends on you and what you want. Anyways, thanks for reading, </div>

Why Get A Flash Free Website

Some years back, flash-based websites were a trend as web technologies were not capable of creating interactive designs so it was the only ...

Confirming Facebook Group Membership Request At Once

<div dir="ltr" style="text-align: left;" trbidi="on">
If you have a popular Facebook group where you receive hundreds of membership requests then it becomes a tough job to accept all of them one by one. 
 
You may already know about the "Select All Friends" code using which you can select all your friends to invite them to a Facebook event. We covered that topic in this post: 
 
Facebook now provides a new "Add All" function for confirming all group membership requests at once, so there's no need to use this trick/code. 
 
I wanted to post less on Facebook's topic but as you know it's a hot topic so one in a month is not a big problem. 
 
Anyways, let's get back to the main topic, how would you accept multiple group requests at once. Actually you can disable the approval system for group request but that will enable everyone to join the group, fake and spam profiles too. Such profiles don't target groups with approval system turned-on. 
How do you do that ? 
 
The trick is to manipulate clicks on selected buttons using JavaScript. JavaScript is webpage scripting language and you can manipulated static pages by running scripts. 
But to run the script you have to open the Developer Tools in your browser, it's not present in old and even some new browsers. I recommend Chrome, Safari or Mozilla - the latest version. 
Code 
Update: Facebook recently changed the layout of it's group membership request page, so the old code stopped working. I have updated the code which works with the current site. Thanks to A Suzy Meow for informing us about this change. 
 
Copy this small code : 
 
javascript:var cont = document.getElementById('Group_member_request_pagelet'); 
var ul = cont.childNodes[0]; 
var li = ul.getElementsByTagName('li'); // iterate on this 
 
for (var i = 0; i < li.length; i++) { 
var btnCont = li[i].getElementsByClassName('rfloat'); 
var ancHors = btnCont[0].getElementsByTagName('a'); 
ancHors[0].click(); // make the click 
} 
 
The code tells the browser click on the "Add" button next to each item (membership request item) in the list. 
 
 
How to use the code? 
For a person not familiar with scripting consoles, it might be tough for them to run the code. I wrote a step-by-step tutorial to make it easy for you : 
Open the membership request page of the group in a modern web browser (Chrome, Firefox or Safari) 
To open script console on different browsers : 
Google Chrome - press CTRL+SHIFT+J 
Mozilla Firefox - press CTRL+SHIFT+K 
Apple Safari - press CTRL + ALT + I and when the developer tools appear, press ESC or click "Show Console" button to bring up the Console window 
 
 
 
If you still didn't understand how to use the console, this article has more for you to learn and understand how to use Developer Tools Console. 
Once you have opened the Console in your browser, paste the JavaScript code (provided above) and hit enter. When you paste the code inside the console it would look like this (The code you must enter is not the same as shown in the picture) :  
 
 
 
Just hit enter and the code will start doing it's job. It will automatically click on every "Confirm" button one-by-one on the group membership approval page until the number of buttons becomes 0.  
This was it, this small block of code can save you a lot of clicks and time. That's what code are for, to make the users life easier.  But depending on the number of request it may take some time to complete its job, leave the page opened and it will keep doing its job.  
 
This code is very similar to the code to select multiple friends at once for Facebook events but with a little modification it works like a charm on  membership confirmation.  
For any queries use the comment form below :) And thanks for reading.</div>

Confirming Facebook Group Membership Request At Once

If you have a popular Facebook group where you receive hundreds of membership requests then it becomes a tough job to accept all of them on...

Creativeness with Box-Shadow CSS Property

<div dir="ltr" style="text-align: left;" trbidi="on">
Web technologies like HTML and CSS have come a long way and now it is now used more than just creating simple web pages. 
Almost every site you see on the web is writing in HTML and styled with CSS and those languages are way very simple than complex languages like ActionScript or C++, but despite of its simplicity it can be used to create masterpiece. 
 
Following two examples shows what todays web technologies can be used for. What we really showcase here is the use of box-shadow CSS property which is usually used to create shadows on HTML elements <-- Just like on this. 
 
The people who wrote the property's specification may have never thought what it can be used to create. Let's take a look at the amazing. 
 
Mona Lisa in Pure CSS 
One of the most discussed and popular portrait now re-created in CSS. CSS as you know is the styling language of the web, the thing using which you  make your website fancy :) 
See it in action! 
 
 
Mona Lisa Painting Recreated in CSS3's Box-Shadow 
Now one may think why this is so special, a little experienced Photoshop guy can make that in minutes but note that this is done using a CSS property called box-shadow , the designer who created this wrote each and every pixel of the complete photo to produce this. 
Da Vinci would have loved this.. 
Unicode Person Pixel Art in Box-Shadow 
How about something simple ? As being a 90's gamer I always had a love for pixel arts and this caught my example: 
 
Unicode Person Example 
 
This simple image of a cute face raising hands is also created with the same technology that was used to create the 'Mona Lisa' example. And do I need to repeat it ? It's created in box shadow!</div>

Creativeness with Box-Shadow CSS Property

Web technologies like HTML and CSS have come a long way and now it is now used more than just creating simple web pages. Almost every site...

Expandable Section in your Post on Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
Did you ever wanted to have sections inside your post body which is optional for the reader to read or see ? 
 
In some cases you might feel need for a section of your article to be hidden and only visible when the readers wants it to be. But in basic option we get in Blogger or any other WYSIWG editor this is not possible. But wait, it doesn't mean it can't be done. 
 
Before you proceed to the tutorial, check this demo : 
Expandable Section Demo 
 
There's nothing special, it just a hide/show box inside which you can put content of your choice. It's not something that everyone might need for their blog posts but when you need it isn't easy to find easy-to-follow instruction on the Internet so I decided to create such a box and put up its instructions for blogger. 
Let's start 
 
This tutorial requires you to work with codes, here work means just copying-pasting and editing some parts of the code. So it will be easier for you to work if you open a plain text editor like Notepad. 
Including the jQuery Library 
This step is optional, you might not need to perform this step if your template already has a jQuery library included. If you are using a custom designed template, as your web dev. if they've already added it. If not you may continue with the steps 
 
Go to your Blogger Dashboard -> Template -> Edit HTML 
When inside the code box press CTRL+F to open a search box 
Search for </head> in the template 
Once you find it in the template, paste the following code immediately above </head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
That is how you add jQuery to your blog. 
Always remember to add the jQuery script code above any script (including the one I am going to provide for this widget) in the template depends on jQuery. 
JavaScript/jQuery Code 
The first thing you will add in the template to make our expandable section work is the code that handles it hiding and showing. It's a small jQuery dependent JavaScript code. Following is the code you need : 
 
<script type='text/javascript'> 
$(document).ready(function(){ 
$(".sh-section-btn").on("click",function(){ 
$(this).parent().children(".h-section-cont").slideToggle(200); 
}); 
}); 
</script> 
 
The code above simply tells the browser to show hidden content if the "show" button is clicked, and if the content box is already visible it simply hides. 
 
To apply this code go to the Blogger Dashboard -> Template -> Edit HTML -> Use CTRL+F to find </body> and paste the JavaScript code immediately above/before it and save. 
 
Adding the CSS 
The event handling part is done. Now let's style our expendable box so that it looks good and the reader notices it.  Here's the CSS that styles the complete box. 
 
/* Expandable Box CSS */ 
 
.hidden-section-container { 
  background-color:rgba(187, 187, 187, 0.93); 
  box-shadow:0 2px 10px rgba(0,0,0,0.2); 
} 
 
.sh-section-btn { 
  font-size:18px; 
  color:#fff; 
  text-shadow:1px 1px 0px rgba(0,0,0,0.2); 
  padding:5px 10px; 
  cursor:pointer; 
} 
 
.h-section-cont { 
 padding:10px 10px; 
 background-color:#eee; 
 display:none; 
} 
 
If you aren't sure how to add this CSS to your Blog, check my tutorial on adding CSS in blogger. 
 
HTML for the box 
After we've got the two main things for this box we can now actually use it in our blog posts. Using it is simple. The HTML for box may contain your text or any other content you want inside it. But before we add the content let's see what's the basic HTML for this box. 
 
<div class='hidden-section-container'> 
  <div class='sh-section-btn'>Show</div> 
  <div class='h-section-cont shw-box'> 
     
    
     All your content here 
    
     
  </div> 
</div> 
 
You don't need to make much changes to this. All you need to change is the title and the content. Let's see how you will do it : 
 
Title Text - This is the text that will appear as the title of that expandable box. See the second line of the code. Change the text "Show" to anything you want as the title. 
Content - After the line 4 you can add anything possible with HTML inside the hidden box. Add text, images, links etc. using its HTML markup. 
Once your HTML for the expandable box is ready you are all set to put it in your post body. But you can't simply paste HTML code in your post editor. In order to prevent the HTML from being shown just as plain text you will first need to switch to the HTML mode in the post editor. 
 
Open your Post Editor, now select the HTML tab next to the 'Compose' tab to switch to HTML mode. Now you can paste your code anywhere you want the box to appear. 
 
This is how simple it is to get such cool features in Blogger. If you face any difficulty while implementing this widget feel free to comment here or email me for help.</div>

Expandable Section in your Post on Blogger

Did you ever wanted to have sections inside your post body which is optional for the reader to read or see ? In some cases you might feel...

Hiding Newer - Older Post Links Below Posts in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
The older - new post links or blog pager links are one of the most basic part of a blog. It provides an easy access to other blog posts on the blog. If you want to remove it then continue reading the tutorial. 
 
In this short tutorial you will learn how to control the display of the three links below each posts called Blog pager (Newer - Older Post and Home link). 
 
There can be many reasons you want the the Newer - Older post links to be removed from your blog. One can be that you are using your blog for just a single paged blog and in that case any blog pager links are not necessary. 
Hiding it with CSS 
 
The blog pager has three links Newer Post, Home and Older Post, if you want to remove only a specific link(s) I have provided the code for that too. Let's start with the code to hide the all the three links. 
 
To learn how to add the CSS codes in your template, see this tutorial: 
How to add CSS to Blogger 
Hiding All Three Links 
Hiding elements on web pages is not a rocket science, all you need is a small snippet of code. To hide the pager links we need this a one line CSS code 
#blog-pager {display:none;} 
 
Hide the 'Newer Post' link 
To hide just the "Newer Post" link in the blog pager use the following CSS code 
#blog-pager-newer-link {display:none;} 
 
Hide the 'Home' link 
Using this code will hide the Home link in the blog pager 
#blog-pager .home-link {display:none;} 
 
Hide the 'Old Post' link 
And use this for hiding the "Older Post" link 
#blog-pager-older-link {display:none;} 
 
A little note.. 
 
Using CSS to hide these links wouldn't remove the links from the HTML document but it will simply hide it from view, this is easier than and safer than removing it from the root. But if you still want to entirely remove it then try this</div>

Hiding Newer - Older Post Links Below Posts in Blogger

The older - new post links or blog pager links are one of the most basic part of a blog. It provides an easy access to other blog posts on ...

How to Open Developer Tools in Different Browsers

<div dir="ltr" style="text-align: left;" trbidi="on">
Developer tools or shortened DevTools are set of tools used for debugging web pages which is important tool for web developers and also general users who wants to inspect a page, make changes to the site on the front-end or analyse network usage by the webpage. 
 
It is a all-in-one tool for a person who wants to learn what happening behind the scenes of a website. If you are new to it you may want to learn about, I wrote a post about using Chrome Developer Tools but if you need a more brief information about it see this 
https://developers.google.com/chrome-developer-tools/ 
 
Chrome and Safari's developer tools are very much the same. But Mozilla Firefox has it's own unique developer tool set but using it is almost same as using any other developer tool. 
Google Chrome 
 
Google Chrome in my opinion is the best browser for web debugging using DevTools. DevTools are frequently updated and are simple to use. 
Starting DevTools on Chrome 
Starting DevTools on any webpage is very easy. There are three ways to open the console : 
 
1. Select the Chrome Menu  > Tools > Developer Tools 
 
2. Right click on a blank area of the page and from the list of options click on "Inspect Element" at the bottom. To inspect a particular element right click on the element and then select the inspect element option. 
 
3. Another way to open the console is keyboard shortcut. Press Ctrl+Shift+I (Cmd+Shift+I on Mac) and the developer tools will appear. 
 
 
 
Starting JavaScript Console in DevTools 
JavaScript Console is used to run JavaScript codes on a page. It's often used to test scripts on a website to check if the code works well or not. But you can use it as a calculator or just try out JavaScript functions using it. 
To directly open the JavaScript Console select the Chrome Menu  > Tools > JavaScript console or use the keyboard shortcut Ctrl+Shift+J (Cmd+Shift+J on Mac). 
 
When the Developer Tool is opened select the "Console" tab on top to switch to JavaScript console. 
Mozilla Firefox 
 
If you are using Firefox make sure you have the latest version, as older versions don't include developer tools or if they do, they are old. Developer tools of new Firefox is way better than the older version and got some extra tools too. 
Starting Developer Tools on Firefox 
You can it by various ways. The most common way is to open it using Inspect Element option. Right click on a blank area on the web page and from the list options select "Inspect Element", the Firefox Developers tools will open. 
 
Or if you can open it by going to the Tools menu > Web Developer > Inspector, this will open the developer tool in page inspector mode. 
Opening JavaScript Console 
Accessing JavaScript console in Firefox is similar to opening the page inspector. Open the Developer tools by right clicking on a blank area and then selecting the Inspect Element option. Now just switch to the "Console" tag on top of the dev. tools. 
 
Or you can also open it through the tools menu. Click on Tools > Web Developer > Web Console or use the keyboard shortcut CTRL+SHIFT+K. 
 
 
 
 
Apple Safari 
 
Accessing developer tools on Safari is similar to as in Chrome. Some keyboards shortcuts might be different. Simply right click anywhere on the page and press Inspect element.</div>

How to Open Developer Tools in Different Browsers

Developer tools or shortened DevTools are set of tools used for debugging web pages which is important tool for web developers and also gen...

How to add CSS to your blogger blog

<div dir="ltr" style="text-align: left;" trbidi="on">
In this tutorial you will learn how to add custom styles to your blog with CSS on Blogger. 
CSS is plays an important role in presentation of a blog or website. In Blogger users are allowed to style their blog, but if you are new to Blogger or just don't know about CSS and HTML you might find it difficult to find the right way to do it. So how do you add your custom CSS in Blogger? You will get the answer in this tutorial, for you to understand it better I have also included screenshots. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA1s08sF2CNKo3JypgI5oOdYPuWeb7s5iA5SHFWAt_TFBkskwA4nCJnP12phX7dkUBL8dH2XuN9LRGDKvi8f4Uusnzy8stVvqnBsBloJ2kr0LZ9S38m0be0MtEmuIZEU5UTQv1ymRnkFA/s1600/template-editor-new-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA1s08sF2CNKo3JypgI5oOdYPuWeb7s5iA5SHFWAt_TFBkskwA4nCJnP12phX7dkUBL8dH2XuN9LRGDKvi8f4Uusnzy8stVvqnBsBloJ2kr0LZ9S38m0be0MtEmuIZEU5UTQv1ymRnkFA/s320/template-editor-new-blogger.png" width="320" /></a></div>
 
There are two ways to add CSS to your blog template. I prefer to use te hEdit HTML mode, it's good for professional web designer, and I suggest to use basic Add CSS option in blogger for peoples who are new to web. 
 
There are two ways to add CSS codes to your blog template. One is using the HTML template editor where you can put the code according to your needs anywhere in the document. And other is to use 'Add CSS' GUI option provided in the visual template designer. 
 
For general users I suggest the Add CSS option as it doesn't require code editing and all, but in some cases you might need more control on how you want that CSS to be loaded (for example, if you want to load a CSS only on item pages) in such cases using the HTML Template editor is the only choice. 
Using Add CSS in Template Designer 
 
Blogger have included an Add CSS option, where you can just copy and paste the CSS styles code and it will be applied to the template. Let's see where's that option. 
 
Blogger has a rich set of template designing tool that you can use to change colors, fonts and layout of your blog without writing even a line of code. The template designer also allows you to define your own styles using CSS to apply on the blog. To access that option follow the instruction below : 
Go to your Blogger dashboard at http://www.blogger.com/home 
Now select the blog from the list (if you have multiple) and go the its Template tab on the left pane. 
 
 
 
On the Template tab, click on the button that says "Customize" and you will be taken to the Template Designer page 
Select the Advance tab from the list of options on left pane and from the sub-menu list select Add CSS, it's at very bottom. 
 
add css option template designer 
Now in right pane, there will be an input area where you can paste your CSS styles 
 
adding custom css in blogger template designer 
In this procedure you won't be able to edit the existing CSS code in your template, you will only be able to add new styles and can only edit the styles that you added using the template designer.  
 
You don't need to add the HTML elements such as <style type="text/css"></style> , we can paste the CSS styles directly. Adding those elements may result in error. 
Adding it using the HTML Template Editor 
 
You can also directly add CSS syles in your template code, but working in the HTML template editor can be difficult for users who don't have much experience with HTML and CSS. As lot of markup codes are lying there already, a general user might feel a bit unformtable, but once you start working with codes you will find it interesting. 
Go to your blogger dashboard at blogger.com/home  
And from dropdown menu of the blog select Template 
 
 
After going to Template menu, click on Edit HTML button to open the template code editor on the page 
 
 
 
Now using the default find-on-page function (by default CTRL+F ) and find </head> and paste your CSS code (inside <style>) and paste it above </head>. Do remember to include the first and last line in the following code around your CSS rule when adding it above the closing </head> tag d 
 
 
<style type="text/css"> 
/* This is a comment, and follow is a CSS rule */ 
body 
{ 
color:#999; 
background-color:whiteSmoke; 
font-family:"Georgia", Helvetica, sans-serif; 
} 
</style> 
 
 
The CSS styles are just for example. 
 
Other way 
You can paste your CSS styles by putting the HTML markup (in green) above and below your raw CSS code and then paste it above </head> in the template 
 
So now you have the idea where to paste the CSS codes in your blog. For more web designing help subscribe to our blog. 
 
Remember to Backup your template before making any changes to it. To Backup your template Go to Blogger Dashboard >> Template tab >> On top right corner there will be a Backup/Restore button and then download the template, if anything went wrong we can restore it to working template by uploading it there.  </div>

How to add CSS to your blogger blog

In this tutorial you will learn how to add custom styles to your blog with CSS on Blogger. CSS is plays an important role in presentation ...

How to find my Facebook join date ?

<div dir="ltr" style="text-align: left;" trbidi="on">
I was searching the internet to find a way to know my joining date on Faebook, this is January and I remember that 2011 January i jonied Facebook but don't remember the exact date, after minutes of searching i found a page where some ways were provided , but i already had that in my mind.  
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7vonoL7GfnNMAcaN017NjdxaaKn9JFBitJZOP9Laum1M9iUd3-eofqFSZBgDVGZyGhL-b9QDAsNoFIkHaCi7WV1oEQRT2c5DmsUJSzYjb2xRlQZT16MUE4gl1-HjRzd7J4Mk41Uc42mE/s1600/sve+hgdf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7vonoL7GfnNMAcaN017NjdxaaKn9JFBitJZOP9Laum1M9iUd3-eofqFSZBgDVGZyGhL-b9QDAsNoFIkHaCi7WV1oEQRT2c5DmsUJSzYjb2xRlQZT16MUE4gl1-HjRzd7J4Mk41Uc42mE/s320/sve+hgdf.png" width="320" /></a></div>
 
 
 
So I am writing those procedures 'find when i joined Facebook' : 
 
 
 
1. First is the easiest one,whenever someone joins facebook ,they get emails from Facebook about verifying your account and welcome emails, so open your email which is associated with your Facebook and either go to the last page on email list or if the email service has a search option search for 'WELCOME TO FACEBOOK' it might then pop the result with Facebook welcome email ,check the date in the mail and we are done !  
 
 
 
2. If you deleted the emails there is one more way put some ice on your head and remember who was your oldest friend on Facebook , just go to their profile and on right side there will be a arrow pointing down just click on it and then on SEE FRIENDSHIP on top there will be the date of when you became friend with him. It will surely find the nearby date in some cases it might be also the exact date.But if this doesn't work , check the next procedure. 
 
 
3. We can also know the join date by the timeline , you all maybe familiar with the new Facebook Timeline , however removing it is not possible once you integrated it , but yet there's one trick to remove it. But if you want to find your date of join , and you don't know the oldest friend on Facebook or deleted the Facebook emails , then timeline can help you. In timeline just scroll down and you will find your Facebook join date.You can not only see your joni date but also your friend's join date if they have enabled Facebook timeline</div>

How to find my Facebook join date ?

I was searching the internet to find a way to know my joining date on Faebook, this is January and I remember that 2011 January i jonied Fa...

How to select all friends at once to invite friends on Facebook

<div dir="ltr" style="text-align: left;" trbidi="on">
Facebook friend invites are useful to invite your friends to view your website or to like your new Facebook page etc. you will see friends invite almost everywhere on Facebook.   
Facebook invites are useful but a sometimes it can be a tough job if you have large number of friends, I had 2525 friends on Facebook and it was very difficult for me to select each and every friend manually to invite them all. 
 
When I started learning JavaScript, I learn how easy it was to manipulate web pages using codes and then I found a way to automatically check all the check boxes on invite boxes. 
 
But before we start, make sure you are using Google Chrome or Firefox, they are good as they support almost every new JavaScript functions and are updated, so using them makes sure that it will not create any problems. I will explain it in step by step procedures. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5Ia5OySoJfovuW2FG-s3Xo02E0jnlZ_ByW8ZGu9uilmlvqGG56wtRCIsBWCon4XnqzdH1wjg4PqJMILgjjEltWwN2fcXy04bFeiNgvrx0asWq3iU5T8mVEs3YpGquvr1iZoaDGZsp64/s1600/rfg66rfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5Ia5OySoJfovuW2FG-s3Xo02E0jnlZ_ByW8ZGu9uilmlvqGG56wtRCIsBWCon4XnqzdH1wjg4PqJMILgjjEltWwN2fcXy04bFeiNgvrx0asWq3iU5T8mVEs3YpGquvr1iZoaDGZsp64/s320/rfg66rfd.png" width="320" /></a></div>
 
Open Google Chrome  
 
Now open any event etc. where you can invite your friends and open the friend invite box 
Now scroll down until all your friends appears in the box 
Press CTRL+SHIFT+J (for Chrome), CTRL+SHIFT+K (for FireFox) 
A JavaScript console pane should open at the bottom of the page 
Paste the following line of JavaScript code in the console 
 
Problem using Developer Tools? Check the tutorial on using Developer Tools on different browsers 
 
 
 
javascript:elms=document.getElementsByName("checkableitems[]");for (i=0;i<elms.length;i++){if (elms[i].type="checkbox" )elms[i].click()}; 
 
After pasting click enter, now wait for a minute and when all friends are selected click on send, if you have large number of friends it may take about 1 - 2 minutes for successfully sending the invites .  
 
 
Problem inviting all friends ?</div>

How to select all friends at once to invite friends on Facebook

Facebook friend invites are useful to invite your friends to view your website or to like your new Facebook page etc. you will see friends ...