Posts Tagged ‘google’

Google recently updated its all product with new design and also navigation menu in the top of the header. Most of the developers and me too likes google’s new nav menu and want to install this menu style to my blog. The simple code to add Google style navigation menu to header for blogspot user.

For Blogspot users:

1. Sign in to blogger.com

2. Go to design and Edit HTML (Note: Download template xml file with download full template)

3. Find  ]]></b:skin> and paste below code to above it. Read on »

Google always come up with some design or layout changes to improve Search Experience. This time, the navigation bar present on the top of homepage and search result page is redesigned and the bar will show your name instead of the email ID. The redesigned navigation bar is having the same navigation links like Web, Images, Videos, Maps, News, Shopping, Gmail and More on left side, but the right side of the bar is changed. Earlier the right side of the bar was showing iGoogle, Search Settings and Sign In links, but now only Sign In and a settings icon is there.

Note: Redesigned navigation bar is available on Google.com only.

navigation menunavigation link

You can sign in using Google account by clicking on the “Sign In” link. The settings icon will show you options like “Search Settings, iGoogle and Privacy” without signed in. Once you will sign in with Google account, your name will appear on the right side of the bar and email ID will be visible only after clicking on the name. You can browse the list of subscribed services from “Settings Icon ==> Account Settings” which is available in the right most of the bar.

The redesigned bar is giving Google homepage and SERP much cleaner and improved look. What is your opinion on that? Share your thoughts on the new redesigned navigation bar of Google.

The web designers usually apply “Cool” JS menu to navigate the website. This JS menu has the features of dynamic and interactive, which attracts the more traffic. Although JS menu is a stunning navigation menu, it is not friendly for search engine. How to make JS menu SE friendly to Google spider? Search Engine Friendly Code Maker included in Sothink DHTML Menu will help you to generate special code to make your JS menu crawled quickly by SE spider.

How to use Search Engine Friendly Code Maker?

When you finish JS menu configuration, click “Tools > Search Engine Friendly Coder Maker” or click DHTML Menu - Search Engine Code Maker on the toolbar to open Search Engine Friendly Coder Maker Dialog. The generated codes are listed within the dialog. You can click the button “Copy All” to copy these codes and then paste them into the page through web editor. These codes should be placed behind the menu code within BODY tag.

JS Menu - Search Engine Coder

The codes are like this after they are copied to the web page:

The JS menu codes are marked by green.
The generated codes by search engine friendly code maker are marked by red.

<body>
<script type=”text/javascript”>
<!–
stm_bm([“menu0e98″,800,””,”blank.gif”,0,””,””,0,0,250,0,1000,1,0,0,””,””,0,0,1,2,”default”,
“hand”,””],this);
stm_bp(“p0″,[0,4,0,0,2,3,0,7,100,””,-2,””,-2,50,0,0,”#999999″,”#E6EFF9″,””,3,1,1,”#000000″]);
stm_ai(“p0i0″,[0,”Menu Item 1″,””,””,-1,-1,0,””,”_self”,””,””,””,””,0,0,0,””,””,0,0,0,0,1,”#E6EFF9″,0,”#FFD602″,0,””,””,3,3,1,1,
“#E6EFF9″,”#000000″,”#000000″,”#000000″,”8pt Verdana”,”8pt Verdana”,0,0]);
stm_aix(“p0i1″,”p0i0″,[0,”Menu Item 2”]);
stm_aix(“p0i2″,”p0i0″,[0,”Menu Item 3″,””,””,-1,-1,0,””,”_self”,””,””,””,””,0,0,0,”arrow_r.gif”,”arrow_r.gif”,7,7]);
stm_bpx(“p1″,”p0”,[1,4,0,0,2,3,0,0]);
stm_aix(“p1i0″,”p0i0”,[]);
stm_aix(“p1i1″,”p0i1”,[]);
stm_aix(“p1i2″,”p0i0″,[0,”Menu Item 3”]);
stm_ep();
stm_aix(“p0i3″,”p0i0″,[0,”Menu Item 4”]);
stm_aix(“p0i4″,”p0i0″,[0,”Menu Item 5”]);
stm_ep();
stm_em();
//–>
</script>

<noscript>
<ul>
<li>Unspecified</li>
<li><a title=”/index.htm” href=”/index.htm” target=”_self”> Home</a>|</li>
<li><a title=”/product.htm” href=”/product.htm” target=”_self”> Products </a></li>
<li> Showcase </li>
</ul>
</noscript>

</body>

Now, the remarkable JS menu is shown on your website; and SE friendly menu code is available to make your website indexed and crawled quickly by spider.

Please create a Google account at http://www.google.com/. Input your information, and then get a new account.

Sign in Google, enter “My Account”, and click “Sitemaps”, the page is switched to the Google Sitemaps. In “Add Site” field, type the URL address of your website, like this http://www.sothink.com/. Click “OK” to finish the website submission.

Next step is to verify your site. In order to make sure the users are the site owners of the submitted website, Google will auto-generate an HTML file or META tag. And you can upload either one to verify your permission.

Insert the META tag in the first <HEAD> section of the page for home page of your website. META tag looks like this:

<META name=”verify-v1″ content=”DWDVgMvSlthYghh8yyM2MEX3KYopZGB8b3CW/RlBHPg=” />

Name an HTML file like this and upload it: google5704341f95df93c5.html

After Google verifies you are the site owner who admin the submitted website, there is true marker in the column “Site Verified?”. Now, you can manage the website on Google.

Sitemap can be generated in XML format by Sothink DHTML Menu. Please save the sitemap and upload this *.xml file into the root directory of your website.

Now, submitting the sitemap into Google. Please click “Add a Sitemap” in the column “Sitemap”; and then choose a sitemap type, users generally select “Add General Web Sitemap”; input URL address of uploaded sitemap like this: http://www.sothink.com/sitemap.xml, and wait for verifying the sitemap.

If Google verifies the sitemap, all the processes are finished. And you can control the information about website on Google

Please create a Google account at http://www.google.com/. Input your information, and then get a new account.

Sign in Google, enter “My Account”, and click “Sitemaps”. The page is switched to the Google Sitemaps. In “Add Site” field, type the URL address of your website, like this http://www.sothink.com/. Click “Ok” to finish the website submission.

Next step is to verify your site. In order to make sure the users are the site owners of the submitted website, Google will auto-generate an HTML file or META tag. Upload either one to verify your permission.

Insert the META tag in the first <HEAD> section of the page for home page of your website. META tag looks like this:

<META name=”verify-v1″ content=”DWDVgMvSlthYghh8yyM2MEX3KYopZGB8b3CW/RlBHPg=” />

Name an HTML file like this and upload it: google5704341f95df93c5.html

After Google verifies you are the site owner who admin the submitted website, there is true marker in the column “Site Verified?”, and you can manage the website on Google.

Sitemap can be generated in XML format by Sothink DHTML Menu. Please save the sitemap and upload this *.xml file into the root directory of your website.

Now, submitting the sitemap into Google. Please click “Add a Sitemap” in the column “Sitemap”; and then choose a sitemap type, users generally select “Add General Web Sitemap”; input URL address of uploaded sitemap like this :
http://www.sothink.com/sitemap.xml, and wait for verifying the sitemap.

If Google verifies the sitemap, all the processes are finished. And you can control the information about website on Google.