Asian Collection

How To Apply for Online Jobs on Upwork.com in Urdu/Hindi

<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px; text-align: justify;">
<strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">Upwork.com</strong> which is formally known as Odesk.com is now the leading online workplace for independent contractors, companies and freelancers. Work can be done remotely from anywhere in the world, and can be delivered either independently or within a time-frame. I was requested by our readers to create a video tutorial in Urdu/Hindi about upwork process. I have explained about setting up your profile on upwork and then applying for jobs. Watch the videos below in Urdu/Hindi.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglfEtaL8n9W_oeJd-XfyYDG0TpFSNXxoE9XGdUk4YT1CVSdZTYNosOmJgdX3uvFyY81TcTllT7kZA751XwmNqYRmRDtHpRzVEdKSIa2Ks0GRyvIfQLH3qmA2onRpnHpCz3XAqkRdrb2mE/s1600/upwork-in-urdu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglfEtaL8n9W_oeJd-XfyYDG0TpFSNXxoE9XGdUk4YT1CVSdZTYNosOmJgdX3uvFyY81TcTllT7kZA751XwmNqYRmRDtHpRzVEdKSIa2Ks0GRyvIfQLH3qmA2onRpnHpCz3XAqkRdrb2mE/s320/upwork-in-urdu.jpg" width="320" /></a></div>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px; text-align: justify;">
<br /></div>
<h2 style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: Helvetica; font-size: 30px; font-weight: normal; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">
How Upwork Works?</h2>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px; text-align: justify;">
As narrated above, it’s a marketplace for both companies/clients & freelancers, the client posts jobs related to anything which can be done online, and the freelancers around the world apply to these jobs. The client starts interviewing the freelancers, and within a few hours they hire some freelancers, and the work begins. Upon completing the job or by reaching a milestone, the freelancer is paid for the work he/she has done so far.</div>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;">
<strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">Upwork takes 10% fee for each & every job that’s transacted on upwork.com.</strong></div>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px; text-align: justify;">
Upwork is simple & easy to use, recently Elance.com merged with Odesk in the shape of upwork.com, Elance was the main competitor of Odesk which also had millions of freelancers & clients, but now both the companies have merged, and the new name is upwork.</div>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px; text-align: justify;">
Watch below tutorials in Urdu/Hindi to learn setting up your successful profile on upwork.com and then bidding projects as well as writing a cover letter for jobs.nts which are necessary in order to be a successful freelancer on upwork.com.</div>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin: 0px; outline: none; padding: 0px;">
</div>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin: 0px; outline: none; padding: 0px;">
<strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">Important Tips/Requirements Before Joining Upwork: </strong></div>
<ul style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin: 0px 0px 20px 15px; outline: none; padding: 0px;">
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">You must be good at English</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">You must have strong skills in which you are expert</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">Read the Upwork Manual, which will teach you the basics of Upwork</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">You must complete your profile on upwork before applying for jobs</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">Do pass some basic tests on upwork for credibility</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">Always act like a professional when writing proposals for jobs</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">Never try to beg for jobs or request for jobs</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">Deliver the best work possible and client will return to you soon</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">Never create multiple accounts on upwork – one account is enough</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">Try to start with small projects for building trust</li>
<li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px; text-align: justify;">Try to offer your skills to friends/family in the starting</li>
</ul>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;">
<strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">How <a href="http://www.onlineustaad.com/make-money-online-in-urdu-hindi/" style="-webkit-transition: all 0.2s ease-in-out; border: 0px none; box-sizing: border-box; color: #c906c9; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.2s ease-in-out;">Much Money Can I Earn</a> on Upwork? </strong></div>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px; text-align: justify;">
You can earn money as much as you work, if you are an individual freelancer, you can earn $100 to $5000 monthly according to your skills, experience & feedback from clients. However, if you manage a company on upwork, you can even make $50,000 a month with your team. But honestly, there is no exact prediction on how much you can earn on Upwork, but again, all depends on the skills, experience & feedback.<strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;"> </strong></div>
<div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 16px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;">
If you have any questions related to this post or anything related to make money then you can ask that in the comment section below, I’ll be there to answer your questions as soon as possible. <strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">Happy Earning!</strong></div>

How To Apply for Online Jobs on Upwork.com in Urdu/Hindi

Upwork.com which is formally known as Odesk.com is now the leading online workplace for independent contractors, companies and freelancers...

deepika padukone in big boss season 9

deepika padukone in big boss season 9

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.<br />
<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>
<br />
<br />
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">
<br />
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.<br />
<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>
<br />
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.<br />
<br />
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.<br />
<br />
<br />
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 ...

