Windows 7/8/9/10 | Save Full Webpage/Long Screenshot in PDF/JPEG Format

Taking a screenshot has become a part of a daily requirement these days. 

If you are writing a mail to a customer-care, you may need to attach some reference documents to the mail, and the screenshot feature proves to be your savior.

If you are a content writer, then you surely need to take multiple screenshots on your computer every now and then.

Not only that, you may need to save some important notes/documents from any website, but the same is not available in PDF format, then this procedure will come in handy for sure.

                      

Though taking a long or expanded screenshot is much easier in the case of Android/iOS for PC or Windows, it is a little bit trickier.

Do not worry, we got you covered!

By the end of this article, you will learn how to save any webpage in PDF format.

So, let us show you step by step how to take the long/expanded screenshots on your PC or Desktop.

1. Go to https://goscreenshotting.com/ on any of your web browsers.

2. Add the extension to the browser.

3. Pin the extension onto your web browser

4. Now open any webpage and use any of these options to take a screenshot.

5. Once the screenshot is captured, it can be saved in PDF/PNJ/JPEG format as well.

Hope you liked this article. Stay tuned for more tips and tricks like this.

Must Read!

No Premium! Play YouTube in the Background in Android/iPhone 2021.

If you are stuck at any point please watch this tutorial.

Script -3 : Blogger Quiz Code script for Free | % Calculation | June 2021 | 100% Working

 If you are planning to make a quiz test on your blogger website, you have come to the right place. 

This post will give you a ready-made script that you just need to copy and paste into your blogger website.

You read it right! Just copy and paste!

No hidden script!

No modification is needed!

Compatible with Free Templates!

It is FREE !!

More Quiz Scripts are here!!

The quiz is too interactive and animated. It will calculate your quiz score as well.

The quiz format would be like this.

For the Correct Answer:

For the Wrong Answer:

Quiz Score:

Hope you liked this script! If you would like to get more scripts like this, please stay tuned to our website.

Download the code from here. 

Check out a few other Quiz formats.

Script -1: Blogger Quiz Code script for Free | Show/Hide Feature | June 2021 | 100% Working

Script -2 : Blogger Quiz Code script for Free | Show/Hide Feature | June 2021 | 100% Working

Are you looking for a blogger script to create a Quiz on your blog website?

You may have found many scripts on the internet but they are not compatible with your free themes? 

Do not worry about that. we got you covered.

No Coding Required! No Hidden Script! Just Copy Copy-Paste!

Pure Lightweight HTML code! No JAVA No PHP!

No Clickbait! Suitable for All Free and Premium Themes!

No need to modify a bit except for the quiz question and answers!

Advantages of this script : 

1. Show/Hide feature in Quiz - blogger free script
2. No coding skill required
3. Compatible with all free(or premium) blogger themes available
4. Script has no hidden tags or JAVA/JSON/PHP scripts 
5. Just copy and paste the code

Without wasting much time, let us jump into business.

Step 1: Log in to your blogger.com domain and create a 'new post'

Step 2: Go to HTML view

Step 3: Copy the code given in the last of this post and paste the same in your blog post.

Step 4: Type your questions and answers in the respective places.

The quiz will be in this format:

1. What does the word RAM stand for?

A) Random Acess Memory
B) Randomly Access Memory
C) Random Alternate Memory
D) Random Access Memory

... Answer is D)
RAM stands for "Random Access Memory"

2. What is called the Brain of the Computer?

A) CPU
B) Address BUS
C) ROM
D) RAM

... Answer is A)
CPU is the brain of the computer.

3. Who is president of India(2021)

A) APJ Abdul Kalam
B) Ramnath Konvid
C) Pratibha Patil
D) Manmohan Singh

... Answer is B)
Ramnath Konvid is the President of India(2021).

So on...

