How to change the color Chrome address bar in Android

How the heck do I change the color of the address bar in chrome andorid? because there are some blogs that I visit the color of the address bar is different, yes it can change, it is color? can, here we only need to use HTML tags to change it, like this

Put this code in the HEAD tag (Change the color code to your sites)

 <meta name="theme-color" content="#c25f0e"/> 

Extra

This is some code for Firefox, Opera, iPhone and put all three codes below

 <!-- Chrome, Firefox OS, Opera and Vivaldi -->
<meta name="theme-color" content="#4285f4">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">

Happy to Help You !

Adding Custom Error 404 in Blogger

It would be less well if the users who visit your blog and get a 404 error or page not found. This can occur due to various reasons such as URL typos, issues searchable index or page that has been deleted blog manager. In this article I will show you how to add a special page error 404 on your blog.

What it Error 404?

Error 404 is a page that is not found in a web and server.

Here's how to add custom 404 error on blogger :

1. Go to your Blogger> Save Template> Edit html> Add the code below the above code </head>

 <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
/* CSS Error 404 */
#oopss{background:#222;text-align:center;margin-bottom:50px;font-weight:400;font-size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;left:0}#error-text{top:30%;position:relative;font-size:40px;color:#eee}#error-text a{color:#eee}#error-text a:hover{color:#fff}#error-text p{color:#eee;margin:70px 0 0}#error-text i{margin-left:10px}#error-text p.hmpg{margin:40px 0 0}#error-text span{position:relative;background:#ef4824;color:#fff;font-size:300%;padding:0 20px;border-radius:5px;font-weight:bolder;transition:all .5s;cursor:pointer;margin:0 0 40px}#error-text span:hover{background:#d7401f;color:#fff;-webkit-animation:jelly .5s;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s}#error-text span:after{top:100%;left:50%;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#ef4824;border-width:7px;margin-left:-7px}.back:active{-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);background:#f53b3b;color:#fff}.back:hover{background:#4c4c4c;color:#fff}.back{text-decoration:none;background:#5b5a5a;color:#fff;padding:10px 20px;font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all .5s ease-out}@-webkit-keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@media only screen and (max-width:640px){#error-text span{font-size:200%}#error-text a:hover{color:#fff}}
</style>
</b:if> 

2. Next add the code below right under the code </body>

 <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='oopss'>
  <div id='error-text'>
    <span>404</span>
    <p>PAGE NOT FOUND</p>
    <p class='hmpg'><a expr:href='data:blog.homepageUrl' class="back">Back To Home</a></p>
  </div>
</div>
</b:if> 

3. Finish, please click on the demo button to see the results.

• Live Demo

Meta Tag Optimization Keyword and Description Support

Meta tags are a bunch of code that is located in the His regular unbiased information about the determination of the title, keywords, description and robots from a blog or a blog article
than that meta tag also contains the author's blog, content language, the target blog, open graph and caption her other, this was the one that did the search engines to crawl the blog to look seo
gives meta tags on blog / website means it has implemented one of optimization within the scope of the page seo, of course it will have to be supported by title, keyword and description that supports the content direction, so it does not lose its competitiveness with other blogs in the jockeying for position in the search engines
for those who are looking for the concept of meta tags to be installed in his blog, here is the concept of meta tags are often used by most bloggers

Meta Tag

 <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link href='xxxxx' rel='publisher'/>
<link href='xxxxx' rel='author'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='xxxxx' name='p:domain_verify'/>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='keyword yang tampil di homepage blog ' name='keywords'/>
<meta content='deskripsi blog' name='description'/>
</b:if>    
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
</b:if>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Nama Anda Disini' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='audience'/>
<meta content='id' name='geo.country'/>
<!-- SEO Meta Tag end --> 
 <!-- SEO Title Tag -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Arsip Untuk <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Halaman Tidak Ditemukan - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>
</b:if>
<!-- Facebook Open Graph -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='id group facebook blog' property='fb:app_id'/>
<meta content='id admin facebook blog' property='fb:admins'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvonrsfLWYbYtF7bsKDSLGW1dQXZ2lw4ABDFOHhmrAOIviMRiG92VCfyRmCutECKJXarExBvzD75JTEk9oU6CFrg_eTRvM4k2SoAs1kn1XEkteDGPhxsTy19FPgLZ74zvXYmfamkV2uMg/s1600/opengraph.jpg' property='og:image'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvonrsfLWYbYtF7bsKDSLGW1dQXZ2lw4ABDFOHhmrAOIviMRiG92VCfyRmCutECKJXarExBvzD75JTEk9oU6CFrg_eTRvM4k2SoAs1kn1XEkteDGPhxsTy19FPgLZ74zvXYmfamkV2uMg/s1600/opengraph.jpg' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='deskripsi/cuplikan blog' property='og:description'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
</b:if> 