20 Pixie Haircuts: 2016 Trendy Short Hairstyles

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong>Pixie Haircuts: Jennifer Lawrence Blonde Ombre Short Hair</strong> :<a href="http://pophaircuts.com/20-pixie-haircuts-trendy-short-hairstyle" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="Pixie Haircuts 2014: Jennifer Lawrence Blonde Ombre Short Hair" class="aligncenter size-full wp-image-4790" src="http://pophaircuts.com/images/2013/12/Pixie-Haircuts-2014-Jennifer-Lawrence-Blonde-Ombre-Short-Hair.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The awesome pixie hairstyle is textured slightly on the ends, with super long bangs that are thinned for extreme texture and effect. The layers are short and leave longer pieces around the top section. The pixie features neat bangs that are brushed forwards.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Cute Straight Short Hair for Girls</strong> :<a href="http://www.pinterest.com/pin/324048135659268649/" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="Pixie Haircuts 2014: Cute Straight Short Hair for Girls" class="aligncenter size-full wp-image-4789" src="http://pophaircuts.com/images/2013/12/Pixie-Haircuts-2014-Cute-Straight-Short-Hair-for-Girls.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
This sleek pixie hairstyle is cut shorter in the back and angled to be longer in the front. The short straight cut is slicked down, which has long bangs and great face-framing layers. The gorgeous pixie works best on straight hair types with either fine or medium texture.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Short Hair with Long Bangs</strong> :<a href="http://www.pinterest.com/pin/124271270940960460/" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="Pixie Haircuts 2014: Short Hair with Long Bangs" class="aligncenter size-full wp-image-4788" src="http://pophaircuts.com/images/2013/12/Pixie-Haircuts-2014-Short-Hair-with-Long-Bangs.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The cool pixie has a lot of attitude with its divine layers throughout the back up to the crown that brings it volumes. The neat side sweeping bangs are slicked down on the forehead to contour the top of the face and enhance the short hairstyle excellently. The smooth subtly layered looks splendid and is suitable for many events.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Easy Short Brown Hairstyles for Women</strong> :<a href="http://pophaircuts.com/20-pixie-haircuts-trendy-short-hairstyle" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="Pixie Haircuts 2014: Easy Short Brown Hairstyles for Women" class="aligncenter size-full wp-image-4787" src="http://pophaircuts.com/images/2013/12/Pixie-Haircuts-2014-Easy-Short-Brown-Hairstyles-for-Women.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The adorable short hairstyle has a lot of shape owing to the textured,soft and tender layers cut throughout the crown blending down to the nape. Jagged cut bangs place on the forehead to frame the top of the face increasing the wow factors and enhancing the cool hairstyle wonderfully.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Girls Short Hairstyles with Side Bangs</strong> :<a href="https://weheartit.com/entry/59310452" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="Pixie Haircuts 2014: Girls Short Hairstyles with Side Bangs" class="aligncenter size-full wp-image-4786" src="http://pophaircuts.com/images/2013/12/Pixie-Haircuts-2014-Girls-Short-Hairstyles-with-Side-Bangs.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The amazing pixie features brilliant red tones and fine smooth hair lays neatly along the sides of the face looks luscious. The sides are textured along the bottom edge with a slight razor-cut or point-cut skill to make the blunted hairline softer, yet leaving it with defined shape in a flattering way. Soft long neat bangs make the awesome look full of drama dimension and feminine factors.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Messy Short Blonde Hairstyle</strong> :<a href="http://www.pinterest.com/pin/570972058979055388/" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Messy Short Blonde Hairstyle" class="aligncenter size-full wp-image-4785" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Messy-Short-Blonde-Hairstyle.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
This cool short straight hairstyle is featured by textured ends and various layers. The splendid pixie is layered throughout the sides and back. The long side swept bangs is a little longer to maintain a feminine and chic look. The dizzying hairstyle is great for the formal events and it is suitable for many face structures.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Boyish Hairstyles for Girls</strong> :<a href="http://pixie-cropped.tumblr.com/image/69506674429" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Boyish Hairstyles for Girls" class="aligncenter size-full wp-image-4784" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Boyish-Hairstyles-for-Girls.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The short straight hairstyle features clear curved line and various layers which offer a textured and fun look. The heavy neat bangs hide the forehead and enhances the shining eyes greatly. The skillful layering creates dimension to make the fabulous hairstyle fuller. Theshort hairstyle suits many face shapes and occasions.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong>Pixie Haircuts: Asymmetric Short Hair</strong> :<a href="http://www.tumblr.com/reblog/69005059657/WTYz2nuC" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Asymmetric Short Hair" class="aligncenter size-full wp-image-4783" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Asymmetric-Short-Hair.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The textured short hairstyle is kept fun with slight layers and exudes fashion. The short hair has ragged edges and soft lines with neat bangs that blend into side burns. Longer layers at the crown add much volume. The smashing long neat bangs help balance out vertically shaped faces and the sideburns add shape to square shaped faces.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Cute Short Hair for Girls</strong> :<a href="http://www.flickr.com/photos/saralamharzi/8658455645/" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Cute Short Hair for Girls" class="aligncenter size-full wp-image-4782" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Cute-Short-Hair-for-Girls.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The adorable whispy pixie is featured by fabulous textures. The gorgeous crafted layers make the short hairstyle full of sophistication and definition. Some textures below the ears create the hairstyle an ideal oval silhouette. The back is wispy cut right down to the nape of the neck for an awesome finish. The gorgeous hairstyle can enhance nearly all face shapes.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Cool Short Hairstyle</strong> :<a href="http://www.flickr.com/photos/saralamharzi/8558968330/" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Cool Short Hairstyle" class="aligncenter size-full wp-image-4781" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Cool-Short-Hairstyle.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The gorgeous short hairstyle has layers and wispy edges that remove weight and give the splendid hairstyle much texture. The splendid blunt bangs pair the amazing short hairstyle greatly. Several long locks add much fun and cool factors to the pixie.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Layered Short Hair</strong> :<a href="http://johnkrasinski.tumblr.com/post/67443760919" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Layered Short Hair" class="aligncenter size-full wp-image-4780" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Layered-Short-Hair.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The short straight hairstyle looks simple, cool and sassy. The hair is cut shorter in the back, yet left a bit longer layers in the front and at the crown. The hair is carefully angled over the ears which create a free spirit.  The side sweeping bangs are a sliced-in fringe and sliced down the forehead neatly.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Short Hair, Tumblr</strong> :<a href="http://just-about-miss-lawrence.tumblr.com/post/66907396560" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Short Hair, Tumblr" class="aligncenter size-full wp-image-4779" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Short-Hair-Tumblr.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The cool short hairstyle with extra texture around the edges suits anoval face wonderfully. The long layered top keep it cool and modern.It’s a bit edgy, you are sure to turn heads with the chic short hairstyle.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Awesome Short Hairstyle</strong> :<a href="http://awwyisshorthair.tumblr.com/post/64682610816" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Awesome Short Hairstyle" class="aligncenter size-full wp-image-4778" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Awesome-Short-Hairstyle.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
This awesome short hairstyle looks cute, luscious and chic. The hair on top is a tad longer, which offers a mysterious volume and cool allure.The fabulous short hairstyle is suited for oval face shape. This hairstyle is effortless to create and maintain.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Short Hairstyle with Longer Side Bangs</strong> :<a href="http://weheartit.com/entry/80373130" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Short Hairstyle with Longer Side Bangs" class="aligncenter size-full wp-image-4777" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Short-Hairstyle-with-Longer-Side-Bangs.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
One side is trimmed shorter near the head while the other side is kept longer side bangs create an asymmetric look and feel. The short straight can freshen up your cool hairstyle. The softly razored ends enhance the edgy texture. It is a cool option for sporty and fashionable women.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Very Cute Hairstyle for Short Hair</strong> :<a href="http://pixie-cropped.tumblr.com/post/63192926753/radman77-hevface-another-shot-from" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Very Cute Hairstyle for Short Hair" class="aligncenter size-full wp-image-4776" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Very-Cute-Hairstyle-for-Short-Hair.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The splendid short hairstyle features face framing layers and crafted textures which adds stylish factors to the ravishing shining short hairstyle. The front layers are kept longer and neat long bangs just fall down the forehead tenderly, which pair the gorgeous hairstyle greatly.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong>Pixie Haircuts: Modern Faux Hawk</strong> :<a href="http://yoitsrena.tumblr.com/post/58735509036/shoot-with-katie-top-by-mariel-rojo" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Modern Faux Hawk" class="aligncenter size-full wp-image-4775" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Modern-Faux-Hawk.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The modern faux hawk looks, classic and. boyish. The side hair is shaven near the head, leaving a strip of noticeably longer hair at the crown which add much texture to the stylish pixie hairstyle. To keep it in place longer, you can apply some strong hold hairspray, and spray underneath when backcombing. The crazy and interesting short hairstyle is sure to gain many head turns.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Messy Short Hair Style</strong> :<a href="http://shy-and-bi.tumblr.com/post/55584070302" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Messy Short Hair Style" class="aligncenter size-full wp-image-4774" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Messy-Short-Hair-Style.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The smooth short hairstyle charmingly frames Rita Moreno’s jaw-line showing off the jagged cut layers throughout the sides The various layers are graduated and the nape area is kept longer to add volume and shape to the superb cool short hairstyle. The short length hairstyle enhances her long face charmingly. Some hairspray and some mousse can help keep it in place for a longer period. If you want a fresh and cool look, the short choppy hairstyle can be your ideal option.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Trendy Hair Color</strong> :<a href="http://pixie-cropped.tumblr.com/post/58361131874" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Trendy Hair Color" class="aligncenter size-full wp-image-4773" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Trendy-Hair-Color.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The short hairstyle features chic hair tones and crafted textures that make the splendid hairstyle eye-catching and trendy. The skillful and gorgeous layers make the cool hairstyle full of roundness and sophistication. Some smooth textures below the ears create the  luscious  hairstyle a perfect oval silhouette. The long neat bangs add some mystery and pair the smooth hairstyle wonderfully.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Asymmetry Short Hair</strong> :<a href="http://witch-bitch-666.tumblr.com/post/57624678621/more-face-spam-sorry-not-sorry" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Asymmetry Short Hair" class="aligncenter size-full wp-image-4772" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Asymmetry-Short-Hair.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
The cool and interesting asymmetry in the short hairstyle is really drastic and stylish. One side is trimmed short while on the other side it transitions into a long angled shot hairstyle. The awesome long blunt side swept bangs bring emphasis to the big eyes. This charming and cool pixie hairstyle can be more stylish for people with straight hair.</div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong> Pixie Haircuts: Side Hair</strong> :<a href="http://witch-bitch-666.tumblr.com/post/51481666274/better-pics-of-me-and-my-new-hair" style="border: 0px; color: #3db4af; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Source</a></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="2014 Pixie Haircuts: Side Hair" class="aligncenter size-full wp-image-4771" src="http://pophaircuts.com/images/2013/12/2014-Pixie-Haircuts-Side-Hair.jpg" style="display: block; margin: 0px auto 10px;" width="458" /></div>
<div style="background-color: #8bd3d0; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px; outline: 0px; padding: 0px; vertical-align: baseline;">
One side hair is shaved and the back and the other side is kept loose and longer.  This fabulous trendy short hairstyle is certain to earn admiring glances.The asymmetrical hairstyle works greatly on any hair texture.</div>
<span style="background-color: #8bd3d0; color: #333333; font-family: Arial, sans-serif; font-size: 13px; line-height: 19.5px;">- See more at: http://pophaircuts.com/20-pixie-haircuts-trendy-short-hairstyle#sthash.SnbnBdS9.dpuf</span></div>

