XpertShout: Blogging Tips

Blogging Tips

Showing posts with label Blogging Tips. Show all posts

How To Install Auto Refresh Function in Blogger

XpertShout

Auto refresh is the smooth function for blogs and websites specially for sports websites. This is the easy way to install auto refresh function in blogger. Here I will give two ways, namely with Meta and JavaScript, so choose one of these two methods.

How To Install Auto Refresh Function in Blogger

Auto refresh function also help bloggers to increase or boost their adsense earnings. It will reload adsense ads or of any other network.

First Way to Install Auto Refresh Function in blogger

Just follow the steps.

Open blogger dashboard and navigate to Themes > Edit HTML > Add below code under <head> and </head>.

<b:if cond='data:view.isHomepage'>
<meta content='90' http-equiv='refresh'/>
</b:if>

Note the marked text, the number 90 means the time it takes for the blog page to reload the page every 90 seconds once. Change the number as desired.

Now click on Save Theme.

Second Way to Install Auto Refresh Function in blogger

Add below code before </head> or </body>.

<b:if cond='data:view.isHomepage'>
<script type='text/javascript'>
//<![CDATA[
setTimeout('location.href=\"/"' ,90000);
//]]>
</script>
</b:if>

Change 90000 (90 seconds) to your liking.

Now click on save theme and enjoy.

I added homepage conditional tag because if it work on blog post then it will disturb visitors.

Disable Ad Blocker Script For Bloggers

Blogging Tips

XpertShout

Install Disable Ad Blocker Script For Bloggers in few seconds. We know that every blogger make a blog to earn money and the only source of earning money is by displaying ads. From which you can earn more money as you can if users click on them.

But now a days users use many browsers like Chrome, Opera, Mozilla, UC browser etc. Now these browser offering ad blocker for great users experience. So ads will not shown up on blog if ad blocker is on.

Disable Ad Blocker Script For Bloggers

So, for this purpose i made a script for bloggers that will not give access visitors until they turn off the ad blocker. I personally using this script. This script will help more to earn money.

Disable Ad Blocker Script

You have to go to Layout.
Then click on Add Gadget.
Select Html / JavaScript.
Insert script there and click on save.
Below is the script.

<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 & Refresh Again!<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>

How To Move WordPress Site to a New Domain [Quick Way]

XpertShout

Sometime you want to move your WordPress site to another domain then it will definitely impact the seo of your WordPress website. You cannot vanish SEO impact but can reduce easily. You need to be done the process carefully.

While moving your WordPress website to a new domain, you can minimize seo impact on your blog or website. You can regain your search engine traffic and ranking quickly.

How To Move WordPress Site to a New Domain

In this guide, we'll show you the correct method to move WordPress to a brand new domain while not losing SEO.

Here’s the three main steps method that we'll cowl to assist you migrate your WordPress web site to a new domain name:

Create a backup of your WordPress web site
Create a database for new domain
Unpack WordPress on new domain
Setup Permanent 301 redirects
Notify Google about changes makes.

This process will get impact on your WordPress website temporarily. As your website posts are indexed with previous domain and backlinks are also make with previous domain. So, be careful.

1- Create Backup of Your WordPress Website

Install Duplicator plugin and activate it. Now you will see a menu. There click on create package. After that plugin will do some test for your websites. If all options are checked as good then click on build.

Plugin will now start creating package. It will take some time depend upon your website posts. After task completed then click on one-click download button. Package contains 2 files one will be a zip or archive file and other will be a installer script. So save it carefully.

2- Create a Database for New Domain

Go to hosting account. Click on databases. Go for MySQL database icon. On next window, it will ask for database name. Simply put the name and create it.

After that go to MySQL users section. Provide a new username and password for your newly created database.

If new user does not have permission then add new user, select your new username and add it. Note the username, database name and password which will need you on next step.

3- Unpack WordPress on New Domain

Connect your new domain with hosting. Then go to New domain root directory (home/public_html) and upload both files of first step.

Open a new browser tab and go to the following URL:

example.com/installer.php

Don’t forget to replace example.com with your new domain name. This will launch the Duplicator migration wizard.

Installer will look for archive file and on next step it will ask to update new database, username and password. Once done, click on the next button to continue. Duplicator will now unpack your WordPress database backup from the archive into your new database.