replacing the code above is in accordance with your blog
Information
•Viewport responsive support blog
•Keyword for blog (homepage) and the content of each blog
•Description for blog (homepage) and the content of each blog
•Info validation blog (webmasters, alexa, bing and pinterest)
•Link url author blog (isi dengan Google+)
•The setting appears in the blog title bar of the browser (homepage, full content, static and error pages)
•Open graph facebook
•As well as the code that is not less significant.

Happy To Help You !

Auto Refresh Blog HomePage

Auto Refresh Blog HomePage

Some sources say auto refreshing page on the blog, that will help to increase blog traffic.

Tutorial

Here are the steps how to make the Auto Refresh on Page Blog :

1. Log in your blogger account.
2. Select the tab menu Template> Edit HTML> put your cursor on the area of the HTML code.
3. Find the code below (press Ctrl + F to search).
4. Place the following code above the code

 <meta content='60' http-equiv='refresh'/> 

5. Then save the template.

Well, you need to consider in putting up an auto refresh on the blog page is setting the time because if too fast then the search engines, especially Google will regard it as an act of manipulation of traffic, as well as the convenience of visitors to the blog. Try setting the timing is not too fast and excessive.

How to Improve SEO Friendly Blog Structure

Blog with excellent structure and can really make the search engine bots easily index and crawl the blog. If the search engine bots can not index and crawl the blog, it will automatically SEO optimization is not going well. The following article How To Fix Structural Blog that SEO Friendly to assist you in optimizing your blog it.
Blogs that have various structures have SEO optimization techniques different for blogs. Article How to Improve Structural SEO Friendly Blog I summarize this has become a whole and can learn easily.

1. Templates Blog

The template has come up with various types according to the maker. Who see the beauty of a blog, in terms of creativity itself, and there is also a direct optimize blog template that they make in order to become the template SEO friendly. A slight error on the blog template optimization SEO can make a total failure. Because without a template, the blog will not be able to navigate well.

2. Heading Tag

Heading Tag templates have different to optimize your blog in order to be SEO friendly. Heading tags with a poor structure can only complicate the search engine bots to start indexing and crawling your blog. But sebalikya, template with a neat and correct structure can simplify the search engine bots to index and crawl your blog. To optimize the heading tags in your template.

3. Meta Tags and Tag Tittle

Mechanical slip Meta Tags and Tag Tittle on the blog template has been done bloggers to optimize their blog. No one is following the default template, follow meta tags and tag tittle they found when blogwalking, there is also experimenting with the meta tags of their own making. Do not let one put meta tags and tittle tag on the template because the consequences are very bad for your blog.

4. Robot.txt and Header Tags

Every blogger has tried various Robot.txt and Header tags on their blog. Sometimes there is a tamper origin but does not know it for what its function. If there are bloggers who tamper with robots.txt and indiscriminate header tags, search engine bots will misconstrue the intent of robots.txt and header tags that have been installed. So, be careful before you start unpacking robots.txt and header tags of your blog.

5. Loading Blog

The assortment of causes that make Loading Blog becomes very slow already started to be taken into account. Bloggers who already understand the SEO optimization have started avoiding things that make loading merea blog becomes very slow. SEO optimization is done with great difficulty will be useless if a blog has a long loading. Because aka complicate the search engine bots to index and crawl the blog. Moreover, visitors who got tired of waiting, instead of reading your article instead close close tabs on their browser.

Happy To Help You !

How to Generate Sitemap of Blogger

How to Generate Sitemap of Blogger

What are Sitemaps?

Sitemaps are text files containing a list of all web pages that exist on your website and are accessible to crawlers and users. These helps visitors and search engine bots to find pages on website. Sitemaps are a way to help Google indexing pages on your site which otherwise might not be discovered.

If your blog is hosted on blogspot.com (or if you are using a self-hosted version of Blogger with a custom domain) you will be surprised to find out that the default sitemap file contains only the 26 most recent pages of your blog which in normal case should contain all the URLs of a website.

Many webmaster pretend to teach others how to drive traffic to blogs or websites yet leaving out the most important factors like sitemaps. There are still other websites who keep on providing the old methods of generating a sitemap for blogger which are not any effective.

Sitemap Submission of Blogger

Step 1. If you haven't done this already, sign-in to your Google Webmasters account and add your blog.
Step 2. Once your blog is added to Google, go to Webmaster Dashboard and click on your site URL
Step 3. On the left side, look for Crawl, then Sitemaps and click on the Add/Test Sitemap button.

• Let's Generate