20 Pixie Haircuts: 2016 Trendy Short Hairstyles

Pixie Haircuts: Jennifer Lawrence Blonde Ombre Short Hair : Source The awesome pixie hairstyle is textured slightly on the ends, wit...

Transamerica Life Cheap Insurance Company Logo Used on Wikipedia

<div dir="ltr" style="text-align: left;" trbidi="on">
The Transamerica Corporation is an American private holding company for various life insurance companies and investment firms doing business primarily in the America.It was acquired by the Dutch company Aegon in 1999 in United States as a biggest insurance as life insurance company launch with official logo.<br />
<br />
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-3832831056328539" data-ad-slot="8987515007" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Transamerica is a biggest insurance company logo used on wikipedia.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://stars2all.blogspot.com/2016/03/virat-kholi-vs-junaid-khan-fight-pak-vs.html"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqjnCxSV_3gASCxNof5BBRqizUOKhCRQ5weGVOhklZBf6-ZyEQ8hu8U79J5bUijsPmg-twhNFEF3Pqd4loSmehQmgVmzp8ZZiCddOk_0_0cNZGlShGVTOOvHpUZx2R7HwUwkcC0NXaosG/s320/12512742_690271097782592_7398806372197668611_n+copy.jpg" width="320" /></a></div>
<br />
<br /></div>

Transamerica Life Cheap Insurance Company Logo Used on Wikipedia

The Transamerica Corporation is an American private holding company for various life insurance companies and investment firms doing busines...

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.<br />
<br />
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.<br />
<br />
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 ?<br />
<br />
Removing whitespace in the code<br />
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.<br />
<br />
Testing your script with JSBin<br />
<br />
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.<br />
<br />
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.<br />
<br />
<br />
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...

Troubleshoot: No "Choose Files" in Image Uploader on Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
No "Choose Files" button appearing in the photo upload option in blogger ? It's a known issue and be fixed.<br />
<br />
The new Blogger interface has many bugs and don't work properly with older versions of browsers and many functions in it are difficult to use. Recently blogger users are having difficultly in uploading photos to their post because of no "Choose files" in photo upload options.<br />
<br />
What's the use of blogger if we can't even upload photos ? This is a frustrating problem but don't worry it can be fixed easily, there are two ways you can continue uploading pictures on your blog.<br />
Use a new Browser<br />
In this case the problem is with the browser, if you are using IE < 8  then try a newer and updated browser like Google Chrome. Download and install it here http://google.com/chrome<br />
<br />
There's no such problem in blogger on Google Chrome so you can now upload your pictures again.<br />
Use the Upload in HTML mode<br />
Don't want to switch to another browser ? No worries, you can still upload photos with a more basic upload interface that might work in IE too. In the blogger post editor you have two accessible mode Compose | HTML switch to HTML mode and upload image from there. </div>