Next, it will ask you to update site URL or Path. You shouldn’t have to change anything since it automatically detects the URL of your new domain name and its path. If it doesn’t, then you can change the URL to your new domain name. After that, click on the next button to continue. Duplicator will now finish the migration.

You can click on the ‘Admin Login’ button to enter the WordPress admin area of your website on the new domain name.

Finish

Main steps are finished. Now do permanent 301 redirects via plugin. Change your website address in google search console.

Install Responsive Floating Ad with Close Button

Blogging Tips

XpertShout

Get an easy way to install responsive floating ad with close button. Earning is important thing for the bloggers and they want earn more & more as they can. So for more earning from ads i install a widget that is working perfectly for me and will be worked perfectly for you. So, just follow the below steps.

Install Responsive Floating Ad with Close Button

Go to your template and click on html editor.
Search for </body>.
Paste the given html code just above </body>.

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIV6MoIRk2mnLWFxpelgayCDVbjTxa1okM7rx575M_MqkSDYqYwnUMfQ1xKnsZ0HnPG01_NJGkdsLn2ifsuXtgx5KKxGmTpugPGEPR0QLI9pLa_96gnX3IeospPE_myGdIJYoJZZVHcYD4/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd2opT4ROOu2mSyKB4V3oAuQy-vXW6sXh6jD1fhWTKx37Oniw3n6frOwugUu7qkh3NgSW-7vC5sj0ycOTIxktG1OYflqe_FV33nP_HJsfZT45Tk-DlwU0Y0FZ0MjmJCnm28SleJ3Fy-FZk/s1600/arlina-tea.png'/></a>
</div>
</div>

Just replace highlighted lines with your Adsense or any other banner ad code.
Now Save the Template and Enjoy.

Add Post Views Counter in Blogger Posts

Blogging Tips

XpertShout

Add Post Views Counter in Blogger Posts. We are sharing the method of adding blogger post views counter in blog post header line. Its a simple method. You have to follow 2 simple steps.

Add Post Views Counter in Blogger Posts

Follow the below two steps to acquire the best results.

Steps 1

Find <b:include data='post' name='postQuickEdit'/> in your template html.
Add below html line just above it.

<a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/>

Now go to firebase and create project.
after creating project just copy firebase URL which you have to replace in below script.wait for it.

Step 2

Now add below script just before </body>.

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
var elem = $(e).parent().find(&#39;#postviews&#39;);
var blogStats = new Firebase(&quot;https://adeelstriker-e62e5.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
blogStats.once(&#39;value&#39;, function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr(&#39;name&#39;);
isnew = true;
}
elem.text(data.value);
data.value++;
if(window.location.pathname!=&#39;/&#39;)
{
if(isnew)
blogStats.set(data);
else
blogStats.child(&#39;value&#39;).set(data.value);
}
});
});
</script>

Now just replace the highlighted line with your firebase URL.
Thanks.
Comment us if you have any difficulty.

Remove Footer Credits in Blogger Templates without Redirecting

Blogging Tips

XpertShout

Remove Footer Credits in Blogger Templates without Redirecting

Easily remove footer credits from any blogger template. Now a days template designers create free and paid both templates. Paid templates have some advantages while free templates have not any advantage like paid version specially advantage of footer credits.

Remove Footer Credits in Blogger Template without Redirecting

Some templates footer credits are easy to remove because that footer credits were of simple coding. You have to just remove that lines. While in arlina design templates or any other highly protected templates it is not easy to remove footer credits if you remove Created by line then it will redirect to template designer website.

Remove Footer Credits in Arlina Design Blogger Template

This posts is about remove footer credits in arlina design blogger templates without redirecting
So, today i will tell you simple one step by which you can hide designer name without redirecting specially in arlina design templates.

How To Remove Footer Credits in Blogger Templates

Go to blogger template HTML editing place.
Then find Created by or Designed by words or related to below given line.

All Right Reserved. Created by <span id='be_sites'><a href='http://adeelstriker.blogspot.com/' target='_blank' title='Adeel Striker'>Adeel Striker</a></span>

So you can see there ID or may be named as Class as highlighted in above html.
Here be_sites is my id or class. But in your template it can be change. So, keep in mind.
You simply have to done with that id name as in below script.

#be_sites {Display:none;}

Highlighted HTML is my id. You have to replace that highlighted HTML with your id or class name.
Now put that script in CSS section like below css menu or css post wrapper etc.

Congratulation! Your footer credits are hidden now. If you find any difficulty comment us.