Asian Collection

Easiest Way to Earn Money for Freelance Web Designers

<div dir="ltr" style="text-align: left;" trbidi="on">
If you have just entered the world of web designing it will be difficult for you to find work to earn some bucks but don't get disappointed, we have found a great way for you to earn money with your web design skills. 
 
Internet is a great place use your web design skills and earn money from it, but finding clients is not easy as it seems. You can find a job in some local IT company etc. or start working as a freelance. Both have their own pros and cons. But if you are a person who wants to earn money fast by doing the work you like then Freelancing is the option for you. 
 
 
 
It might be difficult for you find clients and projects on your own but if you are ready to work as a freelance then Freelance.com is a great start-point for your web design career. Unlike other outsourcing programs it doesn't require you to have years of experience in the area you want to work in. 
 
If you are willing to work then you can start earning 100s of dollars in less than a week. Freelancer.com is a platform for both small business and entrepreneurs. The site has more than 9 Million users which makes it a great Freelancing platform. 
 
It will take not more than 10 minutes to setup your profile and after that you will be able to bid on projects and take part in contests. 
 
Not just web designing, from Data Entry to T-Shirt designing, it's got a large number of areas of work.</div>

Easiest Way to Earn Money for Freelance Web Designers

If you have just entered the world of web designing it will be difficult for you to find work to earn some bucks but don't get disappoi...

Add A New Year Background Image to your Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
New year is just hours away and everyone is getting prepared wish new year to their friends and family. If you run a blog it would be a good idea to celebrate new year with your readers by changing its look a bit. 
 
This new year eve, add a bit of code in your blog to wish your blog readers a happy new year. We just add a view lines of code to set a new background image with a happy new year message on your blog. 
 