Troubleshoot: No "Choose Files" in Image Uploader on Blogger

No "Choose Files" button appearing in the photo upload option in blogger ? It's a known issue and be fixed. The new Blogger...

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.<br />
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.<br />
<br />
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.<br />
<br />
<br />
Features<br />
<br />
Note: Search engine optimization in templates is not considered as a feature.<br />
The list of features of this template is long and we have previously listed it on this page<br />
http://www.stramaxon.com/2012/07/listverse-template-blogger-seo-friendly.html<br />
<br />
Search Engine friendly, how?<br />
<br />
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.<br />
<br />
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">
<b>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 ?</b><br />
<b>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.</b><br />
<b><br /></b>
<b>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. </b><br />
<b>Add Old GFC Follower gadget again ?</b><br />
<b><br /></b>
<b>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</b></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 ?<br />
<br />
<br />
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.<br />
How to make it better?<br />
<br />
It's very simple, all you have to do is wrap the ad code in a <aside> like this:<br />
<aside><br />
//Your Advertisement Script Here<br />
</aside><br />
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<br />
Where else I can use it?<br />
<br />
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.<br />
<br />
It's not only important for search engine optimization but also improves the document layout of your website.<br />
I want to know more about it<br />
<br />
Great, there are lots of resources online you may find helpful.<br />
https://developer.mozilla.org/en-US/docs/HTML/Element/aside<br />
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">
<b>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.</b><br />
<b><br /></b>
<b><br /></b>
<b>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. </b><br />
<b><br /></b>
<b><br /></b>
<b>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</b><br />
<b><br /></b>
<b>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 </b><br />
<b>Retrieving back the blog contents</b><br />
<b><br /></b>
<b>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 :</b><br />
<b>Use Google Reader</b><br />
<b>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.</b><br />
<b><br /></b>
<b>It's extremely easy to restore contents from your blog using Google reader, just follow these instructions  :</b><br />
<b>Login to your Google Reader (https://www.google.com/reader/) using your Google Account user details. </b><br />
<b>Now we need the feed links to access the blog's feed using reader and the feed link is</b><br />
<b>https://www.google.com/reader/view/feed/http://yourblog.blogspot.com/feeds/posts/default</b><br />
<b>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</b><br />
<b>https://www.google.com/reader/view/feed/http://stramaxon.blogspot.com/feeds/posts/default</b><br />
<b>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! </b><br />
<b>Get XML version of your blog feed</b><br />
<b>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 :</b><br />
<b><br /></b>
<b>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:</b><br />
<b>https://www.google.com/reader/atom/feed/http://yourblog.blogspot.com/feeds/posts/default?n=1000</b><br />
<b>Just remember to change yourblog.blogspot.com in the address to your blog address.</b><br />
<b>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.</b><br />
<b><br /></b>
<b>For example I want to retrieve about 200 post from my blog stramaxon.blogspot.com, the URL I need to use would be</b><br />
<b>https://www.google.com/reader/atom/feed/http://stramaxon.blogspot.com/feeds/posts/default?n=200</b><br />
<b>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. </b><br />
<b>Import it to a blog</b><br />
<b><br /></b>
<b>These XML files are very useful, you can import it into another blog. To do it in blogger, follow these steps :</b><br />
<b>Log into your blogger account </b><br />
<b>Use the dropdown menu next to your blog title and go to the Settings menu</b><br />
<b>Go to the Other tab under Settings </b><br />
<b>On that page, click on Import Blog under Blog Tools</b><br />
<b>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. </b><br />
<b>Great! Now all the post in that XML file would be uploaded to the blog and you can publish it all with one click. </b></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...

Full Page Background Image in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
Many people wants a full size background image for their blog which is not possible with the basic options provided in Blogger's template designer. But it is possible in blogger with some CSS lines.<br />
Blogger does provide hundreds of customization options in template designer to design the template of a blog in a graphical user interface and it's very easy to use to especially for normal users who don't want like to work with codes to design their blog. But it doesn't however provide all the options for design so the only way left is using CSS manually.<br />
<br />
Background images in blogger blogs can be changed and customized from the template designer but the options for background image is limited and you can't make much changes. Many blogger users want their blog to have a full sized background image that covers the complete background. Before you proceed to the tutorial, check how it gonna look.<br />
   <br />
Preview Demo Download Files<br />
Tutorial<br />
<br />
Doing this is very simple, just a small CSS rule needs to be added to the blog but before that you have to do some basic changes in your template to make sure no current CSS rule will override the new style.<br />
Uploading a full size image<br />
The background image you want to use as a full page background should be large enough to cover the entire viewport without getting pixelate. The image shouldn't be too large to be used on a web page and not even too small to be used for a full size background, it should be around 100kb - 150kb.<br />
The CSS<br />
This CSS adds some advanced background image properties that makes the full page background image possible. This is the CSS<br />
html, body {<br />
background: url('bgimage.jpg') no-repeat center center fixed;<br />
-webkit-background-size: cover;<br />
-moz-background-size: cover;<br />
-o-background-size: cover;<br />
background-size: cover;<br />
}<br />
Just change bgimage.jpg with the URL to your background image. It's the only change you need to make in the code. Now proceed to the next step.<br />
Adding the CSS to blog<br />
The final step is to add that CSS in your blogger template. To add the CSS, follow the steps :<br />
Go to your Blogger dashboard<br />
Select the Template tab<br />
Click on the Customize button to open Template designer<br />
Navigate to Advance -> Add CSS<br />
Paste the code in custom CSS box and click Apply to Blog<br />
Now check your blog for the change. If it didn't worked try clearing your caches and then refresh your blog using CTRL+F5 or try adding the CSS directly in the template.<br />
Thanks to Chris Coyier<br />
<br />
I would like to thank Chris Coyier of csstricks.com for sharing this CSS snippet. If you want to learn CSS and web designing in a fun way then his website is perfect for you.</div>

Full Page Background Image in Blogger

Many people wants a full size background image for their blog which is not possible with the basic options provided in Blogger's templa...

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!<br />
If you don't know what button I am talking about then this is what you are going to make after reading this tutorial :<br />
Hey! Hover me to see the effect<br />
<br />
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.<br />
<br />
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 :<br />
The CSS for button<br />
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 :<br />
.mjButton {<br />
    color:white !important;<br />
    background-color: #6188F5;<br />
    text-decoration:none !important;<br />
    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);<br />
    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);<br />
    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);<br />
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);<br />
margin:4px;<br />
    padding:8px;<br />
    text-transform:uppercase;<br />
    text-decoration:none;<br />
    border:1px solid gainsboro;<br />
    text-shadow:1px 1px grey;<br />
    font-weight:bold;<br />
    font-size:11px;<br />
    background-position: 21px 37px;<br />
    background-size: 65px 45px;<br />
    -webkit-transition:all 0.7s ease-in-out;<br />
    -moz-transition:all 0.7s ease-in-out;<br />
    -ms-transition:all 0.7s ease-in-out;<br />
    -o-transition:all 0.7s ease-in-out;<br />
    transition:all 0.7s ease-in-out;<br />
}<br />
<br />
/* Mouseover State */<br />
.mjButton:hover {<br />
     background-position: 21px 37px;<br />
     background-size: 999px 45px;<br />
}<br />
<br />
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<br />
The HTML for buttons<br />
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 :<br />
<a href="#" class="mjButton">hey! click this</a><br />
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...

