New Project 8 951FF84

How to Disable Right Click & Text Selection For A Blogger Website

Blogger Tips

In this post, I will show you how to disable right click on Blogger websites.

Step by step with Screenshot.

In fact, this process has helped me to disable right-click on any webpage, not just Blogger.

You just need to follow these simple 5 steps to do this.

Let’s get started.

Step 1: Go to the Theme section from the Blogger dashboard

At first, login to your Blogger account and go to the Theme section from your dashboard.

Screenshot 1

Step 2: Click on “Ctrl+f” Open a Search bar in theme Editor.

Then, simply Search “]]></>” option and Paste the Code Before “]]></>” section.

Screenshot 3
-----Paste Before 

body {
  user-select: none;

.toast-notification {
  background: #000;
  color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  position: fixed;
  bottom: 10px;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 400ms ease;
} {
  bottom: 50px;
  opacity: 1;

Step 3: Again click on “Ctrl+f” and search </body> option

See the Screenshot and paste this Code Before Closing “</body>” Tag.

Screenshot 4
-----Paste Before Closing </body> Tag.

 <div class="toast-notification">
        Right click is disabled for this website.


const toastNotification = document.querySelector(".toast-notification");

const showNotification = () => {

  setTimeout(() => {
  }, 2000);

window.addEventListener("contextmenu", (e) => {


Step 4: All of you Paste this All Code and Click on Save

Then, All Code You Have Copied Then Paste according to the step wise step if you have any problem then Contact Us Page Has Been Provied Contact Us Anytime.

Is this process helpful to Disable-Right-Click on Blogger Website.

Or, do you have a better option to disable it?

Either Way, leave a quick comment right now!

Leave a Reply

Your email address will not be published. Required fields are marked *