13 February 2015

Material Design Refresh for Google Help Panes



Most Google services use floating help panes, so you can find relevant articles from the help center and read them inside the web app. Google Flight Search uses a new interface for the help panes, powered by Material Design. New icons, bigger headings and search box, new color palette.









You can check the new UI by visiting Google Flights and clicking Help. Google Maps, Gmail, Google Drive and other Google services still use the old interface.









The nice thing about Google's help panes is that they list contextually relevant articles. For example, if you go to Gmail's filters section from the settings page and click Help, you'll find articles about using filters, blocking unwanted emails and changing your Gmail settings.



{ via Florian Kiersch. }

YouTube Tests New Logo



YouTube's site tests a new logo that looks just like YouTube's mobile app icon. It's smaller, instantly recognizable and more consistent.









For some reason, YouTube still shows the old logo at the bottom of the page:






Here's the regular YouTube interface:





11 February 2015

Get 2 GB of Free Google Drive Storage



Google promotes a security feature from the account settings page: security checklist. You can protect your Google Account by reviewing your recovery information (phone, email), your recent activity (a list of devices that have accessed your account in the last 28 days) and your account permissions (sites and applications to which you've granted permission to access your Google Account). There's also a setting that lets you disable access for less secure apps.






It only takes a few minutes to review this information and you'll get a reward: 2 GB of free Google Drive storage. The nice thing is that Google's bonus storage is not limited to 2 or 3 years like in other Google promotions: it's permanently added to your account. You need to complete the checkup by 17 February 2015 and you'll get the free storage at the end of the month.



"After you've gone through the checkup successfully, you'll see three green checkboxes (see below) that confirm you're eligible for the free storage and, more importantly, that you've taken steps to enhance your online safety. We'll be granting the storage automatically to everyone around 28 February 2015 and we'll send you an email when your adjustment is complete," explains Google.



I got 4 green checkboxes for my account: recovery information checked, recent activity checked, access for less secure apps enabled, account permissions checked.

10 February 2015

New PDF Icon for Gmail and Google Drive



Gmail has recently updated the icon for PDF attachments: it no longer uses the Adobe Reader icon and it opted for a basic text icon.






Here's the PDF icon used by Gmail since its release back in 2004:






Google Drive also shows the new icon for PDF files:






Now that browsers like Chrome and Firefox have built-in support for opening PDF files, Gmail and Google Drive let you open PDF files, Adobe Reader is less important and fewer people install Adobe's PDF software. That's probably the reason why Google picked a different icon.



{ Thanks, Joost Honig and Angelo Giuffrida. }

YouTube Autoplay, Ready for Release



I've noticed that YouTube's autoplay experiment shows up more and more often, which usually means that it's ready for release. One of the changes in the latest iteration is that the player has a "next" button, which lets you play the video from the "up next" section. There's no "previous" button, but you can use the browser's "back" button.









"When autoplay is enabled, a suggested video will automatically play next," explains YouTube. If you don't like this feature, you can disable it from the right sidebar or from the player's controls.









{ Thanks, Florian Kiersch. }

09 February 2015

An Easier Way to Unsubscribe from Mailing Lists in Gmail



Gmail has made it easy for you to unsubscribe from email newsletters and other bulk mail. You can open a message, click the “unsubscribe” link and Gmail will automatically remove your email address from the mailing list. This option is however only available on the Gmail website and not if you are using Gmail on the mobile phone or accessing Gmail through an app like Outlook or Dropbox’s MailBox.


There are third-party services, Unroll.me for example, that let you remove yourself from unsolicited bulk email but you’ll have to grant access to your entire Gmail mailbox and Google contacts to them. The service is no doubt convenient but would I be willing to give full access to my email account to a third-party? Probably not.


Christian Heilmann’s tweetFeature request for Gmail: automatically find and follow the unsubscribe link in all highlighted mails – prompted me to research this topic in a bit more detail and it turned out that building an automated system for unsubscribing from bulk email isn’t that difficult. Here’s how it looks like:


Unsubscribe from Gmail Bulk Messages


How to Unsubscribe from Bulk Mail in Gmail


What I have now is a simple Google Script that parses the content of bulk emails and find the unsubscribe link. If the link is found, the script opens the link and the email is unsubscribed. In some cases, the bulk sender would require you to send a message to a special email address to unsubscribe and the script can do that as well.


You don’t have to grant access to your Gmail account to any service, you can unsubscribe without even open the email (faster) and you can add emails to the unsubscribe queue from any email client including desktop and mobile apps. Let’s get started:



  1. Click here to copy the Gmail Unsubscriber sheet to your Google Drive.

  2. Go to the Gmail menu in the sheet (see screenshot) and choose Authorize. All the script access to your Gmail account. It is an open source Google Script that runs in your own Drive and not a single byte of data is shared with anyone.

  3. From the same menu, choose Start and pick a name for your Gmail label (the default is Unsubscribe). Save your changes


The Gmail Unsubscriber program is now initialized and running in the background. You can apply the Unsubscribe label to any Gmail message and you’ll be automatically unsubscribed in 10-15 minutes. Everything is logged in the Google Sheet so you know what’s happening behind the scenes. Give it a try!


How Gmail Unsubscribes from Mailing Lists


All legitimate bulk email senders include a List-Unsubscribe field in the message header that contains a URL or email address for unsubscribing from a mailing list. Here’s a screenshot:


List-Unsubscribe Header in Bulk Emails


You can view these details by opening any bulk message inside Gmail and choosing “Show Original” from the menu. In other cases, the unsubscribe link may be included in the message body with the anchor text like “click here to unsubscribe” – the script is smart enough to recognize all such links, it opens them for you and removes your email address from the mailing list.




The story, An Easier Way to Unsubscribe from Mailing Lists in Gmail , was originally published at Digital Inspiration by Amit Agarwal on 09/02/2015 under GMail, Internet.

03 February 2015

Know the Battery Status of your Visitor’s Mobile Phone



When someone visits your website, you can easily retrieve information about the charge level of their mobile or laptop’s battery through the Battery Status API (live demo). This is currently supported on Google Chrome, Opera & Firefox on the desktop and Chrome for Android.


The Battery API can be implemented with few lines of JavaScript code and reveals all the required details about the device’s battery charge level. You’ll get to know:



  1. Whether or not the visitor’s battery is currently being charged.

  2. How much is the battery charged?

  3. If charging, how many seconds until the battery is fully charged.

  4. The remaining time in seconds until the battery is completely discharged.

    Battery Status Demo


    You can attach event listeners so the battery data is updated as soon as the charge level of the hardware’s battery is changed while the visitor is still on your page. You can go one step further and even integrate this with Google Analytics and store the battery charge level of your visitor’s devices using Events in Analytics.



    <script>

    if (navigator.getBattery) {
    navigator.getBattery().then(function(battery) {
    display(battery);
    });
    } else if (navigator.battery) {
    display(navigator.battery);
    } else {
    console.log("Sorry, Battery Status API is not supported");
    }

    function display(battery) {
    console.log('Charge level? ' + battery.level);
    console.log('Battery charging? ' + battery.charging);
    console.log('Time to charge? ' + battery.chargingTime);
    console.log('Time to discarge? ' + battery.dischargingTime);
    }

    </script>

    This can have several use cases. For instance, when the visitor’s device is running low on battery and not plugged-in, the web developer can choose to automatically save the changes – like the form entries – in localStorage before the battery is completely drained.


    Here’s a complete list of browsers that currently support the Batter Status API as found on caniuse.com. To know more, refer to the documentation on Mozilla and W3.


    HTML5 Battery Status




    The story, Know the Battery Status of your Visitor’s Mobile Phone , was originally published at Digital Inspiration by Amit Agarwal on 03/02/2015 under JavaScript, Internet.


Save your YouTube Videos to Google Drive



You have been uploading videos to the YouTube website all this time but you are now looking to explore additional channels. Maybe you can put them on other video hosting websites like Vimeo or your Facebook page to reach an even wider audience. You can bundle the YouTube video files as an iTunes podcast that people can download and watch offline.


The important point is how do you get your original video files from YouTube for uploading to other websites? If you have been diligently storing a backup of every single video file that you have ever uploaded to YouTube, please skip reading this, else there are two “official” options.


If you head over to the creator dashboard on the YouTube website, you can download any of your website with a simple click (read how-to). The only downside with the option is that YouTube downsizes your HD videos to 480p.


Also see: Save Web Files to Google Drive


There’s another option available inside Google Takeout that will not only let you download your YouTube videos in their original high-resolution but also saves the files directly to your Google Drive. Thus, you can start the download process and it will save all your files, big and small, to Google Drive in the background. Once the files are in Drive, they’ll automatically sync to your desktop that you can later upload to other video websites.


To get started, go to this custom link, click the Next button and choose Add to Drive as your delivery method. That’s it. All you YouTube videos will be zipped and added to the Takeout folder in Drive in few hours. If the total size of your videos exceeds 2GB, it will create multiple files of 2 GB each.


An in addition to original videos, the zipped files from take will also include the video descriptions as well as all your playlists in JSON format.


Download YouTube Videos to Google Drive




The story, Save your YouTube Videos to Google Drive , was originally published at Digital Inspiration by Amit Agarwal on 03/02/2015 under Google Drive, YouTube, Internet.

02 February 2015

More Related Images in Google Image Search



When you select a result in Google Image Search, you can now see more related images. Google used to display 8 related images, but now there are 7 related images and a "view more" option that shows a long list of similar images.






If you spot an image you like, it's now easier to find related images.






You can also use the "search by image" feature and click "visually similar images" to find images that closely resemble the search result you've picked.

28 January 2015

Google's Answers Show Date Information



Google's answers obtained from web pages now include the date when the page was last updated. Search results also include this information and it's pretty useful because a news article from 2004 would provide a different answer for "what's the most expensive car?" than an article from 2014.








23 January 2015

YouTube Music Key for Desktop: Ad-Free Music Videos



YouTube Music Key is not just for YouTube's mobile apps. One of its feature is also available if you use YouTube's desktop site: ad-free music videos. You'll notice the "ad-free" label next to the video title. Mouse over the label and you'll see this message: "Your YouTube Music Key subscription lets you play this video without ads."









"Subscribe to YouTube Music Key and you'll be able to listen to music without seeing or hearing ads. Ads won’t be shown before or during eligible music videos you watch on youtube.com, and music videos and playlists will play continuously on your mobile device, without interruption. You will still see ads on other YouTube videos, however. The Ad-free badge tells you that a video will be ad-free," informs YouTube.

YouTube Tests Rounded Channel Icons



YouTube experiments with a slightly different interface that uses rounded icons for channels and moves the title and buttons like "add to" and "share" to the right.



Here's an image that shows both the experimental interface and YouTube's regular UI:






YouTube's mobile apps already use rounded icons, just like Google+ and Google's navigation bar. "If your Channel is merged with a Google+ profile or page, then your YouTube Channel Icon and your Google+ Profile Image are synched," informs YouTube's help center.

22 January 2015

YouTube Music Key Restrictions



An important downside of YouTube Music Key is that YouTube treats music videos just like Google Play Music songs. You can't play music videos on 2 different Android/iOS mobile devices when using the YouTube app and the same Google account.



Let's say I play a YouTube music video on an iPad and then try to play another music video on a Nexus 5. YouTube shows this message: "Playback paused because your account is being used in another location". That means I can't play YouTube music videos on multiple mobile devices at the same time. This is strange, especially when you realize that YouTube Music Key is only available in the Android app.






If I sign out, I can play music videos, but YouTube Music Key features are disabled (background playing, offline caching, no more ads). I can also play music videos in Chrome or other mobile browsers, where YouTube Music Key features aren't available.



Google Play Music has a similar limitation: "If you play music on multiple devices at the same time using the same account, playback will be paused so you can choose which device you'd like to use. To help ensure uninterrupted playback, make sure you're listening to music using one device or computer at a time."



Maybe it would be a better idea to enable Music Key on a single device at a time and disable its features when using other devices. This way, you could still use the YouTube app and play music videos just like any other videos.

19 January 2015

There’s a Game Hidden inside your Google Chrome, It works on Android too!



Chrome Game in Android


Google Chrome users are probably familiar with the T-Rex dinosaur that shows up when your computer is not connected to the Internet. The T-rex had short arms and therefore lot of things were out of its reach. Chrome, like that dinosaur, too is having trouble reaching the Internet.


What’s even more interesting is that the offline dinosaur in Chrome is also a game. Press the space bar to activate and your Chrome tab will quickly turn into a moderately addictive game.


The game is written in JavaScript and you can find the complete source code in the Chromium repository. Thanks Codepo8 for the discovery.


And it’s not just about Chrome for desktop, the dinosaur game is available in Chrome for Android as well. Switch to airplane mode and give it a shot. The only difference is that instead of the space bar, you need to tap on the screen to jump / fly the dinosaur.


Chrome Offline Dinosaur




The story, There’s a Game Hidden inside your Google Chrome, It works on Android too! , was originally published at Digital Inspiration by Amit Agarwal on 19/01/2015 under Games, Google Chrome, Software.

Lost your Phone? You Can Still Retrieve its IMEI Number



Your mobile phone has a globally unique number associated with it, called the IMEI number, that uniquely identifies your device within the mobile network. If your phone gets lost or is stolen, you would need to provide this IMEI number to the law enforcement agencies and the telecom operator for them to blacklist your device and prevent anyone else from using your phone on their wireless network.


As you probably know, it is relatively easy to find the IMEI number of your mobile phone. While there are apps that will help you retrieve this number with a tap, you don’t really need one. Just open the phone dialer, call *#06# and the IMEI number will be displayed on the phone’s screen. Alternatively, you can open device Settings – About Phone – Status and long-press the IMEI number to copy it to the clipboard.


If you have however lost your phone but did not record the IMEI number beforehand, you can still retrieve the number from your Google Account.


IMEI Number - Mobile Phone


Just go to google.com/settings, sign-in with your Google account and expand the Android tab. Here you will see of all Android devices that are connected to your Google Account and it will list the IMEI number of your phone as well.


In the case of iPhone, the IMEI number is printed on the box itself. And if nothing works, trace the phone’s receipt – the vendor may have written the IMEI number o the phone on it at the time of sale.




The story, Lost your Phone? You Can Still Retrieve its IMEI Number , was originally published at Digital Inspiration by Amit Agarwal on 19/01/2015 under Android, Software.

17 January 2015

How to Migrate your Blog from Blogger to WordPress



Your blog (abc.blogspot.com) is hosted on Blogger and you would now like to move the blog from Blogger to WordPress (self-hosted) with a personal domain name like abc.com. What is the easiest way to switch from Blogger to WordPress without losing Google search traffic, page rank and your existing feed subscribers?



WordPress provides an easy one-click option for importing blog posts and reader comments from Blogger into a new WordPress blog but there’s more to migration than just transferring content. For instance:



  • Some of your articles on the old blogspot blog could be ranking very high in search engines for certain keywords but once you move these articles to a new WordPress blog, you will lose the organic search traffic since the permalinks (or URLs) of your blog posts will change.

  • People come to your blog through search engines, browser bookmarks and referrals from other web sites that have linked to your blog pages. If you migrate to WordPress, Blogger will not automatically redirect these visitors to your new website.

  • When you switch from Blogger to WordPress, existing readers who are subscribed to your Blogger RSS Feed may be lost forever if they don’t manually subscribe to your new WordPress feed address (and most won’t).


The Importer tool available inside WordPress will only transfer content from Blogger to WordPress but if would also like to take care of the various issues listed above, follow this step-by-step tutorial. It takes less than 5 minutes to complete and you’ll also be able to transfer all the Google Juice from the old blogspot.com address to your new WordPress blog.


How to Move your Blog from Blogger to WordPress


Before you start the migration, it may be a good idea to backup your Blogger blog including the XML template, blog posts and comments just to be on the safe side.


If you need assistance with the Blogger to WordPress migration, please get in touch with me using the contact form at ctrlq.org. This is a paid option.



  1. Register a new web domain, buy web hosting and install WordPress on your new domain.

  2. Open your WordPress Admin Dashboard and under Tools -> Import, select the Blogger option. Authorize WordPress to access your Blogger Account, select your blogspot.com blog and within minutes, all your Blogger blog posts and comments will be available on the new WordPress site.

  3. Open the WordPress themes editor under Appearance -> Editor and open the functions.php file for editing. Most WordPress themes include a functions.php file or you can upload it manually into your WordPress themes folder through cPanel or FTP. Copy-paste the following snippet of code inside your functions.php file (at the beginning of the file) and click the “Update File” button to save your changes.

    <?php

    function labnol_blogger_query_vars_filter( $vars ) {
    $vars[] = "blogger";
    return $vars;
    }

    add_filter('query_vars', 'labnol_blogger_query_vars_filter');

    function labnol_blogger_template_redirect() {
    global $wp_query;
    $blogger = $wp_query->query_vars['blogger'];
    if ( isset ( $blogger ) ) {
    wp_redirect( labnol_get_wordpress_url ( $blogger ) , 301 );
    exit;
    }
    }

    add_action( 'template_redirect', 'labnol_blogger_template_redirect' );

    function labnol_get_wordpress_url($blogger) {
    if ( preg_match('@^(?:https?://)?([^/]+)(.*)@i', $blogger, $url_parts) ) {
    $query = new WP_Query (
    array ( "meta_key" => "blogger_permalink", "meta_value" => $url_parts[2] ) );
    if ($query->have_posts()) {
    $query->the_post();
    $url = get_permalink();
    }
    wp_reset_postdata();
    }
    return $url ? $url : home_url();
    }

    ?>

  4. Open your Blogger Dashboard and choose Templates. Scroll down the templates page and choose the “Revert to Classic Templates” option to switch from the XML-based Blogger templates to the classic Tag based templates.

  5. Copy-paste the following snippet into your Blogger template editor but before you do that, replace all occurrences of labnol.org with your new WordPress site URL. For instance, if your WordPress site is located at example.com, replace labnol.org with example.com and paste the modified snippet in the Blogger template editor. Save the changes.



<html>
<head>
<title><$BlogPageTitle$></title>
<script>
<MainOrArchivePage>
window.location.href="http://labnol.org/"
</MainOrArchivePage>
<Blogger><ItemPage>
window.location.href="http://ift.tt/15ibh5s;
</ItemPage></Blogger>
</script>
<MainPage>
<link rel="canonical" href="http://labnol.org/" />
</MainPage>
<Blogger>
<ItemPage>
<link rel="canonical" href="http://ift.tt/15ibh5s; />
</ItemPage>
</Blogger>
</head>
<body>
<MainOrArchivePage>
<h1><a href="http://ift.tt/1y8XIR3;
</MainOrArchivePage>
<Blogger>
<ItemPage>
<h1><a href="http://ift.tt/15ibgOY;
<$BlogItemBody$>
</ItemPage>
</Blogger>
</body>
</html>

We are almost done. Open any page on your old Blogger blog and it should redirect you to the corresponding WordPress page. We are using a permanent 301 redirect on the WordPress side and therefore all the Google Juice and PageRank should pass to your new WordPress pages. (video)


The above method works for regular blogspot.com URLs and also country-specific Blogger domains like blogspot.co.uk, blogspot.com.au or blogspot.in.


The Blogger Import tool moves only posts and comments from Blogger to WordPress but not images. And that should be fine because the image URLs in your imported WordPress posts are still pointing to blogspot.com (where the images were originally hosted) and therefore nothing would break.


Also see: Move Blogger on Custom Domain to WordPress


Switch RSS Feed from Blogger to WordPress


When you move from Blogger to WordPress, the URL of your RSS feed will change as well. Go to Blogger -> Settings -> Other and choose Post Feed Redirect URL under Site Feed. Here you can type the web address of your new WordPress RSS feed here and the existing RSS subscriber will automatically move to your new feed.


If you are using FeedBurner, just replace the source from Blogger RSS feed to your new WordPress feed.


Migration to WordPress Complete – What Next?


Now that your new WordPress site is up and running with all the old Blogger posts, here are a few important things you should do:



  1. Add your new WordPress site to Google Webmaster, verify the site ownership and and also submit a XML Sitemap listing the URLs on your new site.

  2. Follow these WordPress optimization tips, install some of the essential plug-ins and pay special attention to improving the security of your WordPress site.

  3. Follow these blogging tips and take your blog to the next level.




The story, How to Migrate your Blog from Blogger to WordPress , was originally published at Digital Inspiration by Amit Agarwal on 16/01/2015 under Blogger, WordPress, Internet.