Header Animating Entrance Effect for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
Not only for blogger but every one using HTML and web languages to display their blog or website. This is a small animating effect created using CSS3 to give an exclusive look to your website.<br />
The new CSS transform and animation can create awesome effect if used the correct way. And being a web designer who is still learning I get to learn about new techniques everyday but I don't always share it on my blog for blogger users who are not experts in using these technologies. I decided to post at least one add-on effect for blogger users every week and this is the first one.<br />
<br />
In this tutorial I will tell you how to make an animated entrance effect for the blog's title heading in blogger (can be used on any site by using the correct selectors). Here's the demo and file download link.<br />
Preview Download File<br />
<br />
To add this to blogger follow these instruction below<br />
Adding the CSS<br />
In most of our tutorials we first add HTML and then the CSS, but here will add the style code before editing the HTML. The CSS we need to create this entrance effect, is a long code, but don't worry, it won't slow down your site.<br />
<br />
Here's the code we are going to use :<br />
<br />
/* Animation Effect - Credit goes to Dan Eden @_dte */<br />
@-webkit-keyframes flipInY {<br />
    0% {<br />
        -webkit-transform: perspective(400px) rotateY(90deg);<br />
        opacity: 0;<br />
    }<br />
    <br />
    40% {<br />
        -webkit-transform: perspective(400px) rotateY(-30deg);<br />
    }<br />
    <br />
    70% {<br />
        -webkit-transform: perspective(400px) rotateY(10deg);<br />
    }<br />
    <br />
    100% {<br />
        -webkit-transform: perspective(400px) rotateY(0deg);<br />
        opacity: 1;<br />
    }<br />
}<br />
@-moz-keyframes flipInY {<br />
    0% {<br />
        -moz-transform: perspective(400px) rotateY(90deg);<br />
        opacity: 0;<br />
    }<br />
    <br />
    40% {<br />
        -moz-transform: perspective(400px) rotateY(-30deg);<br />
    }<br />
    <br />
    70% {<br />
        -moz-transform: perspective(400px) rotateY(10deg);<br />
    }<br />
    <br />
    100% {<br />
        -moz-transform: perspective(400px) rotateY(0deg);<br />
        opacity: 1;<br />
    }<br />
}<br />
@-o-keyframes flipInY {<br />
    0% {<br />
        -o-transform: perspective(400px) rotateY(90deg);<br />
        opacity: 0;<br />
    }<br />
    <br />
    40% {<br />
        -o-transform: perspective(400px) rotateY(-30deg);<br />
    }<br />
    <br />
    70% {<br />
        -o-transform: perspective(400px) rotateY(10deg);<br />
    }<br />
    <br />
    100% {<br />
        -o-transform: perspective(400px) rotateY(0deg);<br />
        opacity: 1;<br />
    }<br />
}<br />
@keyframes flipInY {<br />
    0% {<br />
        transform: perspective(400px) rotateY(90deg);<br />
        opacity: 0;<br />
    }<br />
    <br />
    40% {<br />
        transform: perspective(400px) rotateY(-30deg);<br />
    }<br />
    <br />
    70% {<br />
        transform: perspective(400px) rotateY(10deg);<br />
    }<br />
    <br />
    100% {<br />
        transform: perspective(400px) rotateY(0deg);<br />
        opacity: 1;<br />
    }<br />
}<br />
<br />
.flipInY {<br />
    -webkit-backface-visibility: visible !important;<br />
    -webkit-animation-name: flipInY;<br />
    -moz-backface-visibility: visible !important;<br />
    -moz-animation-name: flipInY;<br />
    -o-backface-visibility: visible !important;<br />
    -o-animation-name: flipInY;<br />
    backface-visibility: visible !important;<br />
    animation-name: flipInY;<br />
}<br />
<br />
.animated {<br />
    -webkit-animation-duration: 1.4s;<br />
       -moz-animation-duration: 1.4s;<br />
         -o-animation-duration: 1.4s;<br />
            animation-duration: 1.4s;<br />
    -webkit-animation-fill-mode: both;<br />
       -moz-animation-fill-mode: both;<br />
         -o-animation-fill-mode: both;<br />
            animation-fill-mode: both;<br />
}<br />
<br />
You know how to add this CSS in your blogger blog. Or if you don't know, then this post will help you http://www.stramaxon.com/2012/03/how-to-add-css-to-your-blogger-blog.html<br />
<br />
Thanks to Dan Eden for creating such good effects with CSS animation and transform, Here are some more animation effect on his site http://daneden.me/animate/<br />
<br />
The first step in order to add this effect is complete, now you need to do some HTML edits to make it work. See the next step.<br />
Editing the HTML<br />
To animate the entrance of your blog's title heading, we have to edit its HTML in the template. To do that go to your Blog Dashboard -> Template -> Edit HTML -> Check mark Expand Widget Template -> Now use CTRL+F to find the following code<br />
<br />
<br />
<h1 class='title' style='background: transparent; border-width: 0px'><br />
<b:include name='title'/><br />
</h1><br />
<br />
The code on your template might look different if you have enable background images or other settings, but the code will always contain the b:include wrapped inside it. Find it using the first few letters of the code you will find it.<br />
<br />
Now change add animated flipInY in the class attribute of the heading element <h1 class='title' the code should look like this (notice the first line)<br />
<br />
<h1 class='title animated flipInY' style='background: transparent; border-width: 0px'><br />
<b:include name='title'/><br />
</h1><br />
Note: The HTML code is two times in the template, you have to edit both codes.<br />
<br />
Not only blog's header but you can do this for any element on your blog page just by adding animated flipInY as class name to the element.</div>

