Hi friends, Our Bloggerxpose Tutorial Blog is glad to have you. Let's see what the Content hider script is about. Most of the time, this script helps you hide something on your site.
For example, some educational sites have shown the few contents directly with the lastly add read more option. Users can click on "Read More" to see more. After the countdown timer is done, the website will show the user the content. This method is a great way to keep track of how long people spend on your website.
What is a Countdown timer for content?
The aim of every content creators (blogger) is to reach a wider audience and make more money. This, however, can be difficult due to competition and other such factors.
Nowadays, in blogging industry, uses a variety of tactics to attract and entice customers to buy their products and services.
One such tactic is the use of ‘countdown timer’. In this article, we’ll talk about what a countdown timer does, and how you can use it to carve a niche for yourself.
This looks like a timer that counts down. This is a great way to hide content, buttons, and images on your websites. So, you can't see these things straight on. User can check to see if they want to click the button and wait a few seconds.
Pros and Cons Of Content timer for a content script?
Pros
- Users should be able to read more.
- Click on more ads on your website.
- This can also be done on the download timer.
- Look like a pro.
Cons
- To change this countdown script, you need to know how to code.
- If you mess up the installation of this script in any way. the page or post may have stopped working.
How to Add countdown timer for blogger website
- Go to the dashboard for your Blogger account and add a new post or page.
- Change the post or page dashboard to HTML editing mode.
- Now, copy the script below and paste it directly into your Blogger site.
- Click the button below if you want to see the Source.
<div style="text-align: center;"><button class="button" id="Cnt-Timer-TD">Show Content</button> </div>
<div id="element-show" target="_blank">
<div class="content">
Write your content....
</div>
</div>
<script>var id,counter=10,downloadButton=document.getElementById("element-show"),newElement=document.createElement("p");function startDownload(){this.style.display="none",id=setInterval(function(){--counter<0?(newElement.parentNode.replaceChild(downloadButton,newElement),clearInterval(id)):newElement.innerHTML="<center><strong>Please wait <span>"+counter.toString()+"</span> seconds</strong><p/><Cnt-Timer><svg viewBox='0 0 60 60'style='width: 30px; height: auto;' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'></animateTransform></path></svg> Generating... Please Wait!</Cnt-Timer></center>"},1e3)}newElement.innerHTML="<span></span>",downloadButton.parentNode.replaceChild(newElement,downloadButton);var clickbtn=document.getElementById("Cnt-Timer-TD");clickbtn.onclick=startDownload;</script>
<style>
.button,Cnt-Timer{display:inline-flex;font-family:var(--fontB)}Cnt-Timer{font-size:13px;opacity:.8;align-items:center}.button{align-items:center;margin:10px 0;padding:12px 15px;outline:0;border:0;border-radius:3px;line-height:20px;color:#fffdfc;background:#ff09ff;font-size:14px;white-space:nowrap;overflow:hidden;max-width:320px}
</style>