You can copy this code from here.

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="question"> 1. What does the word RAM stand for? </div> <ul class="answers"> <input id="q1a" name="q1" type="radio" value="a" /> <label> A) Random Acess Memory </label> <br /> <input id="q1b" name="q1" type="radio" value="b" /> <label> B) Randomly Access Memory </label> <br /> <input id="q1c" name="q1" type="radio" value="c" /> <label> C) Random Alternate Memory </label> <br /> <input id="q1d" name="q1" type="radio" value="d" /> <label> D) Random Access Memory </label> <br /> </ul> <style> #q1more {display: none;} </style> <span id="q1dots">...</span> <span id="q1more"> Answer is D) <br /> RAM stands for "Random Access Memory"</span><br /> <button id="q1mybtn" onclick="q1function()">Show Answer </button> <script> function q1function() { var q1dots = document.getElementById("q1dots"); var q1moreText = document.getElementById("q1more"); var q1btnText = document.getElementById("q1mybtn"); if (q1dots.style.display === "none") { q1dots.style.display = "inline"; q1btnText.innerHTML = "Show Answer"; q1moreText.style.display = "none"; } else { q1dots.style.display = "none"; q1btnText.innerHTML = "Hide Answer"; q1moreText.style.display = "inline"; } } </script> <br /> <div class="question"> 2. What is called the Brain of the Computer? </div> <ul class="answers"> <input id="q2a" name="q2" type="radio" value="a" /> <label> A) CPU </label> <br /> <input id="q2b" name="q2" type="radio" value="b" /> <label> B) Address BUS </label> <br /> <input id="q2c" name="q2" type="radio" value="c" /> <label> C) ROM </label> <br /> <input id="q2d" name="q2" type="radio" value="d" /> <label> D) RAM </label> <br /> </ul> <style> #q2more {display: none;} </style> <span id="q2dots">...</span> <span id="q2more"> Answer is A) <br /> CPU is the brain of the computer.</span><br /> <button id="q2mybtn" onclick="q2function()">Show Answer </button> <script> function q2function() { var q2dots = document.getElementById("q2dots"); var q2moreText = document.getElementById("q2more"); var q2btnText = document.getElementById("q2mybtn"); if (q2dots.style.display === "none") { q2dots.style.display = "inline"; q2btnText.innerHTML = "Show Answer"; q2moreText.style.display = "none"; } else { q2dots.style.display = "none"; q2btnText.innerHTML = "Hide Answer"; q2moreText.style.display = "inline"; } } </script> <br /> <div class="question"> 3. Who is president of India(2021) </div> <ul class="answers"> <input id="q3a" name="q3" type="radio" value="a" /> <label> A) APJ Abdul Kalam </label> <br /> <input id="q3b" name="q3" type="radio" value="b" /> <label> B) Ramnath Konvid </label> <br /> <input id="q3c" name="q3" type="radio" value="c" /> <label> C) Pratibha Patil </label> <br /> <input id="q3d" name="q3" type="radio" value="d" /> <label> D) Manmohan Singh </label> <br /> </ul> <style> #q3more {display: none;} </style> <span id="q3dots">...</span> <span id="q3more"> Answer is B) <br /> Ramnath Konvid is the President of India(2021).</span><br /> <button id="q3mybtn" onclick="q3function()"> Show Answer </button> <script> function q3function() { var q3dots = document.getElementById("q3dots"); var q3moreText = document.getElementById("q3more"); var q3btnText = document.getElementById("q3mybtn"); if (q3dots.style.display === "none") { q3dots.style.display = "inline"; q3btnText.innerHTML = "Show Answer"; q3moreText.style.display = "none"; } else { q3dots.style.display = "none"; q3btnText.innerHTML = "Hide Answer"; q3moreText.style.display = "inline"; } } </script> </div>

Copy the Code Button in Blogger | 100% Free Script | June 2021 | Working

This article will show you how to easily embed the 'Copy' button in your Blogspot website. You might write some article or code snippet in your blog, and you want the reader to copy some of that using a simple copy button without much effort.

Advantages of this script :

1. No coding skill required
2. Compatible with all free(or premium) blogger themes available
3. Pure HTML code, the script has no hidden tags or JAVA/JSON scripts
4. Just copy and paste the code in your blog post

The interesting fact about this blog post is, this post itself used this same script. 

So let us directly jump into business!

Step 1: Log into your blogger.com control panel, create a new post and go to HTML view.

Step2: Copy this code given at the end of this post. Now there are two ways you can copy it.

a) You can drag your mouse over the code section, right click and copy the code(no need to modify anything)
b)  Click on the 'Copy the Code' button(for this case you need to slightly modify the code before pasting it in your blog post)

For Step2: (a)

1. Copy below code , starting from <textarea to <br />
2. Whatever code or text you want readers to copy-paste that in place of {----This code/text will be inside copy box----}

<textarea cols="100" id="htmlText" readonly="" rows="20" style="background-color: #1b1b1b; color: white; height: auto; overflow: auto; resize: none; width: 100%;">

{----This code/text will be inside copy box----}

</textarea>

<button id="htmlBtn" onclick="copyhtml()" style="background-color: #4caf50; border: none; color: white; cursor: pointer; display: inline-block; font-size: 16px; margin: 4px 2px; padding: 10px 30px; text-align: center; text-decoration: none;">Copy the Code</button>

