Thứ Sáu, 31 tháng 7, 2015

A Renewal Reminder

Google has recently sent notifications about some domains that are about to expire. "Your registration of domain.com is about to expire. This means that users will no longer be able to access your website at that time."

The domains were registered using Google Domains, but they were set to automatically renew, so Google's message was confusing. Google realized that it was a mistake and sent another message:

"An automated email was sent out to you earlier in error with the subject 'Your domain registration is expiring'. Please discard the erroneous message. Since your domain is set to auto-renew, your domain will be renewed on the expiration date as expected. We apologize for any confusion this may have caused."

Unfortunately for Google, the message was sent to 1664 people and all the email addresses were added to the "to" field, so everyone can see them. Whoops!



Update: Google sent a new message. "Yesterday, we sent an email to select Google Domains customers in which all recipients' email addresses were visible in the 'To' field. We sincerely apologize, and we'll be evaluating our customer email processes to prevent an accident like this from happening again. Thank you for your understanding."

Thứ Năm, 30 tháng 7, 2015

More Related Images in Google Image Search for Mobile

Google Image Search has a new mobile interface. When you tap a thumbnail, Google shows the image result, a link to the page and a long list of related images.


Below the search result, you can find a list of similar images. You can still swipe left or right to go to the previous or the next image result. Tap the image to hide everything else.



Thứ Tư, 29 tháng 7, 2015

Google's Visual Translation Supports 20 New Languages

Google bought Word Lens last year and brought a very useful feature to Google Translate: real-time visual translation. Use a phone or a tablet running Android or iOS, point the camera at a sign or text in a foreign language and Google will translate the text almost instantly, while preserving all the other details. It's like using a magic camera that translates text and lets you read street signs, restaurant menus, user manuals, newspaper articles even if they're written in foreign languages.

Visual translation now supports 20 additional languages. "You can now translate to and from English and Bulgarian, Catalan, Croatian, Czech, Danish, Dutch, Filipino, Finnish, Hungarian, Indonesian, Lithuanian, Norwegian, Polish, Romanian, Slovak, Swedish, Turkish and Ukrainian. You can also do one-way translations from English to Hindi and Thai." Back in January, the feature was launched with only 7 supported languages: English, French, German, Italian, Portuguese, Russian and Spanish.



This feature requires to pick the right languages before tapping the camera button and one of the languages must be English. You'll probably be prompted to download a small language pack, since you can use Word Lens offline.

Google Research Blog has more information about Word Lens. After finding the text regions in the picture, Google recognizes the letters using a convolutional neural network. "Letters out in the real world are marred by reflections, dirt, smudges, and all kinds of weirdness. So we built our letter generator to create all kinds of fake 'dirt' to convincingly mimic the noisiness of the real world—fake reflections, fake smudges, fake weirdness all around." After recognizing the letters, Google translates the text taking into account that text recognition might include mistakes, then it "renders the translation on top of the original words in the same style as the original". Google actually erases the original text using the colors surrounding the text and draws the translation using the initial foreground color. It's quite clever.

Here's a funny demo:

Thứ Ba, 28 tháng 7, 2015

Popular Times Added to Google's Local Search Cards

Google has a new feature for local search cards. When you search for restaurants, stores, museums and other places, you can now see the busiest times of the day or week. The new "popular times" section shows when it's a good time to go to a certain place and when it's best to avoid it because it's too crowded.


"Now, you can avoid the wait and see the busiest times of the week at millions of places and businesses around the world directly from Google Search. For example, just search for "Blue Bottle Williamsburg", tap on the title and see how busy it gets throughout the day," informs Google.


For now, it seems that this feature is only available in the mobile interface. Google says that the data is based on historical visits, so I assume it uses Location History and other location services for mobile devices. Google Maps has a similar feature that shows typical traffic.

Google Photos Search Filters

Google+ Photos has a few search filters that are pretty useful. You can find them if you click the small arrow from the search box: Auto Backup, Hangouts, Google Drive, Posts, Auto Awesome, Videos and more. The nice thing is that most of them are also available in Google Photos.


Google Photos has a search page that shows a few filters: Creations (replaces Auto Awesome), Google Drive, Video, Recently Added. Here are some searches you can use to bring back the filters from Google+ Photos:

#AutoBackup - shows all the photos automatically backed up from your mobile devices and desktop computers

#Desktop - shows the photos automatically backed up from your desktop computers

#Posts - shows the photos added to your Google+ posts

#All - shows all your photos

#PhotosOfYou - photos you've been tagged in

#CAMERANAME - replace CAMERANAME with the your camera's model or brand to see all the photos taken with that camera. Some examples: #Nexus5, #Canon, #iPhone.

Thứ Hai, 27 tháng 7, 2015

Google+ Profiles, No Longer Required