Header Animating Entrance Effect for Blogger

Not only for blogger but every one using HTML and web languages to display their blog or website. This is a small animating effect created ...

Fighting MALICIOUS_JAVASCRIPT Notice in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
There have been many cases where a user's blog got deleted because of Malicious Javascript. It's frustrating to get your blog deleted but it's just down for a review. Read why it happens and how to prevent it.<br />
<br />
<br />
Blogger is one of the most popular CMS and the as it's free, spammers love to target their victims using Blogger blogs. Spreading malicious software and viruses has become easy for spammers and thus blogger blogs are becoming a weapon for those evil spam spreaders. The Blogger platform was already secure as it doesn't allow the user to access server side configurations but yet the spammers can use JavaScript to trick their victim and infect their system with malware etc.<br />
<br />
Keeping all these things in mind, blogger created a better spam detection system checks blogs for JavaScripts which redirects or does any other weird tasks and take down the site for safety of the readers.<br />
<br />
I am not a spammer! Why my blog got deleted?<br />
The spam detection system scans the blog for any suspicious scripts which can be a possible threat and then takes it down as I already said. It doesn't have anything to do with your profile.<br />
<br />
Usually spammers add JavaScript that does a redirect to a site or link to a virus, which infects your system and can do anything the virus creator wants it to do. But recently many normal blogger users' blog were taken down for MALICIOUS_JAVASCRIPT as many users use scripts and codes from external site without knowing what exactly it does. For example, when blogger introduced country specific redirection and a blog posted a script that stopped country specific redirection (which actually redirects the blog URL adding /ncr at the end). Here's the snippet of code used :<br />
var blog = document.location.hostname;<br />
var slug = document.location.pathname;<br />
var ctld = blog.substr(blog.lastIndexOf("."));<br />
if (ctld != ".com") {<br />
var ncr = "http://" + blog.substr(0, blog.indexOf("."));<br />
ncr += ".blogspot.com/ncr" + slug;<br />
window.location.replace(ncr);<br />
}<br />
<br />
The blog that published this article is quite popular and many blogger users used this code to stop country specific redirection. This is an example of scripts which can get blog deleted.<br />
How do I restore my Blog?<br />
Blogger spam detection and review system has got better. It now provides option for users to submit their blog for spam review.<br />
<br />
If you see a notice for your blog that indicates that your blog has been removed, you can now take action to restore it. Blogs deleted by spam detection system now will appear in the Deleted Blogs section in the Dashboard.<br />
<br />
Log into your Blogger Dashboard -> and click on Deleted blogs on the left hand side<br />
<br />
<br />
All your deleted blogs will be on that page, and the blogs deleted for spam and malicious javascript there will be a Restore button next to the blog name. It will send the blog for review to Google/Blogger Spam experts. You will get the reply within 48 hours.<br />
<br />
Now beware of of JavaScript codes on the internet, not all of them are spam but before adding them check what people are discussing about it, is it okay to use or has any problem. </div>

Fighting MALICIOUS_JAVASCRIPT Notice in Blogger

There have been many cases where a user's blog got deleted because of Malicious Javascript. It's frustrating to get your blog delet...