<script>

function copyhtml() {

const text = document.querySelector("#htmlText");

const btnText = document.querySelector("#htmlBtn");

text.select();

document.execCommand("copy");

btnText.textContent = "Code Copied Successfully";

setTimeout(function(){

btnText.textContent = "Copy the Code";

}, 5000);

}

</script>

<br /><br />

For Step2: (b)

1. Click on the 'Copy the Code' button
2. Once the code is copied into the clipboard, paste that to any HTML editor, say, Notepad ++ or blogger HTML view itself.
3. Now find first <//textarea and replace that with <textarea that means just remove those two // symbols.
4. Find second <//textarea and replace that with </textarea that means remove one / symbol
5. Find <//button and replace that with <button that means just remove those two // symbols.
6. Now find first <//script and replace that with <script that means just remove those two // symbols.
7. Find second <//script and replace that with </script that means remove one / symbol
8. Finally find <br //><br //> and replace that with <br /><br /> that means remove one / symbol from each angular bracket< >

<//textarea cols="100" id="htmlText" readonly="" rows="20" style="background-color: #1b1b1b; color: white; height: auto; overflow: auto; resize: none; width: 100%;"> {----This is what you want to copy----} <//textarea> <//button id="htmlBtn" onclick="copyhtml()" style="background-color: #4caf50; border: none; color: white; cursor: pointer; display: inline-block; font-size: 16px; margin: 4px 2px; padding: 10px 30px; text-align: center; text-decoration: none;">Copy the Code</button> <//script> <!-- function copyhtml() { const text = document.querySelector("#htmlText"); const btnText = document.querySelector("#htmlBtn"); text.select(); document.execCommand("copy"); btnText.textContent = "Code Copied Successfully"; setTimeout(function(){ btnText.textContent = "Copy the Code"; }, 5000); } --> <//script> <br //><br //>

You should follow only one method, i.e. either Step2: (a) or Step2: (b). Do not follow both the steps. 

Please comment if you are still facing any issue using this script on your blogger.com website, we will help you resolve that.

Script -1 : Blogger Quiz Code script for Free | Show/Hide Feature | June 2021 | 100% Working

Want to create a quiz on your blogger website? Looking for a script that will be suitable for your blogger website? If you are looking for a Quiz blogger template, then you have come to the right place!

We will give you complete HTML code for making MCQ Question/Answers, Different kinds of Quizzes with the 'Hide Answer' Facility. There is no hidden script, no clickbait, nothing. It is suitable for all sorts of free or premium themes. 

No need to modify a bit except for the quiz question and answers!

Advantages of this script : 

1. No coding skill required
2. Compatible with all free(or premium) blogger themes available
3. Script has no hidden tags or JAVA/JSON scrips 
4. Need to copy and paste the code

Without wasting much time, let us jump into business.

Step 1: Log in to your blogger.com domain and create a 'new post'

Step 2: Go to HTML view

Step 3: Copy the code given in the last of this post and paste the same in your blog post.

Step 4: Type your questions and answers in the respective places

Now, take note that you can see the quiz in this format when you paste this code into your blog.

1. Type Question

A) Type 1st option
B) Type 2nd option
C) Type 3rd option
D) Type 4th option

ANSWER= (A) Type answer
Explanation/Answer:-
 

Step 5: In the HTML, locate these phrases and replace them with your question and answers.

<p>1. Type Question</p> <ul class="answers"> <input id="q1a" name="q1" type="radio" value="a" /> <label> A) Type 1st option </label> <br /> <input id="q1b" name="q1" type="radio" value="b" /> <label> B) Type 2nd option </label> <br /> <input id="q1c" name="q1" type="radio" value="c" /> <label> C) Type 3rd option </label> <br /> <input id="q1d" name="q1" type="radio" value="d" /> <label> D) Type 4th option </label> <br /> </ul> <style> #q1more {display: none;} </style> <span id="q1dots"></span> <span id="q1more"> ANSWER= (A) This is the Answer <br/> Explanation/Answer:- Explanation to answer </span> <br /> <button id="q1mybtn" onclick="q1function()">Show Answer </button> <script> function q1function() { var q1dots = document.getElementById("q1dots"); var q1moreText = document.getElementById("q1more"); var q1btnText = document.getElementById("q1mybtn"); if (q1dots.style.display === "none") { q1dots.style.display = "inline"; q1btnText.innerHTML = "Check Answer"; q1moreText.style.display = "none"; } else { q1dots.style.display = "none"; q1btnText.innerHTML = "Hide Answer"; q1moreText.style.display = "inline"; } } </script>