It's almost 2014, so without much blah blahs, following are the wallpaper's preview and the code you need to add : 
 
 
1. Dark Brown Wallpaper 
 
 
html, body { 
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwYmAglhKQ0gm9VBSZ1O6Hb6ajCmhJ3Mv4EussI2P-DdByi9n9wmsq0zAN6NCd4C3vquLaw1F8gvxl8FB_1TJ0dTAcijIcLb8k2ZfdA2N9P37XHGLTs-oxNi2KF9j-UFv6I7TgjAnjiNRg/s1600/1059-happy-new-year-1280x800-holiday-wallpaper.jpg') no-repeat center center fixed;  
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 
 
 
 
2. Background with Fireworks 
 
 
 
 
html, body { 
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjxM6_HI-K-_s6KyzxA8xPaIgMnfgVPVveoavdD_dc0MALs1SE-5BavL_sQzqLbJWbPkMJ7aDI4ZWm6-69HBqz6OZx4d5LNGw0LqvvmoKdfYRvLqRDdEQxKE9w3gPk1Rge4lidui2DtGG1/s1600/1961-happy-new-year-1280x800-holiday-wallpaper.jpg') no-repeat center center fixed;  
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 
 
 
3. Purple Background 
 
 
html, body { 
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsb2hsg90B1Us91_0f9g3WqXI1Qg4mlLFI1c9qKsCY5U_GTkge2KebHOHSjfPW4nm6zfOSE2MNWqsBSz_emM9OJPlGU1VjhG3lBixOzAi-ykctB8J1SqAXiyC8SMRKj_dMmeox4uDuYnAb/s1600/2084-happy-new-year-1280x800-holiday-wallpaper.jpg') no-repeat center center fixed;  
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 
 
4. Classic Gold Shine 
 
 
 
html, body { 
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyxfTC7b9Etwp_pWHu0jZebpD0CtN9tHr0EuNY7U9_rQN_7hv85F1CZ21gwz6zt2WnP3LQcYFQntmYp5BlDorFx-Gqfu6Rm08lMqpotthRJJ8Mm2K6AV2HRYd4TqC0z8i9XUfbpkMNn-AL/s1600/2085-happy-new-year-1280x800-holiday-wallpaper.jpg') no-repeat center center fixed !important;  
-webkit-background-size: cover !important; 
-moz-background-size: cover !important; 
-o-background-size: cover !important; 
background-size: cover !important; 
} 
 
Add the code 
 
Once you've chosen a background image that suits with your blog you are ready to apply its code on your blog. To do it, copy the code. 
 
Now go to your Blogger Dashboard -> Template -> Customize -> Advanced -> Add CSS -> Now paste the CSS code in the text area in the "Add CSS" tab and save it by clicking the "Apply to Blog" button.</div>

Add A New Year Background Image to your Blog

New year is just hours away and everyone is getting prepared wish new year to their friends and family. If you run a blog it would be a goo...

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

How to convert an ECM file to BIN

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
I will show the use of ECM file and will also give a tutorial on how to convert it to any usable format like BIN</div>
<div>
 </div>
<div>
I was browsing a PSX game site and downloaded a game from there and got a ECM file, that was the first time i saw an ECM file, i researched about it and was able to convert it to a working BIN file, the original ECM file was 200MB and when i converted it, it went 600MB, so you can imagine how powerful is this ECM system. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBID-o_IyRvQivs6cde3O3HSXCIwF49-NYSgjcWnGrWlkpXWBkkkyVCZVFcttoH0w47HZaqvaGCZAM5wosHT-C_hhQbZiPwY0biQeIGq6GrAj1FHSwI4BODTcYKYZx72FOrBQ7Y9VkVXE/s1600/ecm10042.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBID-o_IyRvQivs6cde3O3HSXCIwF49-NYSgjcWnGrWlkpXWBkkkyVCZVFcttoH0w47HZaqvaGCZAM5wosHT-C_hhQbZiPwY0biQeIGq6GrAj1FHSwI4BODTcYKYZx72FOrBQ7Y9VkVXE/s320/ecm10042.png" width="320" /></a></div>
<div>
 </div>
<div>
ECM files are used to compress files and folders from a CD or CD image, it's very powerful and can compress a CD image to 200MB from 600MB, isn't it great ? So, many people compress their file to ECM and upload it to internet to save space and bandwidth. But the file can't be open by a Disk Burning or CD image converting programs like Nero, MagicISO etc. They are only to burn files of CD images type like ISO,CDZ,BIN etc.</div>
<div>
So read this post to know how to open it.   </div>
<div>
 </div>
<div>
What is an ECM file?</div>
<div>
ECM stands for Error Code Modeler , it compresses files and save huge amount of space, most of the CD/DVD have unnecessary EDC/ECC data in them and takes lots of space on the drive, ECM only adds the data in the compress file, and thus the file size changes, the compression size depends on unnecessary EDC/ECC data on the CD. Compressing a CD image to ECM is easy, just open the CD image file into your favorite compression program and save the file as [filename.bin].ecm, just add ECM at end. </div>
<div>
 </div>
<div>
How to convert ECM to BIN?</div>
<div>
Ok, let's get back to the main thing, but read the above contents as well, we were at 'How to convert ECM to BIN' or any other readable/burnable file format, because we can't burn an ECM file to a CD so we need to convert it to use it.  </div>
<div>
 </div>
<div>
The procedure is small, it's just a 2 minute job. To make it easy to understand for you, i will list step-by-step procedures, please read them carefully.</div>
<div>
 </div>
<div>
 </div>
<div>
First of all we have to download a file, with which we will convert the ECM file to a BIN file, it's not a good looking program but works great, thanks to Neil Corlett for this program. I have set a password to extract files from the RAR file, the password is stramaxon.</div>
<div>
 </div>
<div>
 </div>
<div>
Download File - Password for the file: stramaxon</div>
<div>
Now extract the RAR file with WinRAR program, it will ask for a password, just enter "stramaxon" in the password field (without quotes)</div>
<div>
 </div>
<div>
Open the ecm100 folder in the extracted folder there will be two files, unecm.exe and ecm.exe</div>
<div>
Open the folder where your ECM file is, now drag and drop the ECM file on unecm.exe in the ecm100 folder</div>
<div>
 </div>
<div>
 </div>
<div>
A similar window may pop-up when you drag and drop the ECM file into the unecm.exe, wait for it to decode 100%.</div>
<div>
Once it's 100% completed, the cmd windows will close, now check the folder where tje ECM file </div>
<div>
was, a BIN file will be created. </div>
<div>
 </div>
<div>
And done !</div>
<div>
 </div>
<div>
We have successfully converted the ECM file to an burnable image file BIN. If you want to change the BIN file to other CD image file, you can do it by burning the BIN file on a CD and then making image file from that CD, i know that will be easy for you, but if you don't know how to do it then please request me an tutorial on @gmail.com</div>
</div>

How to convert an ECM file to BIN

I will show the use of ECM file and will also give a tutorial on how to convert it to any usable format like BIN I was browsing a PSX ...

Facebook Took Action to Block Developer Tools - Know Why

<div dir="ltr" style="text-align: left;" trbidi="on">
If you recently tried accessing the developer tools in your browser on Facebook you might have noticed a large notification in the console highlighted in red. Well, that's for a reason, if you haven seen that scam/spam yet let's tell you more about it. 
 
Developer Tools are great for debugging websites and running scripts manually on a web page, it could be done on any website including Facebook. By writing a script, the author can make anything do with the site on Facebook they can use it for sending friend requests, making comments etc. anything that is possible. Because all that functions are controlled by JavaScript onsite. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg2naLPmhX2f8C4Klb9JKlAWRyitevoehvGmKaMeqXcIySyYlOdtrkx10fqI6z19j4foUbAN7XpbLpaJ2qPGQH8AtPYO5O3ymwb3wc0CDSfi4FOCWir2xVUYmd_xmgISQt43uzjREeZ3E/s1600/Facebook-spam-theme.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg2naLPmhX2f8C4Klb9JKlAWRyitevoehvGmKaMeqXcIySyYlOdtrkx10fqI6z19j4foUbAN7XpbLpaJ2qPGQH8AtPYO5O3ymwb3wc0CDSfi4FOCWir2xVUYmd_xmgISQt43uzjREeZ3E/s640/Facebook-spam-theme.png" width="640" /></a></div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjva2VEQLTnWM5-XNKwA8QNKIVqhY_cwC7GzxkUIRmbx5hk7BS7UbFhjFK6krqg2k9Y6y96mbBGrxNowy5NpZN9VeV7EaOCYNTzpp3vS8e9Y-DVelArE_9QoI5j4EPBuQOfZvbmK5ANzWo/s1600/fb-console-disabled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjva2VEQLTnWM5-XNKwA8QNKIVqhY_cwC7GzxkUIRmbx5hk7BS7UbFhjFK6krqg2k9Y6y96mbBGrxNowy5NpZN9VeV7EaOCYNTzpp3vS8e9Y-DVelArE_9QoI5j4EPBuQOfZvbmK5ANzWo/s400/fb-console-disabled.png" width="400" /></a></div>
 
 
Taking advantage of these awesome feature of a browser, some notorious spammers have wrote a script which auto-tags people and like pages associated with them on their statuses where they post instruction to use their code they wrote by claiming that the user will get a new theme for their Facebook, which would seem to work but what it does in the background will terrify you. 
 
The code would send unwanted likes to the pages the spammers wants, it will auto-tag your friends in 100s of status automated by the script and much more as they might even get access to your account. The spam have got amazingly viral as people do really think it's going to work and try it without giving it a thought. 
 
How does it actually look ? 
 
This is an example of well planned viral spam by some script kiddies originating probably from Indonesia. 
 
 
 
The link they tell you to open contains the code which they ask you to run in the browser's console which then do what it is supposed to - screw you. 
 
If you see any such things in the future don't let it make you look like a fool! Just block that person and you are good and safe. 
 
Facebook Took An Action to Control it 
 
By disabling developer tools temporarily. Developer Tools is a great tool for developers so they didn't disabled it permanently on their site, but it let's you choose what you want to do. And will also show you what could be the consequences of running scripts from Unknown sources.  
 
Not all scripts are dangerous, for example see my "How to Select All Friends at Once on FB" script, it just automatically selects your friends for inviting them in events etc. But you can clearly understand from this that code can do things that you don't expect to be automated. 
 
Beware before you run scripts from third-party sources especially from these so-called lucrative offers. And even though the script seems fine to you make sure to see what others say about it, what's their opinion to get an idea about it. 
 
It's all, be safe online :) </div>

Facebook Took Action to Block Developer Tools - Know Why

If you recently tried accessing the developer tools in your browser on Facebook you might have noticed a large notification in the console ...

Making Images Fit in Post Body on Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
If you are working on a responsive design for your Blogger blog, or you are just tired of resizing your images in post editor to fit in the post container then this tutorial will show you an easy way to make images fit with it's surrounding. 
 
This problem occurs often when you try to post images of the dimension larger than your content area or you are just using a responsive layout and when it down-sizes, the images overflows the content area. 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmTQx-PNvrZQqM9atdKJEgzoDmYNyU-fKT3rdjNr37s3ZDerwC-XOZzNu4VRaZ5eepPQ2IdUY3PL70jtibO0U4dXqUN0e0PGTPcs-j-G0D8rtJbm28zJoJO7YHE9ypvbAtPL-qMoKR_Zs/s1600/images-fit.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmTQx-PNvrZQqM9atdKJEgzoDmYNyU-fKT3rdjNr37s3ZDerwC-XOZzNu4VRaZ5eepPQ2IdUY3PL70jtibO0U4dXqUN0e0PGTPcs-j-G0D8rtJbm28zJoJO7YHE9ypvbAtPL-qMoKR_Zs/s320/images-fit.jpg" width="320" /></a></div>
 
Before you continue with the tutorial, check the demo: 
Demo: Without the CSS Demo: With the CSS 
 
In the first demo, the image in the container overflows because the width of the image is larger than that of the image, but in the second demo, if the image width is greater than the container's, it will fit itself to the container. 
The Code! 
 
All this can be achieved with a small block of CSS code. Before I start giving you lectures on how this works, here's the code for you to use (can be used in most Blogger Templates, but you might need to change the selectors if you are using a custom designed template): 
 
 
.post-body img { 
    max-width:100%; 
    max-height:auto; 
} 
 
Now you just need to apply this code to your blog, check this tutorial to learn how add CSS in Blogger. 
How does it work? 
 
If you are not a web designer or coder, then this might all seem like a magical charm to you, but it's just code, code that's made to make your life easier. Well, so if you are ready to get bored then I am starting my chapter on CSS. 
 
What actually does the magic is the max-width CSS property which gives any element a maximum width limit. So if you specify an element the the maximum width of 200px, it wouldn't exceed it. The 100% value tells the browser that the element(s) must not exceed the full content width of the container. 
 
The max-height property helps in keeping the original proportion of the image intact. To know more about what would happen if you specify a value in percentage then try and check the results ;)</div>

Making Images Fit in Post Body on Blogger

If you are working on a responsive design for your Blogger blog, or you are just tired of resizing your images in post editor to fit in the...

Is Your Facebook Down ? You're not alone!

<div dir="ltr" style="text-align: left;" trbidi="on">
Facebook, the second largest website on the internet has suddenly stopped working everywhere! 
 
Update: It is up now 
Millions of (almost everyone who uses FB on a daily basis) people encountered error while trying to access the Facebook website. None of the pages is accessible. 
 
It shows the following page (Facebook's current status) : 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJqg9ngPpTZLPUbAZcc4bqTHFxQDbferY9Vh9Pk0FmFyS7irq9qxnQpez6mFmZAZRPm35OI5W2kdnbpJhyphenhypheneC4XwDwid-9x0YQdV2YqNdv4vBB3mGCVvrgIGBtmwUeVk_8yl5PjU8y6V0/s1600/facebook-down-june-2014.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJqg9ngPpTZLPUbAZcc4bqTHFxQDbferY9Vh9Pk0FmFyS7irq9qxnQpez6mFmZAZRPm35OI5W2kdnbpJhyphenhypheneC4XwDwid-9x0YQdV2YqNdv4vBB3mGCVvrgIGBtmwUeVk_8yl5PjU8y6V0/s320/facebook-down-june-2014.png" width="320" /></a></div>
 
Sorry, something went wrong 
We're working on getting this fixed as soon as we can 
 
This  is all Facebook has for the users now, no technical details about the errors are out yet. Plus there has been no updates on when it will be fixed and Facebook will be accessible again. 
 
Don't worry, no one is able to access Facebook for now, so use an alternative to connect to your friends and family. 
 
What you can do: 
 
1. Go out.. meet your friends in real, chat with them and click some photos and share it using bluetooth. 
2. Use Twitter or Google+ to show your condolences for the sudden demise (temporary) of Facebook (#kidding huh!) 
3. Remember the old days? We used Text Messaging! 
 
What you can't: 
 
1. Update your status about Facebook's error. 
 
Some Twitter updates on #facebook</div>

Is Your Facebook Down ? You're not alone!

Facebook, the second largest website on the internet has suddenly stopped working everywhere! Update: It is up now Millions of (almost e...

Fun With The Developer Console: Styling Console Output

<div dir="ltr" style="text-align: left;" trbidi="on">
This post is for people who are familiar with the Webkit JavaScript console you find in Chrome and Safari browser. Did you know you can do a lot more with the console than just logging output ? 
 
Console is a great tool for any developer to debug web sites and apps. But did you know you can even style your output with CSS ? Nope ? 
 
Okay, so copy the following code and run it in the console (CTRL + Shift + J) 
 
console.log("%cSee, you can style me!", "font-size:6em; color:#60B660; border:1px solid #eee; font-family:'Open Sans', Arial, sans-serif; text-transform:uppercase;"); 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxwQ_HEuianIkNqxzEHZayNy9O-L0qsfhtYFGfLVA4-215ojvq5nsVKOF-VBe1SouADJoe8xPk6d_5zm9zx_5eQtGy76d1r_ulgQrV28cewGMvWLJ0PikBRQSMDUI5ktm6ontp2SyVvL4/s1600/console-style.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxwQ_HEuianIkNqxzEHZayNy9O-L0qsfhtYFGfLVA4-215ojvq5nsVKOF-VBe1SouADJoe8xPk6d_5zm9zx_5eQtGy76d1r_ulgQrV28cewGMvWLJ0PikBRQSMDUI5ktm6ontp2SyVvL4/s320/console-style.jpg" width="320" /></a></div>
 
 
See! It is that easy. With a few more parameters in console.log() you can get a style output of the text you pass in as the first parameter with prefix of %c . You pass regular CSS styles in the second parameter to style the output. 
 
If you want to style multiple parts of the string you are outputting, you can do this: 
 
 
console.log("%cLarge Text!  %cSmall Text", "font-size:52px;", "font-size:12px;") 
 
So here we have two %c, to style them differently we need to pass two different strings with the CSS styles to apply on the corresponding part of the string. For more details check the docs on Chrome developer site 
 
A Little More fun 
 
Using this feature of the Webkit Developer tools, I wrote a JavaScript code which does magic on your console ;) Want to see what? Check out this pen (http://codepen.io/depy/pen/uxdpw) and open your developer console.</div>

Fun With The Developer Console: Styling Console Output

This post is for people who are familiar with the Webkit JavaScript console you find in Chrome and Safari browser. Did you know you can do ...

Easiest Way To Use WhatsApp on PC

<div dir="ltr" style="text-align: left;" trbidi="on">
Using WhatsApp on PC has been really a hot topic, one obvious answer is to use an Android emulator and then use WhatsApp, but it has its own difficulties. I will show an easy way to use WhatsApp on PC or even Mac. 
 
I don't usually write about such things on my blog, but the method I am using is closely related to one thing I love the most, and that's web technologies. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitsIaGG2sgpi4cc3Z8SsWqDWGeQ2dzfuMcT9j63ypwCWFk9Qr_d7gIr8kNKZDZ669kaXS4MhGIfm589rZqkmO3c5a38ajL-kmDqUzZq3ngXRW0VeE9qakw-_5LKyBTZn2M25gOg6xQYK8/s1600/whatsapponpc.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitsIaGG2sgpi4cc3Z8SsWqDWGeQ2dzfuMcT9j63ypwCWFk9Qr_d7gIr8kNKZDZ669kaXS4MhGIfm589rZqkmO3c5a38ajL-kmDqUzZq3ngXRW0VeE9qakw-_5LKyBTZn2M25gOg6xQYK8/s320/whatsapponpc.jpg" width="320" /></a></div>
 
 
The most popular method and the only one known to be legit is using the Bluestack Android Emulator, then download WhatsApp and use it, but getting Bluestack to work on your system is a challenge in itself, and if you have a system with old graphics card or low memory then you have no chance of getting it work! 
 
How? Let's get this started! 
 
 
Let's first compare the size of things you need to download to get started with using Whatsapp on PC: 
 
BlueStack Method : 103MB (Bluestack Download) + 40MB (Whatsapp Download) =  143MB 
Firefox Method : 87MB (Firefox OS Simulator Download) + 38MB (Firefox Browser Download) + 3MB (ConnectA2 App) = 128MB, and no need to download Firefox if you already have Firefox > 32 (latest version) 
 
We will move ahead step by step, as even this isn't easy, just require proper concentration on what you are doing. 
1. Download Mozilla FireFox 32+ 
If you already have the latest version of FireFox then skip this step, else go to http://www.mozilla.org/firefox and download and install the latest version of Firefox on your computer. 
 
2. Installing Firefox OS Simulator 
Using your Firefox browser, go to the following URL https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/ and install Firefox OS 2.0 or the latest stable release (note: downloading older version might not work properly.) 
 
 
 
 
Running Firefox OS Simulator 
We are halfway down there! If you have successfully passed the previous steps then bravo, the next steps are really easy. 
 
In Firefox, open the App Manager from Tools -> Web Developer -> App Manager 
 
Now start the Emulator by click on the blue "Start Emulator" button at the bottom menu 
 
 
 
You are now ready.. select the Firefox OS 2.0 or any version of emulator you have installed and a new window might open: 
 
 
 
Installing ConnectA2 
Whoa! See you are using a mobile OS, that's the fun of Firefox OS simulator. Unlock the lock screen and use it the way you would use any other smartphone OS. 
 
You would need ConnectA2 app to use WhatsApp, so open the Firefox App Marketplace 
 
 
 
After it's downloaded, open it and enter your country and phone number, you will be sent an SMS for verification. Enter the code and you are ready to use it! 
 
To add new contacts in your chat list you first have to add that contact in the Contacts list on the Firefox OS. Use the Contacts app to add contacts and then you can simply add them in your WhatsApp. 
 
If you didn't understanding some or not working, you can leave your comments and we will try to solve the problem. Enjoy using WhatsApp on your PC now.</div>

Easiest Way To Use WhatsApp on PC

Using WhatsApp on PC has been really a hot topic, one obvious answer is to use an Android emulator and then use WhatsApp, but it has its ow...

Confirm Friend Request on Facebook All At Once

<div dir="ltr" style="text-align: left;" trbidi="on">
Popular on Facebook? So you have got 100s of friend requests pending on your Facebook profile, confirming them one by one can be a pain. This small block of JavaScript code can save you time and energy. 
 
 
Before we start I want to tell you that it's not guaranteed this code might work in the future. If Facebook's website structure changes, there's a possibility that this code might become obsolete, but that doesn't mean you can use a script to do that, we will work on a new script and update it on the blog. 
 
Last Tested: 28 September 2015 (Works) 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvBQV_G9mHaB-HrxTc8WGW0nCFamffEf-W0HUgusQntLt1cxR9sPr0gK_PKD7sghy9d3x2hJoIQUqnmT-Zt_A1OUmplbZVEIeYLV9YZfWyztMoYkY9Pa8nYmxiN0-oTriZCAlLtZzzqXM/s1600/confirn-friend-request.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvBQV_G9mHaB-HrxTc8WGW0nCFamffEf-W0HUgusQntLt1cxR9sPr0gK_PKD7sghy9d3x2hJoIQUqnmT-Zt_A1OUmplbZVEIeYLV9YZfWyztMoYkY9Pa8nYmxiN0-oTriZCAlLtZzzqXM/s320/confirn-friend-request.jpg" width="320" /></a></div>
 
 
But for now this code must work perfectly for confirming all the friends request at once. Login to your Facebook profile and go to the friend requests page where you can view your pending friends requests, use either Mozilla Firefox or Google Chrome or Safari. 
 
Keep showing up more friend requests pending by clicking on "Show more" button until you reach the end. 
 
The Magic Charm (JavaScript Code) 
 
_________________________________________________________ 
var confirmBtns = document.getElementsByTagName('button'); 
for (var i = 0; i < confirmBtns.length; i++) { 
    if (confirmBtns[i].innerHTML == "Confirm") { 
        confirmBtns[i].click(); 
    } 
} 
__________________________________________________ 
Now Run The Code 
 
We assume you have the code snippet on your clipboard, copied. Now you need make use of the developer tools in the browser. 
 
Developer tools are small set of tools use to debug web sites. To learn more about using developer tools see - How to open developer tools. 
 
To open Developer Console 
Press CTRL+SHIFT+J (for Chrome), CTRL+SHIFT+K (for FireFox) to open the JavaScript Console. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikRT9oLULMWppn4VDILTJV9ReAqBAxYKDmCXAGJk3pslTuvIRbZm12ckCbCD2LpslgyKEM3IZITFQeijGagAQczZWkWqnsfipxAOMrsTx8FsoCkoHe4WDZeBHUj18u6F7bzzTbDKWChj0/s1600/ss.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikRT9oLULMWppn4VDILTJV9ReAqBAxYKDmCXAGJk3pslTuvIRbZm12ckCbCD2LpslgyKEM3IZITFQeijGagAQczZWkWqnsfipxAOMrsTx8FsoCkoHe4WDZeBHUj18u6F7bzzTbDKWChj0/s320/ss.jpg" width="320" /></a></div>
 
 
Paste the code in the console and press enter to run the code. If done correctly your pending friend requests will get confirmed one by one in a matter of seconds. 
 
Note: Facebook might show up a big warning message to do not copy-paste codes and tell you it might be scam and yes never ever run suspicious or codes not from trusted sources in the console, the scripts can do malicious things on your Facebook account. </div>

Confirm Friend Request on Facebook All At Once

Popular on Facebook? So you have got 100s of friend requests pending on your Facebook profile, confirming them one by one can be a pain. Th...

Remote Debugging Intex Cloud Fx. (FireFox OS) using ADB and WebIDE on Firefox

<div dir="ltr" style="text-align: left;" trbidi="on">
Recently Mozilla's Firefox OS came to India with the brands Intex and Spice. If you are a developer and trying to test apps or debug your phone using ADB then you might have had a hard time. The official tutorial on Mozilla Developer Network just have listed the basic steps, but to make our Intex device work we need to get our hands somewhat dirty in code. 
 
This guide is meant for Windows users only. Alternatively you can use the vendor ID for the Intex Device if you are on another system and just need the vendor ID. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijajir5G01sfQ7c3ohjxUmc83JIoaEr8TNrDB44po1kRAjWy6_-bied152u51QeaHOU15UuiHMYIEIMWIZ_L1bD6xcwXA7x-9tmF6xD4FjcuBpwMC03vej20-hqL8d4LqP_ODMumxEXk0/s1600/app.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijajir5G01sfQ7c3ohjxUmc83JIoaEr8TNrDB44po1kRAjWy6_-bied152u51QeaHOU15UuiHMYIEIMWIZ_L1bD6xcwXA7x-9tmF6xD4FjcuBpwMC03vej20-hqL8d4LqP_ODMumxEXk0/s320/app.png" width="320" /></a></div>
 
 
Before we start, we need to have the following things: 
 
ADB and Fastboot - ADB is included in the official Android SDK, but it is about 800mb, and for one simple application downloading the whole heavy SDK wouldn't be a nice idea. So download this 15 Seconds ADB Installer from the link and install on your system. 
Mozilla Firefox 35+ - Currently Mozilla Firefox 35+ is a Nightly Build. But if you don't want to download an 80mb thing again, you can alternatively use the latest Mozilla Firefox which has the App Manager. 
 
ADB Helper Addon - Install the ADB Helper on your Mozilla Browser. 
For now we just need these two things in order to get start.  
 
You need to learn a little bit about using Windows Command Line and ADB. If you know about how to use them you are all set to go! 
 
Connect Your Device 
 
Connecting your device is more than just plugging the USB cable. We need to make some changes on our device so it works without any problem. 
Disable Screen Lock 
If you have screen lock enable on your device, simply disable it by going to  Settings > Screen Lock (Under "Privacy and Settings") 
 
 
 
 
 
 
Enable Remote Debugging 
 
Disable USB Storage in your devices' settings before you enable remote debugging. 
 
Now you need to enable remote debugging in the settings of your phone. Go to Settings >  Device Information > More Information > Developer > And under "Remote Debugging" choose "ADB and Devtools" 
 
 
 
 
We Need USB Drivers for our Device 
For ADB to detect our device Intex Cloud Fx. it needs its OEM USB Driers, but the problem is that Intex doesn't provide it, so bad. 
 
But we have got a workaround. By specifying the vendor ID in the adb_usb.ini file in the ADB application directory we can get our device connected to ADB. Here's how: 
 
The vendor ID of our Intex Cloud Fx. Device: 0x1782 
 
Download this file: adb_usb.ini (Dropbox)  
 
Where to save it? C:// drive > Users > {username} > .android > Paste the adb_usb.ini file there. 
 
 
Start ADB 
Open the "RUN" window by pressing  
Window + R then type "cmd" and hit enter to open the command prompt window. 
 
 
 
Now you must connect your device using an USB cable with all the settings mentioned above. 
 
We are now ready to see if the devices is connected to ADB or not. Run the following command and see what it returns: 
? 
1 
adb devices 
 
If successful it will show something like: 
 
 
 
 
If not, then you must try unplugging and then plugging the USB cable. Also try it on different USB ports too and check if you have done everything mentioned in the "Connect Your Device" section above. 
 
Now we need to tell ADB to forward the port to the WebIDE or App Manager on Firefox browser to actually get started with debugging. To do that run this command: 
 
? 
1 
adb forward tcp:6000 localfilesystem:/data/local/debugger-socket 
 
You are done! Continue to the final step. 
Open Firefox Browser (with either App Manager or WebIDE) 
 
First let's clear the confusion between App Manager and WebIDE, on Firefox 33 and prior App Manager is the default app to manage and debug apps on Firefox OS, and in later version WebIDE replaced the App Manager. 
 
See: 
    WebIDE Documentation 
    Using the App Manager 
 
I am going to provide instructions for both application. The overall functionality of both the apps are similar, except for that WebIDE is newer it has more updates than the previous App Manager, 
 
Connecting your device with WebIDE 
Open your Firefox browser. Go to Tools > Web Developer > WebIDE or simply hit Shift + F8.  
 
 
 
Now in the WebIDE Interface, click on the dropdown on the right that says "Select Runtime", if you can see "Cloud Fx." under the USB Devices, then simply click on it and it will get connect. 
 
 
 
 
Else click on "Remote Runtine" and enter the port as localhost:6000 and the WebIDE will be connected to the device. If it succeeds the icon will turn blue and you can access the apps in your devices on the left pane of the user interface. 
 
Now you can debug apps, install your own apps on the device remotely.  
 
Connecting with App Manager 
The process is pretty much the same. Connect your device with the adb command prompt first. Then open Firefox browser. 
 
Go to Tools > Web Developer > App Manager  
 
At the bottom of the screen, you will see the device id in the list of connections available. Click on it and the device will be connected to the app manager. 
 
 
 
 
When connected you will see something similar to this: 
 
 
 
Yay! We are done. Now debug the way you want, but just don't damage your phone ;) 
 
Fun things to do! 
 
You can debug system apps like Gallery, Camera etc. And you can edit the HTML, CSS or JS of those apps live and can see the result on the device screen. 
 
If you know HTML/CSS/JS you can really have fun tweaking things on your device. That wouldn't be permanent, as once you close and re-open it will go into its original state. 
 
But you can create your own apps and install it on the phone. </div>

Remote Debugging Intex Cloud Fx. (FireFox OS) using ADB and WebIDE on Firefox

Recently Mozilla's Firefox OS came to India with the brands Intex and Spice. If you are a developer and trying to test apps or debug yo...

Google Code Project Hosting Is Going Away

<div dir="ltr" style="text-align: left;" trbidi="on">
Google Code, a project hosting service that Google started in 2006 has finally came to its end. Google Code is now closed for open projects and all the projects will become read-only in August 2015 and finally the website would be shut down early next year as they stated in their email. 
<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/AVvXsEjBRm7rrRKeDz0GdQtOWEZVTUe-6UwTtIuJFO-S_ROWJZz1TwekOZliRWX2KGAdshN7l4EooHRJh87MUYY-ReDOw6tO15yfu_5BJO1TV91zTkG-l6EklCf_iML9eEu4n6r_vC31BewK1F0/s1600/google-code-going-away.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Google Code Project Hosting Is Going Away" border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBRm7rrRKeDz0GdQtOWEZVTUe-6UwTtIuJFO-S_ROWJZz1TwekOZliRWX2KGAdshN7l4EooHRJh87MUYY-ReDOw6tO15yfu_5BJO1TV91zTkG-l6EklCf_iML9eEu4n6r_vC31BewK1F0/s320/google-code-going-away.jpg" title="Google Code Project Hosting Is Going Away" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Google Code Project Hosting Is Going Away</td></tr>
</tbody></table>
 
google code going away 
 
 
Google took this hard but important decision as there are even better project hosting services available like GitHub, SourceForge etc. And it doesn't even feel like Google worked on it to make it better, it is just simply functioning and can host projects and no extra features that other services provide and probably that's the reason they've decided to shut it down next year. 
 
There are more than a million projects being hosted on the website by hundreds of thousands of users, now that it is going to die all the projects must be transferred to another Project hosting service. Many projects on Google Code hasn't been touched in years, and that's the case with most of the projects, as people opt-in to better alternatives and never looked back. 
 
<h3 style="text-align: left;">
How Does That Affect Me</h3>
 
If you are a developer then you know what to do next, so I would just skip this for you. 
 
And if you are not, then you probably might own a website, a blog or a web app. There is a chance with Blogger platform that you have had added a plugin for example a "Related Post Widget" and its source code is being hosted on Google Code, and that's where you are linking to get the source code. 
 
There wouldn't be any difference until next year when they shut it down completely and no data will be available. 
 
<h3 style="text-align: left;">
What Must I Do As A Blog Owner</h3>
 
If you are a kind of blogger blog owner who loves adding a lot of third-party widgets and features from "vague" sources then you probably have got a reason to worry.  
 
All you have to do is make a list of third-party widgets and functions you have stuffed in your blog and contact the original authors of the widget and ask them if the users are safe or not, and are they hosting and hotlinking to Google Code for the source codes. Hotlinking is the term for direct linking to files on a destination, here Google Code, which is going to be shut down next year. 
 
 
<h3 style="text-align: left;">
What if I Fail</h3>
 
Oh no! Don't worry though, there wouldn't be any "zombie apocalypse", if your site's functionality relied on Google Code then only those specific things will stop working, only in rare cases it might break the whole website, only in RARE cases</div>

Google Code Project Hosting Is Going Away

Google Code, a project hosting service that Google started in 2006 has finally came to its end. Google Code is now closed for open projects...

PiSquare - Responsive and Search Optimized Blogger Templete

<div dir="ltr" style="text-align: left;" trbidi="on">
A template plays a very important role in the exposure of your blog on the web and major search engines, if your blog is lacking search visibility then it obviously needs improvement in it's structure and design. 
 
<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/AVvXsEgXTB-vo11jONtsEE1xD-kmDuUtks5jLas7Dau7ae2L7TtAs-YCk6ee5bG5ZTcnWteMfyOW1epIzp27KfWwUF_OlB18KbKgsim1J5GG2Al3E5Q51KtRvFgxsnLujng86FEheJYKYqLY2Fk/s1600/pisquare-blogger-template-specialities.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="PiSquare - Responsive and Search Optimized Blogger Templete" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXTB-vo11jONtsEE1xD-kmDuUtks5jLas7Dau7ae2L7TtAs-YCk6ee5bG5ZTcnWteMfyOW1epIzp27KfWwUF_OlB18KbKgsim1J5GG2Al3E5Q51KtRvFgxsnLujng86FEheJYKYqLY2Fk/s640/pisquare-blogger-template-specialities.jpg" title="PiSquare - Responsive and Search Optimized Blogger Templete" width="328" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">PiSquare - Responsive and Search Optimized Blogger Templete</td></tr>
</tbody></table>
 
 
 
PiSquare Blogger template is a clean and minimalist Blogger template with a lot of customization options like color scheme editor and header image customization. 
 
It is a responsive blogger template which means you don't have to switch between mobile and desktop template to view your blog on mobile phones and tablets or any small device. 
Features 
 
You will be able to experience the feature of the templates only when you install it on your own blog and have the full access to customize it according to your needs but let us tell you a few features of this template 
 
RWD: Responsive Web Design 
 
As already discussed, Responsive Web Design let's your blog display on mobile devices without having to scroll horizontally or zoom in or out to view the content properly. The columns automatically adjusts itself to fit the view port and provide the reader a seamless experience. 
 
Search Engine Optimized 
 
As always we make a template one thing in mind and that is to make it comply with all the search engines with proper methods and techniques. The template is search optimized which means your blog's content will appear on search engines in a well manner which might increase traffic to your blog. 
 
Insanely Fast 
 
Being fast is one of the most important aspects of SEO, if your blog isn't fast and it takes time to load then it's a disaster and search engines might not give you any priority even though you have great content. PiSquare uses techniques that loads the most important part and resources first and then the rest. 
 
These are some of the major features of the template, other visual and customization features are on the following list: 
 
Color Scheme Customization:  
 
Change the default color scheme to anything you like in the Blogger's Template Editor, under "Advanced" option (listed in the documentation) 
 
Video and Image Post Summary:  
 
The template displays your posts as summaries with a big image or video from the post and a short text snippet. 
 
Responsive Videos: 
 
 If you post videos on your blog then you might want to make them responsive too, well we have got you covered! Make videos responsive as you like (listed in the documentation) 
 
Pre-added Sharing Button: 
 
 Sharing buttons of the major social sites are already present on the blog posts so that users can share your content easily. 
 
This Template is For ? 
 
This template is multi-purpose Blogger template which means you can use it for any niche or topic. Travel, Cooking, Sport, Video Blogger, Photography or anything you can think of. With a little customization you can personalize the template to make it fit your blog. 
Buy or Download for Free 
 
You can either buy or download the template for free from MasTemplate.com. The premium version costs only $10 and you can get support and free updates with the ability to use the template without the the attribution in the footer.</div>

PiSquare - Responsive and Search Optimized Blogger Templete

A template plays a very important role in the exposure of your blog on the web and major search engines, if your blog is lacking search vis...