Auto Hide Notification Box in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
Notification boxes in blogs can be useful for notifying readers about something hot on your blog. But this notification box is a bit different from others, it hides automatically after a specified time.<br />
You may find lots of tutorials about these types of notification boxes but this one is different. It hides itself after a specified time which is the best thing about this. It won't remain there on the page forever (which can possibly disturb the reader not interested in notifications).<br />
<br />
Before we proceed to the tutorial check what you are going to add to your blog.<br />
Demo<br />
<br />
Proceed to the tutorial to know how to add it to your blog.<br />
The HTML<br />
<br />
<br />
The first thing we need is the HTML code as always. The code is simple and you can edit its content easily to make it ready for your blog. This is the HTML snippet<br />
<br />
<br />
<div id='float-bar' style='display:none;'><br />
<b class='notifyTextbld'>Notification:</b><br />
Hello! Welcome to our blog and blah blah blah. See this new post <a rel='nofollow' href='http://stramaxon.com'>Cookies!</a><br />
</div><br />
The box contains bold text "Notification" and below it is some message you want your readers to see. You may also include an anchor link to a post or website you want the readers to visit.<br />
<br />
Edit the HTML<br />
You will need to edit the text (on line number 3) to display your own message. You know how to do it, just replace the sample text with your own meaningful message. It also contains an anchor link :<br />
<br />
?<br />
3<br />
<a rel='nofollow' href='http://stramaxon.com'>Cookies!</a><br />
If you want your readers to visit a page then you can add your own HTML anchor links or any element, you can even add images inside it.<br />
<br />
If you are not familiar with HTML but want to add different HTML elements use the Blogger post editor to set the elements in a graphical user interface, switch to the HTML tab, copy the HTML and paste it in the third line of the HTML.<br />
Add the HTML<br />
To add this HTML you have to edit your template HTML so it's good to backup your current template.<br />
<br />
We can add this HTML anywhere in the template (inside body element) but to make sure it doesn't interfere with any other element in the template it is best to add it below everything. Follow this steps to do that :<br />
Go to your Blogger Dashboard<br />
Click on the Template tab<br />
Press the Edit HTML button, ignore the warning and proceed.<br />
Now open the in-page search function in your browser (default CTRL+F)<br />
And search for </body><br />
When you find it, paste the HTML code just above it and save the template.<br />
Once done, check your blog for the HTML (it might be at the bottom), it may look dull, to make it beautiful we will need the CSS. So proceed to the next step.<br />
The CSS<br />
<br />
Yeah, this is what gives life to dead HTML skeleton.  The following CSS will be used to style the notification box.<br />
<br />
#float-bar {<br />
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;<br />
background-color:rgba(248, 248, 248, 0.85);<br />
color:#000;<br />
padding:10px 30px 30px 30px;<br />
font-size:16px;<br />
position:fixed;<br />
right:10px;<br />
top:0px;<br />
width:500px;<br />
border-radius:0px 0px 10px 10px;<br />
z-index:99999;<br />
}<br />
<br />
#float-bar a {color:#000;}<br />
#float-bar a:hover {color:#000;text-decoration:none;}<br />
<br />
#float-bar .notifyTextbld {display:block;margin-bottom:20px;}<br />
Editing the CSS<br />
You might want to modify the codes. Edit the values in the highlighted lines.<br />
Line 3: This the background color of the box. Replace the value with a rgba color value (with alpha transparency) or HEX color code.<br />
Line 4: This is the color of the text inside the notification box. Use HTML Color Picker to choose a HEX color code <br />
<br />
<br />
Line 6: This is the size of font inside the notification box. Change the 16px to a desired value.<br />
Line 8: You can edit both the property name and its value. Change right to left if you want the notification bar to appear on the left side. And also you can change the 10px to a some other value, this decides how far the box should be from the position.<br />
Line 9: The number of pixels you can the box to be far from the top.<br />
<br />
<br />
Line 10: This is the width of the box. Change the pixel value if you want.<br />
If you know about CSS (it's easy) you may try adding for removing properties to design your own different box.<br />
Adding the CSS<br />
Check this tutorial to learn how to add CSS in Blogger<br />
http://stramaxon.blogspot.com/2012/03/how-to-add-css-to-your-blogger-blog.html<br />
The JavaScript jQuery<br />
<br />
The final step is to add the JavaScript jQuery script. The script controls how the box should enter and exit. We can do a lot of things with it but for now we will just do the basic in and out stuff.<br />
Including jQuery Library<br />
If you already have jQuery library installed then skip this step. If not then copy the HTML line below :<br />
?<br />
1<br />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br />
To add this in your template : Go to your Blogger Dashboard -> Template -> Edit HTML -> Search for </head> and paste the code just above </head> and save the template.<br />
<br />
Now you may proceed to the next step.<br />
The jQuery Script<br />
This is the script you need.<br />
<br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$('#float-bar').slideToggle(445,function(){<br />
$(this).show(function(){<br />
setTimeout(function (){<br />
$('#float-bar').slideUp(445);<br />
},5000);<br />
});<br />
});<br />
});<br />
</script><br />
You don't need to change anything in this script expect the number of seconds you want the notification bar to stay on the page.<br />
<br />
The line number 7 contains a number value 5000 which is the number of milisecond after which the box will disappear. 1000ms = 1sec, so just change the value to set a different time for it to hide. If you want the box to stay on the page for 20 seconds you may change the value to 20000<br />
Adding the Script<br />
The procedure to add the script is same as adding the HTML in the body. To add it go to your Blogger Dashboard -> Template -> Edit HTML -> Use CTRL+F and find </body> in the template and then paste the jQuery code just above </body>.<br />
Showing it just on Homepage<br />
<br />
You might not want this notification bar everywhere so the question how do you set it to just display on homepage, post pages, or an index page and archive pages.<br />
<br />
The best way to do this is to use Blogger conditional tag (which works on the backend) which will make the box render only on the page type you specify.<br />
<br />
The code we will need is this<br />
<br />
<b:if cond='data:blog.url == data:blog.homepageUrl'><br />
//The HTML/JS/CSS or any code you want.<br />
</b:if><br />
Replace the 2nd line in this code with the HTML code of the notification box and then add it to your template as instructed in in the tutorial. All we did is added the <b:if> conditional tag around the HTML code provided in the tutorial.<br />
<br />
Now check your blog for the new notification bar. How is it ? I hope you liked it but if you found any error in the code then do post it in the comments. Thanks.</div>

Auto Hide Notification Box in Blogger

Notification boxes in blogs can be useful for notifying readers about something hot on your blog. But this notification box is a bit differ...

