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 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.

1. Open Google Chrome 
2. Now open any event etc. where you can invite your friends and open the friend invite box
3. Now scroll down until all your friends appears in the box
4. Press CTRL+SHIFT+J (for Chrome), CTRL+SHIFT+K (for FireFox)
5. A JavaScript console pane should open at the bottom of the page
6. 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 ?

If you are unable to invite all your friends then you must check this updated post which also has a video tutorial. http://www.stramaxon.com/2012/12/inviting-all-friends-facebook.html

Related Post: How to Increase your Twitter followers in 10 minutes

Create false Facebook wall conversation

There are many reason we should try making fake/false Facebook wall conversation, one of the most popular reason is for funny pictures, we can also edit screenshots with paint or photoshop to make conversation in the screenshot but it take a long time.

Have you ever seen a picture of funny conversation on Facebook and most of them are not real but created by editing the screenshot of any Facebook wall conversation. 

The Wall Machine is a great Facebook wall conversation generator, editing the conversation in it is easy as posting comments on a Facebook wall post so anyone who know to use Facebook wall feature can easily use this too.

After going to The Wall Machine , you have to connect your Facebook account with it and then allow the app to your desired information such as email address, friend list etc. now you should be redirected to the 'The Wall Machine' website. Now think a great funny conversation and start making a Facebook wall conversation. 

Along with Wall conversation you can create more stories like 'X' become friends with 'Y', event, like activity and more, it's a complete tool to fool your friends. 

Do more with this app

This is an list of thing you can do with 'The Wall Machine'

• Make fake conversation and fool your friends
• Add your desired photo to the profile
• Want to reorder the comments ? Just hover on right corner of that comment and click on up or down
• Make fake relationship status activity
• Save the conversation and show it to your friends
  

Related Post: Wish Happy Valentine's Day in Facebook chat for whom you love.

Go back in past of Websites

You fond some sites that are very popular, like Matt Cutt's blog and after browsing it for sometime, some thought come into your mind that how this site used to look in early days when it was new. But you can't find anyway to do it, other than asking a scientist for an "Time Machine".  

Ohh, don't worry, we have an easy way to do it. Archive.org is an website, which keeps records and archive of all online contents that went popular, all the sites are crawled by their server and saved on it, to serve people an snap shot of the website at that time.

The snapshot are not actually pictures, it's an HTML document generally used by a website, thus if an image was there on an website and later it was deleted from the server then the images won't be showed in the archive of the website. In easy words, they capture the site's HTML, and save it on their server.

You can easily check any website's past by going to Archive.org and entering the URL in this box.Enter your desired URL and click on Take me Back. Now you can select website at what time you want to see.

How to archive your blog also

If you have a new blog or website, even it's 1 or 2 year old, it will be not crawled by archive.org, if you or not anyone has searched the site on archive.org, so if you want your blog or website to be crawled by them, you or anyone has to search your blog in archive.org, after a few months your website will also start appearing on archive.org archives.

Add new handwriting fonts in your blog or website

Have you visited to a site having so much fancy fonts, but your website has simple web safe fonts. Don't worry you can also have fonts like that in your blog or website. 

To do this you need little knowledge of HTML and CSS, one more thing you need is a Google Account.


Go to Google Web Fonts , on the homepage you will see hundreds of box of words with different fonts, these fonts are a demo to show how the font is. You will see categories of fonts like Sans Serif, Handwritting etc, choose any of the categories or maybe all categories.


Now the fonts will be showed in right pane,there will be 100s of fonts free for you, you can choose any font you like, there no limit, choose any number of fonts, all fonts are free and open source. Scroll up and down and if you like any fonts, see bottom right corner of that box, there will be an "Add to Collection", just click that and it will be added in your personal gallery.

Once you are finished adding all your favorite fonts in collection, then see how to use it. Google first requires you to link a Stylesheet File, in which all your collection's styles are defined, Google will itself give you the code.

In bottom pane on right top corner you will see Use button, click on it, on that page all the fonts will you showed which you added in your collection, if you want select, or deselect by check marking the fox followed by the font name.

After sorting out which fonts you want, scroll down there will be a codebox, where the link has been given. Copy that code, now go to your Blogger Dashboard >> Template >> Edit HTML , using your browser's search feature (CTRL+F {default}) , find "</head>" (without quotes)  and paste the code you copied above the </head>, it should then look like this.

 
 

Great, now save the template (if you getting error saving template then see below section), now with help of CSS we will integrate these fonts into our blogs element, paragraphs, headers, titles etc. To integrate these files we need little knowledge of CSS, you will get the font family code on the same page where you got the link code just scroll down the page. For example, if i want to style a text with an font, then first I have to define it's class or id, to apply CSS style on it. In font-family attribute we will put the name of the fonts we selected, we will get the font-family name on Google Web fonts page.

.styletext1
{
font-family: 'Bonbon' , cursive;
}

This piece of code will apply 'Bonbon' font on an element classed "styletext1". Below is the
example of above CSS style on an element classed "styletext1"
 

"This is an example of applying font styles with CSS"

 The above text is classed with "styletext1", and when we applied the above CSS code, it turned into the font-family we specified in CSS lines. The HTML code was this.

<span class="styletext1">"This is an example of applying font styles with CSS"</span>

Learn the HTML and CSS code closely. Now try this on your blog or website and then show us in comments.
Notes:

