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

Best 3 Online Image Compressor

Best 3 Online Image Compressor

Krakel.io

Kraken.io is a robust, ultra-fast image optimizer and compressor with best-in-class. We'll save you bandwidth and storage space and will dramatically improve your website’s load times.

• Try Now

Optimizilla

This online image optimizer uses a smart combination of the best optimization and lossy compression algorithms to shrink JPEG and PNG images to the minimum possible size while keeping the required level of quality.
Upload up to 20 images. Wait for the compression to finish. Click thumbnails in the queue for quality setting. Use the slider to control the compression level and mouse/gestures to compare images.

• Try Now

Compressor.io

Compressor.io is a powerful online tool for reducing drastically the size of your images and photos whilst maintaining a high quality with almost no difference before and after compression.

• Try Now

Top 5 Blogger SEO Tips

Top 5 Blogger SEO Tips

Without proper blog optimization, we can’t even dream to get impressive traffic from search engines. Below are the tips and tricks that will be beneficial for you to optimize your blog for Google and other search engines. Read them carefully and apply all of them on your blog to make your blog lovable and trustworthy for search engines.

Blog Post Titles

default blogger template doesn't provide well optimization in SEO so do some editing in your blog template to make your post titles properly optimized which search engine suggest such as matching keywords should be in post content as well as it should be in the post title.

Image Optiomization

You may definitely notice relevant images between the posts on many blogs. Images not only enhance the look of our content, but it also plays an important role to optimize our blog posts. If we make effective use of images in our blog posts, then we can attain extra traffic from search engines. here's our post which will help you for image optimization Best 3 Online Image Compressor

Sitemap Submission

Submitting our blog in Google webmaster tool helps it to get indexed in Google super fast. It also tells about our blog issues like broken links, HTML improvements etc that we must try to resolve. We just need to verify our blog ownership and submit a sitemap. for more details you should check this post How To Generate Sitemap of Blogger

Blog Load Time

Search engines give more value to fast loading blogs because they want to build best user experience. That’s why it’s very important to optimize blog loading time. so try to purchase paid domain for blogger

Custom Robots.txt

Search engine bots like Googlebot (Web Crawling Robot of Google) needs some guidelines on how they have to crawl and index our blog. We can prevent some non-important pages labels pages from indexing in Google to protect our blog from duplicate content issues.

Internal Linking

This is really a big mistake that we must avoid. Internal linking not only increases our blog page views but also help our posts to rank well in search engines. If you are also doing the same mistake, then you must need some tips to optimize your internal links.

How to add Disqus to Blogger

This will require editing your Blogger template HTML, so it won't work with Dynamic Views templates.

Add New Gadget

1. Go to your Blogger "Layout" section and click Add a gadget in the sidebar

2. In the Add a Gadget popup, scroll down to find the HTML/Javascript gadget and click the + button

3. Enter Disqus as the title and the following code for the content:

<!--Disqus comments gadgets-->

4. Click save and the window will close

5. Click Save arrangement in the Layout viewer
Add the Disqus code to your template

1. Go to your blog's Template section, click "Edit HTML", and then click the "Edit template" button

2. Click inside the text area and search for the widget you just created in your HTML template by pressing Ctrl-F (Command-F on OSX) then typing Disqus. You should find the following line:

<b:widget id='HTML1' locked='false' title='Disqus' type='HTML'>

3. Change that line to add mobile='yes' to load Disqus on your mobile template. It will look like this when you're done:

<b:widget id='HTML1' locked='false' mobile='yes' title='Disqus' type='HTML'>

4. Below that locate and DELETE the following code right before the closing tag. The section you're deleting should look like this:
<b:includable id='main'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>

