Latest Post

,
This is how to add or install anti-Adblock or anti-AdBlocker script on blog. So when you installed this anti-adblock script then your blog will appear in full entity on users who have Adblock installed on their browsers.

You can say that Adblocker is blogger's worst enemy who monetize their blog with Google Adsense, Chitika or other advertising using JavaScript code. If your blog's visitors installed anti-advertise script on their browser, then your ads will not appear on their browser and the situation is of course disadvantaging us.

Adblocker is a Chrome or Mozilla addon or plugin that can be installed by users if they want to see the content of our blog without being bothered with advertising. Addblocker will block the ads so they can not appear on users's browsers.


This script will force your visitors to disable the adblock if they want to view your blog.

Step 1. Layout > Add a Gadget > HTML/Javascript

Step 2. Copy and then paste the following code within that gadget.

<style>#g207{position:fixed!important;position:absolute;top:0;top:expression
((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document
.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p>Please disable your ad blocker!<br/>This site is supported by the advertisement <br/> Please disable your ad blocker to support us!!! </p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display
)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>

That's how to install anti-adblock script on your Blogger blog.

Read more »

,
In the previous post you've learnt how to add the disqus recent comments widget for your blogger site. Now in this post I'll show you how to beautify or style your disqus recent comments widget. In order to customize the looks of the recent comment widget, we'll have to use CSS.

How to Style Disqus Recent Comments Widget


This post is particularly intended for those webmasters who already installed disqus comment system and of course the disqus recent comments widget. If you just copied and pasted the code from the previous post, then probably you are not satisfied with its look/design. Hence, you came here to learn of a method to make it look much better.

First, have a look at this site - http://infinithinkit.blogspot.com, they made a nice design customization for the recent comments widget.

Likewise, its easy to make a nice look for your recent comments widget. You'll just need to use the code provided below and alter it according to your preference.

h3{font-family:'Trebuchet MS',Helvetica,sans-serif;}
.dsq-widget-user{text-decoration:none; display:block; font-family:calibri; color:#0EAB2A;}
.dsq-widget-comment{font-family:calibri; display:block;}
.dsq-widget-meta a{text-decoration:none; font-family:calibri;}
.dsq-widget-item{border-left:3px solid #16B560; padding-left:10px; transition-property:background-color, color;  transition-duration:1s;  transition-timing-function:ease-out;}
.dsq-widget-item p a{text-decoration:none; color:#0EAB2A;}
.dsq-widget-item:hover{border-left:3px solid #16B560; padding-left:10px; background-color:#EDFAF3;}
.dsq-widget-avatar{border-radius:100px;}
.dsq-widget ul.dsq-widget-list{padding:0; margin:0; text-align:left;}
img.dsq-widget-avatar{width:32px; height:32px; border:0px; margin:0px; padding:0px 3px 3px 0px; float:left;}
a.dsq-widget-user{font-weight:bold;}
a.dsq-widget-thread{font-weight:bold;}
p.dsq-widget-meta{clear:both; font-size:80%; padding:0; margin:0;}
li.dsq-widget-item{margin:15px 0; list-style-type:none; clear:both;}
span.dsq-widget-clout{padding:0 2px; background-color:#ff7300; color:#fff;}
table.dsq-widget-horiz td{padding-right:15px;}
.dsq-widget-comment p{display:inline;}

Then save your work and enjoy!
How to Style Disqus Recent Comments Widget
before
How to Style Disqus Recent Comments Widget
after
So that's all. If you've followed the given procedures above on how to customize the design of your recent comments widget, then you should have now a nice looking design based on your preference. If you need any help with the design customization, feel free to leave a comment below.
Read more »

,
There are several comment system available for use on Blogger platform, such as IntenseDebate, Facebook, Disqus and more. But I like the Disqus comment system to a greater degree. That is because there are more features available in it, like comment moderation, comment by email, comment using social media platforms, you can even edit any comment in your site and many more, compared to others. If you want to try this comment system, just go to disqus.com and learn to add it on your site.

Add Disqus Recent Comments Widget to Blogger

This post is particularly intended for those who had already installed disqus comment system on their blogger site. If you are using the default recent comment widget on your blog then you should have noticed that disqus comments aren't appearing there. In such a case, you will need to use the recent comment widget specifically for disqus.

It is very easy to install this widget. You just have to add some code (JavaScripts) in the widget box of your blogger site. Just use the code provided on this post and you will be able to add this recent comment widget on your site. Now study the steps given below.
  • First, Log in to your Blogger Account and click on the Blog Title on which you want to add this widget.
  • After that go to the Layout page from your Blogger Dashboard.
  • In the Layout/Elements page click on Add a Gadget link. Clicking the link will open a pop-up where you can many gadgets and widget available to use in Blogger platform.
Add Disqus Recent Comments Widget to Blogger
  • Now choose HTML/JavaScript gadget from the widget list.
Add Disqus Recent Comments Widget to Blogger
  • Now add the following codes in the Content.
<div id="recentcomments" class="dsq-widget">
     <h3>Recent Comments</h3>
     <script type="text/javascript" src="http://ultimatebloggerhacks.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=50&excerpt_length=0" />
</div>

Add Disqus Recent Comments Widget to Blogger

Important: You will need to alter the given code above to make it work for your blogger site. See the following steps to make it work perfectly on your blogger site.

You will need to replace ultimatebloggerhacks from the above code with your disqus shortname.
  • You can now save this widget by clicking Save Button.
You can also control the number of comments to be shown in the widget and various other things. See some tweaks explained below to customize this widget.
  1. To change the number of comments to be shown in your disqus recent comments widget, change the value of num_items in the above given code. By default, it is set to show five comments.
  2. If you want to hide your comments then change the value of hide_mods to 1.
  3. You can also hide the avatars shown in the comments widget. Just change the value of hide_avatars to 1.
  4. You will surely want to change the size of comment avatars. To change the size, change the value of avatar_size from 50 to the size you want in your comment avatar.
  5. By default, it will show you full comments in the widget. If you want to show jut the summary of comments, then change the value of excerpt_length from 0 to your desired summary length. If you leave it to 0, it will show the full comments.
That's it! If you have followed the given steps above carefully, then you should have successfully added the Disqus Recent Comments Widget on your Blogger blog. If you need further help, feel free to drop a comment below.
Read more »

,
Ever wonder how to remove the credit link of themes downloaded from www.themes24x7.com without having your blogger site/website redirect to credit.themes24x7.com? If so, then you've come to the right site.

This site serves as a live demo... No more credit link and definitely no redirection to whatsoever.

After several trial and errors, I've finally discovered the secret of that causes a website to redirect if the credit link has been removed. So here are the steps:

Before proceeding, make sure everything is ready.

STEP 1:
Step:1 Go to blog Dashboard > Template > Edit HTML.

Find the highlighted code as shown in the image below. There might be more than one code, depending on the theme, make sure to remove all.

The code that you should remove starts with:

var _0xe490

remove credit link

STEP 2:
Find the code, as shown in the image.

remove credit link

Powered by<!-- Please Do Not Remove Shared Credits Link -->
<a href='http://www.themes24x7.com/' id='sd'>Themes24x7</a>
<!-- Please Do Not Remove Shared Credits Link -->

It's up to you now whether to alter the code or to completely remove it. If you wish to just alter it, then just change the texts in red and remove the id='sd' part of the code. You can also remove the green-colored segments of the code.

STEP 3:
Click 'Save Template'.

And now you're done amigo! Visit your site and enjoy.
Read more »
Subscribe to: Posts (Atom)
Blogger Tips and Hacks © 2014 - 2016. All Rights Reserved.
No Left Available.

Author Name

Contact Form

Name

Email *

Message *

Powered by Blogger.