1. Backup your template before trying this,it will be easy for you to get the old template, if you did any mistakes
2. The HTML link code Google gave, will not work in XML templates (default templates for blogger)
3. To make the link code work in XML template then please see our help section below.
4. If, you don't understand what I am saying, then please check the video.
5. Adding too much fonts will slow down your website or blog.

Help with issues

The only issue we found in this is the HTML code Google gives on Google web fonts page, which looks like this.

The problem often occurs with XML templates, by default blogger use XML templates for blogs, the main thing is that Google haven't already added the close tag, in HTML files, it will be accepted without any problem but in Blogger, you can to add a "/" before ">" in the code. After which the code will look like this.

<link href='http://fonts.googleapis.com/css?family=Bonbon|Herr+Von+Muellerhoff' rel='stylesheet' type='text/css'/>

Now Blogger template will happily accept it and you will be able to use as many fonts you wish to use. 

YouTube Tutorial video

How to fix error with x-webkit-speech in blogger

This tutorial is about fixing some known problems with x-webkit-speech attribute, this attribute is commonly used in HTML for integrating aa speech input in text-areas like search box, comments etc. 

Many people want  this feature in there blogs for either search box or other text areas, on top right corner of my blog you can see a search box which has a mic icon, click on it and try to speak something in your microphone, if you have spoken correctly, the text will appear in search box.

 

In many websites people have added this feature, and if you have searched for this too then, many website have given a way, after applying it to your Blogger template, it gives an error saying "The property "x-webkit-speech" should be followed with " =' ' " . 

Most websites provided a way to add this attribute in their search boxes or any text areas with this code

<input type="text" name="q" size="30" x-webkit-speech />   

But many Blogger user are having problem to put x-webkit-speech in any <input/> tags, Blogger  gives an error saying "The property "x-webkit-speech" should be followed with " =' ' " , and normal blogges are not too tech savvy to solve this problem.

The problem occurs whenever you add the attribute to an element, similar to this.

<form method="get" action="http://www.google.com/search">
 <input type="text" name="q" size="30" x-webkit-speech />
 <input type="submit" value="Google Search" />
</form>

For instance, i have put the attribute into a search box' HTML, this code will bring up the error you are getting in Blogger.

Let's solve the problem

The problem is that Blogger template uses XML format for template, and in XML an attribute can't be left alone, it need to have a value.So in following code I will show how to add a value in x-webkit-speech.

<form method="get" action="http://www.google.com/search">
 <input type="text" name="q" size="30" x-webkit-speech="true" />
 <input type="submit" value="Google Search" />
</form>

See the red line, I have added a value to it, now XML will not take it as an error and happily accept it.

If you still getting error please write to me on depy45631@gmail.com

"Angry birds Space" what this

Angry Birds a big name in gaming industry broken all records, if you are here then you already know what's Angry Birds is about. The game is available for Facebook,PC , Chrome Browser and Mobile Devices. It's a hit on all platforms. It's has various version available for gamers to play.The newest is Angry Birds Space. 

The above picture looks like the old Red bird, but it's different, it's a brand new bird for the new version of Angry birds.

Angry birds had an great time on earth, destroying types of enemies like pigs,monkeys etc. They now headed for the space, the new version is going to be played in space, everyone is curious about the environment and the new enemies, but I am most curios about about the new bird in above picture, that's completely looks so robotic.

It's going to launch on 22 March.

The earlier versions of Angry birds were also great, the last time Rovio caught people's attention, it was the launch of Angry Birds on Facebook,which is also a hit. Now Rovio is in the NEWS again because of their new upcoming version of Angry birds.


Fans of Angry Birds are extremely excited about the new Angry Birds, I am sure this will be going to be more thrill than any of earlier version of the game. The name is enough to make people crazy about it.

In Angry birds, the space was seen last in "Angry Birds Season" in a Golden Egg level of "Summer Picnic", but it's not important that the look and feel will be same as that, because if we see the picture on Angry Birds Space web page, we will get idea about it and see the picture of Golden Egg level in Seasons.

The tagline of Angry birds Space is "One small fling for a bird, one quantum leap for birdkind" seems very strong, this time the birds are going to be more bold than in any versions.

There are lot's of question about this version of Angry Birds, one of the most asked question is "Is this the final version of Angry Birds" , but I don't think so, they will be back again, Rovio wouldn't like to discontinue Angry Birds version, although Rovio is more famous for Angry birds, so they would not leave the game in same state, and Rovio will give us more versions of Angry birds.

If you want to keep yourself updated to Angry birds updates, then subscribe to our Newsletter, or stay connected with Angry birds Facebook Page.

A short teaser of "Angry Birds Space"

Remove Post Footer from blogger blogs

Post Footer are useful in blogs, but when you get more professional in blogging you will find that it's not important in my blog anymore,Post-footer has a share button,rating poll etc. but you can also add it later yourself if you want, most of the professional blogger has removed it and in place of it they put their own sharing buttons, which I will show in my future post. So subscribe blog with email. 

This can be easily done by CSS, a small code of CSS can hide anything on your page. This is the Post Footer

Instruction to remove it

1. First go to Blogger Dashboard >> Template >> Customize >> Advanced >> Add CSS
   
   
2. To remove the post footer we will add this small line of CSS code in the  custom CSS text area.
   
   
   .post-footer
   {
   display: none;
   }
3. Now the box should look like this. Apply it and then see your blog.

Now your blog will look more neat and clean, you can add your own share buttons and more gadgets in post footer. If you don't know how then subscribe to our Email Newsletter, on  right corner you will find the email newsletter box, enter your email and confirm.