Cara Mudah Membuat Double Click To Select Pada Blogger

Pada kesempatan kali ini saya memberikan tutorial bagaimana Cara Mudah Membuat Double Click To Select Pada Blogger. Double clik to select pada blog ini pada umumnya berfungsi untuk menandai suatu teks dan mempermudah untuk melakukan penyeleksian suatu teks.

Double click to select ini biasanya digunakan oleh para tutorial blog untuk mempermudah pembaca untuk menyalin kode yang dituju. Cara kerja dari Double clik to select anda hanya perlu mengklik kiri 2 kali pada teks yang dituju dan dapat dengan mudah menyalinnya.

Kelebihan lain dari Double clik to select yaitu bagi para blogger yang menggunakan script anti copy paste atau anti seleksi. dengan efek double clik to select ini akan memberikan efek khusus pada teks atau kata yang kita inginkan agar dapat mudah di seleksi hanya dengan menggunakan double click tanpa perlu khawatir merusak script anti copy paste atau anti seleksi.

Secara keseluruhan double click to select ini berfungsi untuk menambah nilai lebih di mata pengunjung, tampilan teks blog jadi lebih menarik, mempermudah pemebaca untuk memilih teks dalam artikel tersebut tanpa harus memilih klik manual dan cukup dengan double click saja, dan manfaat yang paling besar dengan menggunakan fitur ini adalah para pembaca dapat dengan mudah mengikuti tutorial yang diberikan. Oleh karena itu, langsung saja kita simak baik-baik tutorialnya.

Cara Membuat Double Click to Select di Blogger

1. Login ke blog anda > pilih menu Tema > pilih Edit HTML

2. Cari kode ]]></b:skin> atau </style> kemudian letakkan kode ini tepat di atasnya

/* 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}

3. Jika sudah selanjutnya pilih Simpan Tema

Keterangan

Kode	Keterangan
#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

Kode pada tabel tersebut bisa anda ubah sesuai dengan keinginan anda

Cara Menerapkan Efek Double Click To Select di Bloger Agar Bisa Digunakan

1. Buat Postingan Baru > pilih menu HTML > kemudian letakkan kode di bawah ini di dalamnya

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

4. Kemudian ganti tulisan KETIK-TULISAN-ANDA dengan teks yang kamu inginkan.

Demikian tutorial bagaimana Cara Mudah Membuat Double Click To Select Pada Blogger. Jika ada sesuatu yang masih kurang dipahami anda bisa langsung meninggalkan pesan dikolom komentar.