TechKnowTalkies

Search This Blog

Monday, June 14, 2021

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 !!


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:

quiz sample


For the Wrong Answer:


wrong answer


Quiz Score:


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. 
download button

Check out a few other Quiz formats.
Script -1: Blogger Quiz Code script for Free | Show/Hide Feature | June 2021 | 100% Working

Saturday, June 12, 2021

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?




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


2. What is called the Brain of the Computer?




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


3. Who is president of India(2021)




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


So on...
You can copy this code from here.



Friday, June 11, 2021

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< >


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.

Thursday, June 10, 2021

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





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

 

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




Saturday, May 29, 2021

How to Download Instagram Images | 2021

Instagram is used by almost everyone to share pictures on the internet. But it does not offer any direct method to download or even view the uploaded images in full screen. Today we are going to share a trick to download Instagram images from your web browser. Please note that this trick also works for private accounts as long as you are following the account.

Here is how you can download images from any account.

Step 1: Login to your Instagram ID and open the person's account whose pictures you want to download.

Step 2: Open the image that you would like to download. You have to click on 'Go to Post' to open up the image on the page. e.g. We have opened up an image from the account of "poets of instagram".

Instagram page

Step 3: Right click on the image and click on 'Inspect' on the menu. A window similar to the following will appear on your browser in the same page. Here you can see various tags of HTML in right window under the 'Elements' tab. Look for the tag <div class = "_97aPb wKWK0">. Expand this class by clicking on the expand icon as marked in the following picture. Inside this class you will find another class. Keep on expanding every class till you encounter <div class="KL4Bh" style="padding-bottom: 100%;"> In this tag you will find one attribute named "srcset" whose value will be a link. Right click on that link and select "Open in new tab" option from the menu. The full sized image will open up in a new window.

 

chrome page

Try out the above method to download the images from private account after you have followed their account.

Also check out our other posts:

Looking for DeepNude? First Read Here Before Downloading | 2021
 
Error :2 : We encourage you to publish your seller information in the Google sellers.json file. Visit the Account settings page to review your current visibility status
 


Featured Post

Join in Any 18+ WhatsApp Groups(10000+) in A Single Click | 2021

Welcome to this blog. Here, we love to share with you all the internet-related tips and tricks. If you plan to join different kinds of...