After so many years of promoting Google+ and integrating it with other services, Google realized that Google+ doesn't mean a lot for many Google users and it started dismantling Google+. Google Photos is now a standalone service and other Google+ features will follow suit.

In a blog post, Google announced that Google+ profiles will no longer be required and YouTube will be the first service that will make this change in the coming weeks. "A Google Account will be all you'll need to share content, communicate with contacts, create a YouTube channel and more, all across Google. Your underlying Google Account won't be searchable or followable, unlike public Google+ profiles. And for people who already created Google+ profiles but don't plan to use Google+ itself, we'll offer better options for managing and removing those public profiles."

A lot of YouTube users complained when YouTube switched to a new commenting system which required Google+ profiles, but YouTube comments are much better today. Now YouTube comments will no longer appear on Google+ and Google+ posts that share a YouTube video will no longer be added as YouTube comments. "In the coming weeks, YouTube will no longer require a Google+ profile when you want to upload, comment, or create a channel," mentions the YouTube Blog.

Google reassures users that Google+ will continue to exist and will become "a place where people engage around their shared interests". It's a much smaller goal for a service that used to tie all the other Google services, add unified sharing and identity information. Google+ used to be more than a service, it was a layer that was supposed to make Google products work together.

Here's what Bradley Horowitz said back in 2011:

"Until now, every single Google property acted like a separate company. Due to the way we grew, through various acquisitions and the fierce independence of each division within Google, each product sort of veered off in its own direction. That was dizzying. But Google+ is Google itself. We're extending it across all that we do — search, ads, Chrome, Android, Maps, YouTube — so that each of those services contributes to our understanding of who you are."


Bradley Horowitz is now the Google VP of Streams, Photos, and Sharing. That's "Streams, Photos, and Sharing" and not Google+. Ever since it was launched back in 2011, Google+ meant 2 things: the stream and the sharing platform. It looks like Google+ now focuses on the stream, which was less successful than the sharing platform.

It's not clear how Google+ will continue to exist if Google removes important features like photo sharing and starts to remove the integration with YouTube and other Google services. It just makes it easier for Google to discontinue Google+, now that fewer people will use it.

Gmail's Mobile Site Promotes Inbox App

I'm not sure if this is new, but I've noticed that Google now promotes the Inbox app when opening Gmail in the mobile browser. "Get Inbox by Gmail, a new email app from the Gmail team," suggests the interstitial page, which still lets you "go to the mobile Gmail site".

Here's a screenshot from an iPad:


And another screenshot from a Nexus 5:


Google used to promote the Gmail app.

YouTube's Updated Notifications

YouTube has recently changed the settings for notifications. When you subscribe to a channel, there's a box that says "Send me all notifications for this channel". The settings page has a new label for the email digest checkbox: "Occasionally notify me of new videos and activity from my subscriptions" and you can choose if you want email notifications, mobile notifications or both email and mobile notifications.


Mobile apps for Android and iOS have a notification section in the settings, which lets you disable or enable notifications, customize notification types (subscription activity, recommended videos, comments and replies) and also see all your notifications.

Named Places in Google Maps

The latest version of the Google Maps app for Android lets you add private names for places. Search for an address or drop a pin on the map, tap the 3-dot menu icon and pick "Edit name". You can add a name that lets you quickly find the place on the map, just like you can find "home" or "work". The private name is saved to your Google account and you're the only one who can see it.

Here's an example for a local business (this feature is even more useful for places that don't have a name in Google Maps):





To edit a name or delete it, open the side menu and tap "Your places". At the top of the section, you can find the named places, including "home" and "work".

Google Maps also has a new interface for location history: it's called "your timeline" and it's available on the web and in the Android app. "Your Timeline allows you to visualize your real-world routines, easily see the trips you've taken and get a glimpse of the places where you spend your time. And if you use Google Photos, we'll show the photos you took when viewing a specific day, to help resurface your memories," informs Google. You can customize the timeline by removing places or adding private names. This feature still requires Location History, which can be enabled or disabled from Google Maps, Google Settings or My Account.

Thứ Năm, 23 tháng 7, 2015

Mega Menu with Images or Thumbnails for Blogger

Visual content holds a certain appeal that websites integrate images to every page, or even operate solely through photos. Now, with the new AJAX navigation menu widget, images can be added to the drop-down menu as well.

The AJAX navigation menu for blogger is a widget designed specifically for the Blogger platform. It is inspired from the Mashable website long before it was given a makeover. Despite the plain and simple inspiration, the drop down menu with images is a huge hit.

It works based on the jQuery library and Blogger JSON Feed API. Function-wise, it works just like a normal drop-down menu when JavaScript is disabled. For it to work online, a blog must be for public visitors, so the Blogger JSON Feed API will function as designed.

Features

Multi-Level Menu Support