Open Links in a New Tab on Right Click Disabled Sites

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Disabling right click on websites and blogs are not a common thing among bloggers who don't want their sites content to be copied.</b><br />
<b>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.</b><br />
<b><br /></b>
<b>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 !</b><br />
<b><br /></b>
<b>But if you are here then you considered to Google a solution for this instead of damaging your PC.</b><br />
<b>  </b><br />
<b>Opening a link in new tab</b><br />
<b><br /></b>
<b>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.</b><br />
<b><br /></b>
<b>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.</b><br />
<b><br /></b>
<b>But if you have a mobile device then god bless you :( but don't lose hope, Google again for a solution for mobile devices.</b><br />
<b><br /></b>
<b>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.</b><br />
<b>For Website/Blog Owners</b><br />
<b><br /></b>
<b>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.</b><br />
<b><br /></b>
<b>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.</b><br />
<b><br /></b>
<b>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!</b></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...

Disable Left Click on Images in Blogger Posts

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>In Blogger, when someone clicks an image (added from blogger image uploader) in blog posts the image are opened in new tab.</b><br />
<b><br /></b>
<b>This is the default behaviour of posted images in Blogger, it's specially designed for image lightbox but if the lightbox is disabled images are opened in new tabs, it's because the images you add in post editor are automatically wrapped in an anchor element with a link to the original image which makes the image a link to the its source.</b><br />
<b><br /></b>
<b>There's no settings in Blogger Dashboard to turn this function on or off so you have do some extra work to prevent images from opening in new tab if it's clicked. There are two ways to do that.</b><br />
<b><br /></b>
<b>Editing HTML of each and every post</b><br />
<b><br /></b>
<b>When you upload a image in your blogger post the image is automatically wrapped inside an anchor tag to the original image file. That's the reason images you post on bloggers are clickable, if you remove the anchor tag, the image becomes unclickable.</b><br />
<b><br /></b>
<b>Open your blogger post editor, upload an image in a blank post and then switch to the HTML mode (use the buttons on top left). This is what you will see :</b><br />
<b><br /></b>
<b><br /></b>
<b><div class="separator" style="clear: both; text-align: center;"></b><br />
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkG8ChiejykPWJtQL6joBrpArt4pR-qovBUVj2r2cKMCc6BrtWfVtJ0RiWrqZeE7V0joPdi2U5R71f2i3tTMFRYm7D9IabSxKggsR-hsTAj3uWZBkefGFWnLrW5S_dU_irwi0mHpt7M0V/s1600/301804_419266174773556_195336197166556_1276547_1117941733_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></b><br />
<b><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkG8ChiejykPWJtQL6joBrpArt4pR-qovBUVj2r2cKMCc6BrtWfVtJ0RiWrqZeE7V0joPdi2U5R71f2i3tTMFRYm7D9IabSxKggsR-hsTAj3uWZBkefGFWnLrW5S_dU_irwi0mHpt7M0V/s320/301804_419266174773556_195336197166556_1276547_1117941733_n.jpg" width="286" /></b><br />
<b></a></b><br />
<b></div></b><br />
<b><br /></b>
<b>Deleting those two highlighted lines (2 and 4) will do the job or in the compose mode click on the image and then the Link option on the format toolbar, it will remove the link.</b><br />
<b><br /></b>
<b>But you have to do this every single time you upload an image which is a difficult and if you have hundreds of posts with thousands of images then this is going to be a boring job for you.    </b><br />
<b><br /></b>
<b>The JavaScript way</b><br />
<b>With a small code of JavaScript on your blog, you can disable left click on all the images inside posts on your blog it means you don't have to edit each image to remove it's link. However this JavaScript don't remove the link from the image, it just disables left click on the images.</b><br />
<b>Adding the jQuery Library first</b><br />
<b>Note: If jQuery is already added in your template, skip this step.</b><br />
<b>Before we add the main JavaScript code, let's include the jQuery framework in the template. It's a JavaScript framework. Here's the HTML code for the jQuery framework :</b><br />
<b>?</b><br />
<b>1</b><br />
<b><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></b><br />
<b><br /></b>
<b>To add this HTML in your template go to your Blogger Dashboard -> Template -> Edit HTML -> Press CTRL+F (CMD+F on Mac) and search for <head> and paste the JavaScript/HTML immediately below it. It may then look like this</b><br />
<b><br /></b>
<b><head></b><br />
<b><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></b><br />
<b>.....</b><br />
<b>........</b><br />
<b>Once the code is on the right place, click on Save Template and the first step is done. Now move onto the next step for the real action.</b><br />
<b>The jQuery Function Code</b><br />
<b>This small jQuery code disables left click on images (or anything else you want) inside the post body. So even if you have your images wrapped inside a clickable anchor link, and even if you click it, nothing will happen.</b><br />
<b><br /></b>
<b><script type='text/javascript'></b><br />
<b>$(document).ready(function(){</b><br />
<b>$('.post-body a img:not(.clickEnabled)').click(function(e) {</b><br />
<b>    if (e.which === 1) {</b><br />
<b>        e.preventDefault();</b><br />
<b>    }</b><br />
<b>});</b><br />
<b>});</b><br />
<b></script></b><br />
<b>To make this code work for your blog you have to add this in the template. Follow the instruction to add it :</b><br />
<b>Go to your Blogger Dashboard</b><br />
<b>Select the Template tab</b><br />
<b>Click on Edit HTML and proceed</b><br />
<b>Now use CTRL+F or CMD+F on Mac</b><br />
<b>Search for </head> in the template and then paste the jQuery/JavaScript code just above it and Save the template. </b><br />
<b>This is what the code should look like on it's correct place</b><br />
<b><br /></b>
<b><script type='text/javascript'></b><br />
<b>$(document).ready(function(){</b><br />
<b>$('.post-body a img:not(.clickEnabled)').click(function(e) {</b><br />
<b>    if (e.which === 1) {</b><br />
<b>        e.preventDefault();</b><br />
<b>    }</b><br />
<b>});</b><br />
<b>});</b><br />
<b></script></b><br />
<b></head></b><br />
<b>Note that this will disable left click on all the linked images in post body of your blog, but if you ever want an image to be clickable then just add the clickEnabled class to the img tag. So a click enabled image should look like this (just notice the class name)</b><br />
<b>?</b><br />
<b>1</b><br />
<b><img src='some-image.png' title='An amazing image' class='clickEnabled'/></b><br />
<b>This will stop the code from running on this particular image, you can do this on any number of image in your posts.</b><br />
<b><br /></b>
<b>Not only on blogspot, you can use this snippet of code on any website you want Wordpress, Tumblr etc. just change the selector (the .post-body a img:not(.clickEnabled) thing) but if you aren't sure about it you can contact me to know the correct selector for you site or blog. </b><br />
<b><br /></b>
<b>This code simply stops the browser from doing anything when the link images inside post body are clicked, simple, isn't it ? </b><br />
<b><br /></b>
<b>If you are facing problems implementing this code into your blog, do let us know in the comments, also remember to include your blog address with the comment. If you have any suggestions, comments are welcomed.</b></div>

Disable Left Click on Images in Blogger Posts

In Blogger, when someone clicks an image (added from blogger image uploader) in blog posts the image are opened in new tab. This is the d...

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.<br />
<br />
<br />
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.<br />
<br />
<br />
Contact the blog owner<br />
<br />
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.<br />
<br />
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 :<br />
<br />
And to learn how to transfer blogs between two accounts read this<br />
http://support.google.com/blogger/bin/answer.py?hl=en&answer=41448<br />
<br />
<br />
Can't contact the owner?<br />
<br />
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.<br />
<br />
<br />
What should I do now?<br />
<br />
I believe a blog address doesn't matter that much for a blog. You couldn't get a neat blog address like<br />
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<br />
http://blogging.nitecruzr.net/2009/05/value-of-your-blog-is-based-upon.html<br />
<br />
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.<br />
<br />
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.<br />
<br />
Here's the page where you can try Google Nose (beta) https://www.google.com/intl/en/landing/nose/<br />
<br />
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 !<br />
<br />
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<br />
<br />
Update: Have you tried Google Maps in treasure mode ? Try it now https://maps.google.com/maps?t=8<br />
<br />
April Fool! When Google trolls, they do it in their own way, haha.<br />
<br />
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 ?<br />
<br />
<br />
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.<br />
<br />
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.<br />
<br />
It's often good if you hire a freelance web designer but check their portfolio too before giving them the work and money.<br />
<br />
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.<br />
<br />
Not Search Engine Friendly<br />
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.<br />
<br />
<br />
Not User Friendly too!<br />
<br />
<br />
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.<br />
<br />
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.<br />
Now People are used to Flash free sites<br />
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.<br />
<br />
<br />
Waste of Money<br />
<br />
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.<br />
<br />
The Decision is Yours<br />
<br />
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.<br />
<br />
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 ...