5. BEFORE the closing </b:widget>  tag, add the following Disqus code (remember to replace "EXAMPLE" with your forum shortname and be sure to leave ''' in front of your shortname and '';' after it.):

<b:includable id='main'>
            <script type='text/javascript'>
                var disqus_shortname = &#39;EXAMPLE&#39;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;

                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }

                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
            </script>

            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <style type='text/css'>
                    #comments {display:none;}
                </style>

                <script type='text/javascript'>
                    (function() {
                        var bloggerjs = document.createElement(&#39;script&#39;);
                        bloggerjs.type = &#39;text/javascript&#39;;
                        bloggerjs.async = true;
                        bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
                        (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                    })();

                </script>
            </b:if>
                <style type='text/css'>
                    .post-comment-link { visibility: hidden; }
                </style>

                <script type='text/javascript'>
                (function() {
                    var bloggerjs = document.createElement(&#39;script&#39;);
                    bloggerjs.type = &#39;text/javascript&#39;;
                    bloggerjs.async = true;
                    bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
                    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                })();

            </script>
</b:includable>

6. Click Save template. Assuming there are no errors, Disqus should properly show up on your site now.
7. (Optional) Verify that the meta tags in your Blogger Template do not force Internet Explorer to load using IE7 standards. 

Minima Colored 2 - Hindi

Namskar ! dosto is post main hum dekhenge, Blogger yane Blospot site ka Template jiska naam "Minima Colored 2" hai. to chaliye is Template ke Bare main jankari lete hai.

Minima Colored 2 is Blogger Template main bohot acchi Features jo bohot akarshak aur clean look provide karta hai aur ye Template ke designer hai Arlina, to dekhte hai template ke features aur demo & download link

Features	Availability
Responsive	True
SEO	True
Custom Threaded Comment	True
2 Column	True
Light Base Theme Color	True
Auto Read More with Thumbnail	True
Responsive Ad Slot	True
Breadcrumbs	True
Related Posts with Thumb	True
Search Box	True
Social Share Button	True
Sidebar Tab Widget	True
Recent Post Widget	True
Recent Comment Widget	True
Custom 404 Page	True
Smooth Scroll back To Top	True
Better Print Page Layout	True
Sticky Top Menu	True
Well Documentation	True

• Live Demo
• Free Download

How to Solve Spam Comments Disqus

The comment column is a facility website or blog to be able to interact with the blog owner with visitors, in other words, can also be said to the virtual world as well as on social media. Whether it using the comments of bloggers, Facebook, or Disqus. As the owner of the blog, we certainly want the best blog to appear in search engines and clean of spam. 

Spammers are a productive group, and thus there is always some way to tackle anti-spam.That's why Disqus using anti-spam software to reduce or even eliminate spam from circulation.

Well, this time I want to come to share about how to deal with spam for comment Disqus .Want to know? Please see that coming through this:

Mark Spam

Be sure to mark comments as spam if they are spam. However, be careful not to mark comments as spam, such as a comment abusive, offensive, or otherwise objectionable, simply remove it. 

You can mark comments as spam from Moderation panel, click spam comments below, or it could be from the email notification.

Spam moderate

You can choose to moderate all comments published on the website / blog. All comments, spam or not, will require the approval of a moderator before they are published. As for moderation, all the links in the comments, change the settings moderation through Disqus Admin> Engage> Community Rules.

Who is allowed to comment

By controlling who commented on your site, you can prevent comment spam or other unwanted for the public on your site. You can see these options in Disqus Admin> Engage> Community Rules .

Blacklist and Whitelist

Disqus offers Blacklist and Whitelist. After marking the comment as spam, you can add comments to the black list (blacklist). Or, you can require pre-moderation on all the comments and then add commentator reliable to your whitelist. Engage> banned users> add item

Report Spam for Disqus

We appreciate the report of comment spam or accounts that are not caught by spam filters automatically to Spam Report .

Whitelisting CodesMag In Your Ad Blocker

Codesmag rely on advertising and donations to help pay for things like domain. By whitelisting Codesmag in ad blocking software, you can help support us. We do not do pop-overs, pop-unders, ads overlay, voice auto-playing, mid-page / ad mid-articles, keyword advertising, or something like that. 

If you choose not to include Codesmag whitelist AdBlocker you, do not worry, we will not judge. You always can help support us with a donation and services that we offer in this blog, it also presumably as your appreciation to this blog.

Thanks to its support for Codesmag 

Firefox - AdBlock Plus

---

You can enter Codesmag.blogspot.com whitelist by clicking on the ABP icon in the toolbar and choose 'Disable on Codesmag'. This would allow the ads to be displayed on our website without affecting the preference of blocking ads on other sites. Firefox - uBlock Origin

---

You can enter Codesmag.blogspot.com whitelist by clicking uBlock shield in your toolbar and click on the symbol of power. This would allow the ads to be displayed on our website without affecting the preference of blocking ads on other sites, Google Chrome, Chromium, Iron - AdBlock Plus

---

You can enter Codesmag.blogspot.com whitelist by clicking on the ABP icon in your toolbar and click on the first entry with a tick next to 'Enabled on this site' by default. Upon clicking, it should change to a red X and says 'Disable on this site'. This would allow the ads to be displayed on our website without affecting the preference of blocking ads on other sites, Google Chrome, Chromium, Iron - uBlock Origin

---

You can enter Codesmag.blogspot.com whitelist by clicking uBlock shield in your toolbar and click on the symbol of power. This would allow the ads to be displayed on our website without affecting the preference of blocking ads on other sites. English:

Creating Notifications To Users AdBlocker Adsense

Advertising is one way for blog writers to gain income in the blog, of course revenue gained to extend the hosting / domain on the blog 

Unfortunately, many users of blogs, too much use ads on his blog, what more ad layout was not irregular and very disturbing for the visitors, there again, the blogs were very pushy pengungung it so that his ads can be clicked, with pop up ads pop up on the page of his blog, what else there is no close button when the pop up ads to appear, it was very disturbing 

the use of excessive advertising on blogs, also did well on the blog itself, because it is very disturbing for the visitors of the blog 

for that, we need to make a notification to the user AdBlocker to turn AdBlocker on our blog, who knows the ads that appear indeed content searchable visitors. We need to explain that we do not advertise excessively or trapping visitors to click on ads, therefore we ask for his willingness to visitors to turn off AdBlocker on our blog for ads on the blog we do not bother them. 

Well this time we will put up a notification to the user AdBlocker to Adsense ads to enter our blog into Adblock whitelist them. 

When a visitor uses AdBlocker, then the Adsense ads do not appear automatically. If Adsense ads do not appear then AdBlocker notification will appear at the bottom of the blog as in the image below.

Interested to try it? follow the way below 

place the code below the above code</head>

<style>
#keep-ads {
  background: #1C90F3;
  color: #fff;
  padding: 10px 20px;
  position: fixed;
  bottom: -150px;
  left: 0;
  opacity: 0;
  font-size: 100%;
  line-height: 1.5em;
  transition: all .3s;
  width: 100%;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100000
}

#keep-ads p {
  margin: 0!important
}

#keep-ads a {
  padding: 0 6px 2px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid transparent
}

#keep-ads.show {
  pointer-events: auto;
  opacity: 1;
  bottom: 0
}

.close-keep-ads {
  position: absolute;
  top: 1px;
  right: 4px;
  line-height: 1;
  font-size: 24px;
  font-weight: 700
}
</style>

then place the code below in the above code </body>

<div id='keep-ads'>
  <p>Like this blog? Keep us running by whitelisting this blog in your ad blocker.</p>
  <p>This is <a href='URL PAGE HOW TO WHITELIST' target='_blank' title='how to whitelisting'>how to whitelisting</a> this blog in your ad blocker.</p>
  <p>Thank you!</p>
  <div class='close-keep-ads' onclick='hidekeep()'>&#215;</div>
</div>
<script>
//<![CDATA[
setTimeout(function() {
  var info = document.getElementById("keep-ads");
  var ads = document.querySelectorAll("ins.adsbygoogle");
  if ($(ads).height() === 0 ) {
    info.className = "show";
  }
}, 2000)
function hidekeep() {
  var e = document.getElementById("keep-ads").style.display = "none";
};
//]]>
</script>

please change its text to your liking, change to Whitelist PAGE URL with your own url, example of its pages like this so this tutorial !

Source - http://www.kompiajaib.com/