The AJAX menu is a multi-level drop-down menu that is based on the standard unordered list of HTML. When a menu contains a sub-menu, it loads on the fly when a user rolls over the main menu. What is great about this is that it saves outgoing traffic, especially on a website that uses a large navigation.

Cross-browser Compatibility

Most AJAX applications will work across different browsers even with other plugins or proprietary technology already installed.  The menu with images works in the same premise, instead of being designed for a specific browser. Because there is no telling which browser you or your blog readers would use, the new AJAX drop-down mega menu with images is the ideal option.

Some of the Windows browser supported includes IE5+, Firefox, Google Chrome, Safari Netscape 7+ and Opera 8+. When you're using a Mac, the AJAX menu is supported on Firefox, IE and Safari. If JavaScript is disabled, however, the menu is still accessible, but only as pure CSS menu.

Automatic Sub-Menu Display

With the new AJAX menu, you only need to roll over a menu item and sub-menus will automatically load. No need to click on a menu to get the sub-menu to drop down. This not only saves users' valuable navigation time, but also outgoing traffic.

Menu Styling

AJAX menus can be styled by simply changing the megamenu.js and the CSS style. The former is used when javaScript is turned on, while the latter is when it is turned off. You can adjust the menu parameters manually or you can use ready-to-use templates.

There are plenty of other features, but you would not be able to use or experience them if you do not install the new mega menu with images. What do you need to do then to implement it in your blog or website?


Adding Mega Menu with Images/Thumbnails in Blogger

Step 1. Log in to your Blogger account, then go to the Dashboard. Select the blog where you want to install the new mega menu.

CSS

