Adblock detector for blogger

Adblock detector for blogger :

This post is about how you can simply install an adblock detector widget in blogger Most of the blogger actually blog for money. In a survey it has came out that, now days almost 12% of all internet users are using Ad Bloker to prevent them from Pop Up, Text and Banner ad. This is no good for both part time & professional bloggers.

steps to be followed :

Step 1: Login to your blogger account, select Template from blogger main menu then click on Edit HTML.

Step 2: Search for <body> tag in template editor.

Step 3: After finding the <body> tag immediately copy and paste the below code just After/Below/Under it.

	<style>
	/Copyright @prasanna kuma dasari/
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
	#cc-blockad {display:none;width:100%;height:100%;position:fixed;z-index:999999; background-image: url('http://2.bp.blogspot.com/-c7JU2DiMTNI/VK_0CH7K32I/AAAAAAAAJ8U/2qHYO7qrd_M/s1600/opacity.png');}
	.blockad-inner {text-align:justify;font-family: 'Open Sans Condensed', sans-serif;width:550px;height:auto;background:#fafafa;margin:auto;margin-top:130px;font-size:22px;color:#555;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:2px solid #999;border-bottom:5px solid #999;}
	.blockad-inner h3 {font-size:24px;margin:20px;}
	.blockad-inner img {position:relative;top:4px;right:10px;}
	#adblock-get {text-align:right;height:20px;font-size:8px;color:#777;font-family:Verdana, Geneva, sans-serif;}
	#adblock-get a{color:#777;text-decoration:none;margin-right:20px;line-height:20px;}
	#adblock-get a:hover{text-decoration:underline;}
	.h2-header {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ccc));background:-moz-linear-gradient(top, #ffffff 5%, #ccc 100%);background:-webkit-linear-gradient(top, #ffffff 5%, #ccc 100%);background:-o-linear-gradient(top, #ffffff 5%, #ccc 100%);background:-ms-linear-gradient(top, #ffffff 5%, #ccc 100%);background:linear-gradient(to bottom, #ffffff 5%, #ccc 100%);border-bottom:1px solid #999;}
	.h2-header h2{color:#333;margin:0;padding:10px;text-transform:uppercase;font-size:30px;}
	</style>
	<!--Adblock detector for blogger by tech-mask.blogspot.com-->
	<div id='cc-blockad'>
	<div class='blockad-inner'>
	<div class='h2-header'>
	<center><h2><img src='http://3.bp.blogspot.com/-H_yGlfcHO3I/VK_xvgQancI/AAAAAAAAJ8I/pY0NUwqBp8I/s1600/Alert-Icon-.png'/>Adblock is enabled</h2></center>
	</div>
	<div style='margin:20px;'>
	We have detected that you are using adblock on your web browser. Please disable adblock or simply disable your ad blocker only on 'tech-mask.blogspot.com' and reload this page to hide this.<br/>
	Thanks.
	</div>
	<center><h3>No popup. We promise!</h3></center>
	<!--Don't mess with this-->
	<div id='adblock-get'>
	<a href='http://goo.gl/Ub9s9T' target='_blank'>Install Detector</a>
	</div>
	</div><!--2-->
	</div><!--1-->
	<script type='text/javascript'>
	var adblock = true;
	</script>
	<script src='http://codingcrazy.com/demo/adframe.js' type='text/javascript'/>
	<script type='text/javascript'>
	if(adblock) {
	document.getElementById('cc-blockad').style.display='block';
	}
	</script>
	<!--All ends here-->