Cara Membuat Double Click To Select Pada Postingan Blog

GAWARIBLOG-Halo kali ini saya akan membagikan tutorial Cara Membuat Double Click To Select Pada Postingan Blog. Doble click to select ini berfungsi untuk memudahkan pengunjung untuk menyalin kode tertentu dalam sebuah artikel blog.
Secara keseluruhan fungsi Double click to select ini sangat berguna jika kamu ingin membangun blog tema tutorial.

Terlebih jika blog kamu memeiliki fitur anti kopas. Fitur Doble click to select ini akan memberikan efek khusus pada kata-kata tertentu agar pengunjung tetap bisa menyalin kata-kata itu.
Besar banget manfaatnya karena pembaca ataupun pengunjung akan tetap nyaman untuk tetap mengikuti tutorial yang ada. Yuk simak bagaimana menerapkan Double Click to Select ini.

Cara Membuat Double Click To Select Pada Postingan Blog

1. Kamu harus login dulu ke akun Blogger.
2. Masuk Menu Tema > Edit HTML.
3. Cari Kode ]]></b:skin> atau </style>, PILIH SALAH SATU. Lalu letakkan kode dibawah tepat DIATASNYA.

/* Double Click To Select */
kbd{position:relative;color:#28a1f0;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
kbd:before{
  position:absolute;
  content:'Double click to select';
  display:table;
  bottom:23px;
  left:0;
  background:#45bae6;
  color:#fff;
  padding:4px;
  border-radius:2px;
  font-size:75%;
  line-height:1;
  opacity:0;
  visibility:hidden;
  transform:scale(0.8);
  z-index:2;
  transition:all .3s;}
kbd:hover:before{transform:scale(1.0);opacity:1;visibility:visible;transition:all .3s}

4. Lalu Klik Simpan Tema.

#28a1f0 Kode warna pada teks yang ditampilkan*
Double click to select Tulisan evek hover*
#45bae6 Kode warna teks backround pada efek hover*
75% Ukuran font teks pada efek hover*

Cara Penerapan Kode Dalam Postingan Blog.

1. Buatlah postingan baru dan pilih mode HTML.
2. Gunakan kode dibawah ini untuk menerapkan.

<kbd>KETIK-TULISAN-ANDA</kbd>

Ganti Ketik-Tulisan-Anda Dengan kata-kata yang ingin kamu kasih fungsi Doble to Select.

Nah itulah Tutorial Cara Membuat Double Click To Select Pada Postingan Blog. Bagaimana mudah bukan penerapannya. Yuk dicoba praktekkan.