Step 2. Click on Template, then press the Edit HTML button. Press anywhere inside the code area and use the CTRL + F function to make your search quicker and easier. Type the following tag and hit Enter to find it:
]]></b:skin>
Once you find the tag, add the code below just above/before it:
.megamenu *{margin:0;padding:0;font-family:'PT Sans Narrow'}ul.megamenu{list-style:none;line-height:1;overflow:visible !important}ul.megamenu:after{margin:0;padding:0;content:' ';display:block;height:0px;clear:both}ul.megamenu li{float:left;display:inline;position:relative;text-transform:uppercase}ul.megamenu li a.menu-target:after{content:"";width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #fff;font-size:0;line-height:0;bottom:22px;right:5px;position:absolute}ul.megamenu li a{display:block;line-height:50px;padding:0px 20px;text-decoration:none;border-left:1px solid #000;box-shadow:1px 0 0 0 rgba(255, 255, 255, 0.1) inset;color:#d9d9d9;font-size:14px;transition:all 0.3s ease-in-out}ul.megamenu li a:hover{background:#111111;color:#fff}ul.megamenu ul{position:absolute;display:none;top:100%}ul.megamenu li:hover > ul{display:block}ul.megamenu ul li{z-index:72;min-width:149px;float:none;background:#000;text-shadow:none}ul.megamenu ul li a{text-transform:none;font-weight:normal}ul.megamenu ul li a:hover,ul.megamenuid ul li a.hover{background:#E0E0E0;color:#444}ul.megamenu ul ul{display:none;left:100%;top:0}ul.megamenuid li div.megasubmenu{background:#F9F9F9;position:absolute;width:830px;z-index:90;left:0;top:100%;overflow:hidden;min-height:150px;-moz-transform:translate(0,30px);-webkit-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);transform-origin:50% 0;visibility:hidden;opacity:0;color:#888;box-shadow:0 10px 7px -7px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out}ul.megamenuid li:hover div.megasubmenu{visibility:visible;opacity:1;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}ul.megamenuid ul,ul.megamenuid ul li{display:block !important;border:0 none !important;margin:0 !important;padding:0 !important}ul.megamenuid ul li{background:none !important;float:left !important}ul.megamenuid ul.leftmenulist{position:absolute;width:18%;left:0;top:0;bottom:0;background:#EEEEEE;border-right:1px dashed #e5e5e5 !important}ul.megamenuid ul.leftmenulist a{border-left:none !important;color:#555}ul.megamenuid ul.rightmenulist{position:relative;display:block;width:81%;float:right;margin:0px 0px 0px !important;background:none}ul.megamenuid ul.rightmenulist li{display:block;overflow:hidden;position:relative;min-height:210px;padding:5px 17px 5px 0px !important}ul.megamenuid ul.rightmenulist li .thumb-container{left:0;width:100%;height:100%;position:absolute;overflow:hidden;font-size:0;line-height:0}ul.megamenuid ul.rightmenulist li .thumb-container img{position:relative;top:10px;padding:0;width:100%;height:100%;display:block}ul.megamenuid ul.rightmenulist li a{display:block;border-left:none !important;padding:0px 5px !important;line-height:1.4;color:#777;font-weight:bold;font-size:14px}ul.megamenuid ul.rightmenulist li a:hover{color:#000;background:transparent}ul.megamenuid .loading-icon{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPFzLMzyd4dtsA27rZ0jeGXWtdBK4GnxHJQoQHBLlnDRNxtVAqb99aB9Rll80Oo-oY4n9rXaK-JItRiNBlgxDsSyJ6-vQE4vWU9SCtMk4K4jzLZt9TCL88SHpX6ZrTqL4veOc8qCTFi_o/s1600/wait.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position:absolute;top:50%;margin-top:-11px;right:5px}ul.megamenuid .menu-icon{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #777;display:block;height:0;margin-top:-4px;position:absolute;right:11px;top:50%;width:0}#megamenuid{background:rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #3d3d3d, #212121) repeat scroll 0 0;background:-webkit-linear-gradient(top,#3d3d3d,#212121);background-color:#3d3d3d;box-shadow:1px 1px 0 0 rgba(255, 255, 255, 0.1) inset;height:50px;width:100%;position:relative;max-width:1000px;margin:0 auto;padding:0px}#megamenuid h5{font-size:16px;margin-top:70px;text-align:center}#megamenuid h5:before{content:"";position:absolute;top:50px;left:50%;width:5px;height:2px;margin-left:-4px;border-left:2px solid black;border-right:2px solid black}#megamenuid h5:after{content:"";position:absolute;top:55px;left:50%;width:10px;height:5px;margin-left:-7px;border-top:2px solid black;border-left:2px solid black;border-right:2px solid black;border-radius:8px 8px 0px 0px}li.search-box{float:right !important;line-height:35px;margin:7px 10px 0 0}li.search-box .search-field{border:none;padding:3px;background:#3F3F3F;color:#fff;width:135px;font-size:13px}li.search-box .search-field:focus{border:none;outline:none;background:#4C4C4C;color:#fff}li.search-box .search-button{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT3ll-g2eGDIF8dx2nmAy5DX-xA90PdnAnZMXI7QUjed2F3rX75RaeeJ4JA3ufO_usBrrATSrqPlDmkxAZYynuNrFKn0M97KBeWvkxFT19xiy03fpv-QgRhmNUMhVEp2sYVAvuOl8BDW4/s1600/search.png') no-repeat;border:none;cursor:pointer;padding:5px 10px;transition:all 0.3s ease-in-out}li.search-box .search-button:hover{opacity:0.9}.search-alert{background:#E84C3D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvF0WCarlrpk6epiPFq-uynPSEaruxlrRnlIWTg5iAQulTDOdhEAWD8M58OXQF4OgZHf_T-L9E5AzvGmMdoEYp5VAyyzqbnC7erpTOWEHWTlbdIEvYhnuZ9IwMb89yFbYYzv7bWPPNj-M/s1600/search-info.png) no-repeat;background-position:5px;text-transform:capitalize;color:#fff;margin:-5px;padding:0px 15px 0px 40px;display:none;border-radius:5px}

JavaScript

Step 3. Check if your blog has the jQuery plugin already installed. If not, you need to add a few lines of code before the </head> tag (CTRL + F to find it). See the code below:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
(function(e){var t=function(e,t){this.elem=e;this.settings=t;this.megaMenuHtml();this.ajaxcall=null;this.menulist=this.elem.find(".leftmenulist li a");this.menuHelper(this.elem);this.addEvents()};t.prototype={regex:{islabel:new RegExp("/search/label/","g"),issearch:new RegExp("[?&]q=","g"),labelsearch:new RegExp("(http://[^/]+)/search/label/([^/?&]+).*[?&]q=([^$&]+)(?:[^$]+)?","g"),label:new RegExp("(http://[^/]+)/search/label/([^/?&$]+)","g"),search:new RegExp("(http://[^/]+)/search/?[?&]q=(.*)","g")},addEvents:function(){var t=this;this.menulist.hover(function(){if(e(this).data("menuloaded")!=="true"){t.li=e(this);t.url=t.li.attr("href");t.container=t.li.closest("ul").siblings("ul");t.hoverOver()}},function(){t.hoverOut()})},hoverOver:function(){var t=this;this.getAJAXUrl();if(!this.ajaxUrl)return;this.ajaxcall=e.ajax({type:"GET",url:t.ajaxUrl,dataType:"jsonp",data:t.ajaxData,beforeSend:function(){t.showLoader()},success:function(e){t.hideLoader();t.addArrow();t.showPosts(e)},error:function(e){t.showError(e)}})},hoverOut:function(){this.ajaxcall.abort();this.hideLoader()},getAJAXUrl:function(){if(this.url){var e=this;this.ajaxData={alt:"json","max-results":this.settings.postsNumber};this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.labelsearch,function(t,n,r,i){e.ajaxData.q=i;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)===-1?this.ajaxUrl=this.url.replace(this.regex.label,function(t,n,r){delete e.ajaxData.q;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)===-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.search,function(t,n,r){e.ajaxData.q=r;return[n,"/feeds/posts/default"].join("")}):this.ajaxUrl=!1}else this.ajaxUrl=!1},showLoader:function(){e("<span></span>",{"class":"loading-icon"}).appendTo(this.li.closest("li"))},hideLoader:function(){this.li.closest("li").find("span.loading-icon").remove()},showPosts:function(t){var n=this,r=[],i,s,o;t.feed.openSearch$totalResults.$t>0?e.each(t.feed.entry,function(t,u){i=u.title.$t;e.each(u.link,function(e,t){t.rel==="alternate"?s=t.href:s="#"});o=u.media$thumbnail?u.media$thumbnail.url.replace(/\/s72\-c\//,"/s200-c/"):n.settings.noThumbnail;r.push('<li><span class="thumb-container"><a title="',i,'" href="',s,'"><img alt="',i,'" src="',o,'"/><br />',i,"</a></span></li>")}):r.push("<h5>","No posts available.","</h5>");this.container.html(r.join(""));this.menulist.removeData("menuloaded");this.li.data("menuloaded","true")},showError:function(e){if(e.statusText==="error"){this.hideLoader();this.addArrow();this.container.html("<h5>Oops... Could not fetch the blog posts.</h5>")}},addArrow:function(){this.menulist.closest("li").find("span").remove();this.menulist.removeClass("hover-menu");this.li.addClass("hover-menu");e("<span></span>",{"class":"menu-icon"}).appendTo(this.li.closest("li"))},menuHelper:function(t){var n=this;t.find(">li").hover(function(){var t=e(this);t.find("a:first").addClass("hover-menu");var r=e(this).find("ul.leftmenulist li").height()*e(this).find("ul.leftmenulist li").length;t.find("ul.rightmenulist").css({"min-height":r+"px"});n.requestFirstAjax(t)},function(){e(this).find("a:first").removeClass("hover-menu")})},megaMenuHtml:function(){this.elem.find("ul ul").remove();this.elem.addClass("megamenuid").find(">li").find("ul:first").addClass("leftmenulist").wrap(e("<div></div>",{"class":this.settings.divClass}));e("ul.leftmenulist").after(e("<ul></ul>",{"class":"rightmenulist"}))},requestFirstAjax:function(e){e=e.find(".leftmenulist li:first-child a");this.url=e.attr("href");this.container=e.closest("ul").siblings("ul");this.li=e;this.hoverOver()}};e.fn.megaBloggerMenu=function(n){var r={postsNumber:4,divClass:"megasubmenu",postsClass:"rightmenulist",noThumbnail:"/default.png"},i=e.extend({},r,n);return this.each(function(){var n=new t(e(this),i)})}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($) {
 $(&#39;#megamenuid&#39;).megaBloggerMenu({
  postsNumber : 4,
  noThumbnail : &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzsEcp5kaCdDT9KPjsCpCBrjTegkVkp2_L4QMqN8U6GdYG77nTREMsin14ozCQE4sRqesm_aCtToWiJaOHIoHQnOGkbKoNSuJyEZuli8iUD4IwrZb7pOF3NbeImVitfpTyccd1OuEDfjA/s1600/no_image_available.png&#39;
 });
});

$(function(){
  $(&#39;.search-here&#39;).submit(function(e){
    if($(&#39;.search-box .search-field&#39;).val().length==0){
       $(&#39;.search-box .search-alert&#39;).fadeIn().css(&#39;display&#39;,&#39;inline-block&#39;);
      e.preventDefault();
    }
  });
});
</script>

Note

- If jQuery plugin already exist, remove the line in red.
- To change the number of posts, change the 4 value from:
postsNumber : 4
- To add a different thumbnail when a post has no image, replace the url in blue from:
noThumbnail : &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzsEcp5kaCdDT9KPjsCpCBrjTegkVkp2_L4QMqN8U6GdYG77nTREMsin14ozCQE4sRqesm_aCtToWiJaOHIoHQnOGkbKoNSuJyEZuli8iUD4IwrZb7pOF3NbeImVitfpTyccd1OuEDfjA/s1600/no_image_available.png&#39;

HTML

Step 4. Carefully add the HTML code to ensure that the drop down menu with images will work as designed. There are only three types of URLs that the AJAX Menu accepts and they must be used accordingly.

Label URL: http://yourblogurlblogspot.com/search/label/LABELNAME
Search Query: http://yourblogurl.blogspot.com/search?q=SEARCHQUERY
Label w/ Search Query: http://yourblogurl.blogspot.com/search/label/LABELNAME?q=SEARCHQUERY

Among the three URLs, the Search Query has to be URL encoded using a specific tool.

Step 5. Search the following line using CTRL + F:
<div class='main-outer'>
Just above this line, add the following HTML code:
<ul class='megamenu' id='megamenuid'>
<li><a href='/'>Home</a></li>
<li><a class='menu-target' href='#'>MENU TITLE</a>
<ul>
<li><a href='http://ADDURLHERE.com'>LABEL NAME</a></li>
<li><a href='http://ADDURLHERE.com'>LABEL NAME</a></li>
<li><a href='http://ADDURLHERE.com'>LABEL NAME</a></li>
</ul>
</li>
<li><a class='menu-target' href='#'>MENU TITLE</a>
<ul>
<li><a href='http://ADDURLHERE.com'>LABEL NAME</a></li>
<li><a href='http://ADDURLHERE.com'>LABEL NAME</a></li>
<li><a href='http://ADDURLHERE.com'>LABEL NAME</a></li>
</ul></li>
<li><a href='http://ADDURLHERE.com'>Normal Link</a></li>
<li class='search-box'>
<form action='/search' class='search-here' method='get'>
<input class='search-field' name='q' placeholder='Search Here' size='30' type='text'/>
<input class='search-button' type='submit' value=' '/>
</form>
<p class='search-alert'>Search form is empty!</p>
</li>
</ul>
<div class='clear'/>
<div class='clear'/>
Note: replace the text in blue with the label url and the text in red with the name of the label. This is the label that you have added to the Labels settings of your post editor:


Step 6. Click on Save template for all the changes to take effect.

If you can't find the line from step 5, access the Layout tab, click on Add Gadget, and then choose HTML/JavaScript Gadget. Copy the HTML code and paste it inside the box... then press the Save button.

That's it!

Once that is done, your AJAX menu with images will be implemented and ready for you to use. Make sure to choose photos that are relevant to the menu and sub-menus so your website will have cohesive look and appeal. Research shows, however, that text accompanied by any image, even if completely irrelevant, can grab attention. 

Thứ Ba, 21 tháng 7, 2015

Google Hangouts Photo Sharing, Powered by Picasa Web

Now that Google+ Photos is discontinued, Google Apps admins received a message which informs them that Google Hangouts will only use Picasa Web Albums for photo sharing.

"The photo-sharing functionality in Hangouts is changing. Going forward, the ability to share photos and other multimedia in Hangouts Chat will be set by the Picasa Web Albums service rather than by the Google+ service. If Google+ is enabled in your domain, no further action is necessary. Google+ requires Picasa Web Albums so you can continue to share photos using Hangouts Chat just like you always have. If Google+ is not enabled for your domain and you want to use the photo-sharing functionality in Hangouts Chat, you must turn on the Picasa Web Albums service in your Admin console."


This change also affects regular Google users, since photos shared using Hangouts aren't added to Google Photos and you'll only find them in Picasa Web Albums when Google+ Photos will shut down. The same thing will happen with Blogger photos.

Picasa Web Albums and Google+ Photos served as a central hub for almost all the photos uploaded using Google services. This was great, since you could find all your photos in one place, but it also cluttered Picasa Web and Google+ Photos with albums automatically generated by Blogger, Google Hangouts and other services.

It looks like Picasa Web Albums is here to stay, at least for now.

{ Thanks, Petr Man. }

Thứ Năm, 16 tháng 7, 2015

The New Google Patents

There's a new version of Google Patents that's available at patents.google.com. The interface now uses Material Design, there's a checkbox that lets you search Google Scholar, advanced search options are available in the sidebar and you can quickly navigate between search results, which are now grouped by category. The prior art finder is now properly integrated and no longer uses a different interface.



You can now click the navigation icons at the top of the page to go to the previous or the next search result. Keyboard shortcuts also work: use the left/right arrow keys.


"The new Google Patents helps users find non-patent prior art by cataloguing it, using the same scheme that applies to patents. We've trained a machine classification model to classify everything found in Google Scholar using Cooperative Patent Classification codes. Now users can search for [autonomous vehicles] or [email encryption] and find prior art across patents, technical journals, scientific books, and more," informs Google.

Another change is that you can search for foreign patent documents using English keywords. Patents without English full text are translated using Google Translate, so it's easier to find them.

It's interesting to notice that the old Google Patents is still available if you use this URL: https://www.google.com/?tbm=pts.

{ Thanks, Florian Kiersch. }

Which Hashtag Instagram Widget Should You Choose?

There are apps and widgets for almost everything, but one thing that is lacking is a widget that connects one of the most popular image-based social network to your website. Unfortunately, Instagram has yet to design an official widget that will allow you to easily and quickly embed grams on your website.

A widget is like a desk accessory that allows an end user to execute a particular function within a webpage. It fetches information from a particular source and then display it on an intended area. It can be designed to provide easy accessibility to weather, maps, sports updates, calendar and many others. Android and WordPress are two of the biggest contributors of web and mobile widgets, but Instagram still has to catch up.

While they're still trying to figure out how to make an Instagram widget, take advantage of any of the third-party widgets for Instagram. But because there are plenty of them out there, choosing the right one can be tough. Well, we did the sorting and guesswork out for you and presented you with the top 3 options:
instagram widget, instagram

Instansive

Instansive is a widget generator for Instagram that you can use for free or for a fee. Both versions practically have the same features, except for the number of times that the photos refreshes. It only happens once per day with the free version, but is always up to date with the premium version. If you want to do away with the restrictions of this Instagram widget, be ready to make a tiny investment.

instagram widget instansive


Instansive Features

  • Display photos and hashtags in grid, slideshow or column.
  • Customize the number of columns and rows
  • Add a hover effect
  • Show or hide image captions
  • Photos are linked directly to Instagram
  • Offers native support for Drupal and WordPress
For a one-time fee of $5, you can upgrade to the premium version.

Instansive, however, is not perfect compared to other third-party widgets for Instagram, because it has limited features in terms of customization, display, and refresh frequency. Even if you pay the minimal fee, only the photos will be kept up-to-date, but no other features will be added. But look on the bright side, it is responsive.


Intagme

Intagme is pretty simple and straightforward, which can be a bonus if you have to manage plenty of social media accounts and widgets. Its features also get the job done.

instagram widget intagme


Intagme Features

  • Pull photos or hashtags and display them in grid or slideshow
  • Get to customize the layout, thumbnail, size and image padding
  • Edit photos by adding borders and/or background color
On top of all these, Intagme is 100% free, which would probably put all other third-party widgets at the bottom of your list. Before you make a final decision, however, know that Intagme lacks one display feature - column, similar to what you will see on Pinterest. It is not responsive and has limited customization options. Moreover, photos are linked to a page on Intagme.com, instead of directly to Instagram.

Related: How to Add an Instagram Widget in Blogger

SnapWidget

Among Instagram widgets, snap widget is the most popular and is used by more than 100,000 websites daily. It can be used free or for a monthly fee of $6.99.

instagram widget snapwidget

SnapWidget Features

  • Pull photos or hashtags, then display them in grid, board, slideshow, map or scrolling.
  • Thumbnail size and layout can be customized
  • Background color hover effect layout and photo padding can be used to customize photos
  • Show or hide sharing buttons

Features of Premium Version

  • All of the above
  • Create up to 10 widgets
  • Filter photos by username & hashtag
  • Link photos to Instagram or any other page add custom CSS if so desired
  • Has more advanced customization options, such as pagination controls integration of Google Analytics and photo pop-up functionality
For a price of $6.99 per month, this Instagram widget is a worthy investment, especially because the free version is ad supported. This means thumbnails are linked to a SnapWidget page where photos appear alongside ads. An added bonus is that whether free or paid, there is an option available that lets you make the widget responsive for mobile use.

Which Instagram Widget Should You Choose?

Even if only 3 options were presented, making a choice is still not a walk in the park, but at least you don't need to shuffle through tons of widgets. From the information above, you can make an informed decision as to which Instagram widget to use. Or, you can narrow down your options based on your budget - whether you have one or not, the features you need, and how much customization control you want to have.

You should also think about how an Instagram widget can affect your SEO efforts. If you want it to be SEO friendly as the rest of your website, find out how it was developed or rendered, as some of the platforms used may not be visible to search engines. Consider all the factors above and your work will be easier.

Thứ Hai, 13 tháng 7, 2015

7 Search Engine Optimization Tips for Bloggers

SEO, as you might have already know, is an acronym for search engine optimization. In the simplest of words, it's the way search engines like Google.com, Yahoo.com, Bing.com and others present your page in users' search results on their sites.

Cool, how do they that?

Well, they do that via sophisticated software tools, called spiders. Consider the whole internet as an empty room, with air particles as websites. Now sneak a spider into that room. Each tiny step that this spider would take now is essentially crawling a website (as the room is dark and full of websites). This is how search engines crawl through the web picking up site after site, studying them and ranking them. This ranking is important, really important. A higher ranked website by Google will always be on the first page of Google's search results for a related query compared to a lower ranked one.


So, in order to get ranked higher, you and I need SEO. SEO is like black pepper without which fried egg might not taste 'that' tastier. In simple words, in order for search engines to find your site and rank it higher than others in your field, you need to optimize it. Let's see how with these 7 simple tips.

Ways to SEO Optimize your Blog

Before starting with our 7 simple tips for a quality SEO, it's important to broadly classify those tips into two basic areas, on the basis of origin:

On-page Optimization

Refers to optimization of your actual web content including your HTML code, your text, as well as graphic content.

Off-page optimization

Off-page optimization, however, deals with things like backlinks (hyperlinks pointing to you site from other websites, apps and networks).

1. Create SEO Friendly Blog Post Titles

Post titles are important for SEO. They really are since they are deal makers or breakers. Whenever you write something, make sure you give proper attention to the post's title. Make your titles simple, intriguing, descriptive and gullible so that people may know what is this all about and what to expect. An even better approach is to wear searchers shoes while giving a title and think how would you Google it if you were looking for content like this.

google search results, seo title

Also, don't forget to include keywords in your title and keep it under 70 characters (or search engines would crop it before looking).

2. Improve the quality of your content

If you think 'content' isn't important for SEO, think again! Your content is the most important part of your site. While writing, don't copy-paste from elsewhere, don't stuff it with keywords alone, don't bombard it with images and multimedia files and don't write any lesser than 300 words. These all would affect your ratings quite poorly.

So, write original, use keywords in scenarios instead of straying them around (like I didn't use SEO here, SEO there in every next line), use images where they suffice and make sure you name them properly to appear in image search results, i.e. an image with the "img009.jpg" name would never appear in the image search results but "tips_to_success.jpg" would. The best would be to use text content and wrap them proper in HTML tags like <H2></H2> etc. (search engines likes content this way). Also, make sure your blog post's length is somewhere between 300-500 words - crossing over is fine but lesser isn't.

seo title headings

3. Keywords are keys

Keywords are terms that others may use to search for your content. While keywords are important for SEO, don't go on and stuff your site with keywords. This would make your content appear like a spam to spiders, who would neglect it henceforth.

Ideal is that once you have chosen your title (and included your keyword in it, as I have added keyword SEO in title above), use it in page URL, in your starting and ending paragraphs, as well as in article body where required without sounding awkward. Additionally, you may link it using anchor text to relevant resources in and out of site.

Adding keyword in the post URL using Custom Permalink

4. Meta-tags are important, but not 'that' much

If we had been living in early part of 21st century, meta tags might have done all the SEO for your site. Unluckily, we aren't. Google and other search engines have long left using meta-tags for finding site information. Hence, if someone tells you meta-tagging is all you need for your sites SEO, tell them it isn't.

Nevertheless, it's important that you use your keywords in your meta-data. Some themes already do that for you, if they don't (you can check that using page source or using view source code from browser), don't sweat. You can use 3rd party plugins like All in One SEO Pack and Scribe.

5. Socialize!

Make others talk about your site and share your content on social media sites or their blogs. It gets even better if somehow sites with high ratings link back to your site. This makes spiders think that you are someone important that everyone these days is talking about, resulting in enhancing your ratings dramatically.

Guest posting is another good approach for that. Comment on other sites, make friends with bloggers (best in business) and make them comment at yours. These tiny little things do matter a lot, resulting in enhanced SEO of your site.

6. Link in and Link-Out

Hyperlinks or Links are important from SEO perspective. You can use them to:

Link out to other sites, networks and posts, or even to your previous posts (also called inbound or backlinks) using anchor element with keyword.

anchor element with keyword

Or even better, make others to link in to you, via sharing your content on their sites or social media networks.

As mentioned, an even outstanding strategy for building links is guest posting.

7. Write Often

Sites with new content every day, or twice thrice a week have still far better ratings than those who post every fortnight. A better incoming content frequency makes spider come to your site regularly, resulting in better ratings and enhanced SEO.

Are we done then? Well, trust me - your sites rating is in your hands, not in Google or Yahoo. SEO is just about doing things neatly and in a sophisticated manner. Walk your site these 7 steps for a quality SEO and you will witness the difference yourself at Google, if no place else.

Remember, code clean, write original, socialize... this is what SEO is all about!

Redirect Gmail to Google Inbox

If you like Google Inbox and you're wondering why it doesn't replace Gmail, there's a setting that redirects Gmail to Inbox. Just go to Inbox, open the settings box, switch to the "Other" tab, enable "Redirect Gmail to inbox.google.com" and click "Done". The next time you type mail.google.com, gmail.com or click on a Gmail shortcut or bookmark, you'll be sent to inbox.google.com.


You can still open Gmail: just click the new "Gmail" menu item, which is placed below "Contacts" in Inbox's sidebar. The URL that temporarily disables redirects is https://mail.google.com/mail/?ibxr=0.


"If you often go to Gmail in your web browser when you really mean to go to Inbox, you can turn on a setting so that you'll automatically be taken to Inbox when you visit gmail.com or mail.google.com on a computer. You can always get back to Gmail using a simple link in Inbox," informs Google. The setting was added a few weeks ago.