Skip to main content

Cara Membuat Double Click To Select di Blogger

Cara Membuat Double Click To Select di Blogger - Double clik to select pada blog ini pada umumnya berfungsi untuk menandai teks agar kita inginkan agar dapat di klik 2 kali dengan mudah tanpa menyeleksinya terlebih dahulu.

Double click to select ini biasanya digunakan oleh para tutorial blogger untuk mempermudah pembaca untuk menyalin kode yang dituju. Kita hanya perlu mengklik kiri 2 kali pada teks yang dituju dan dapat dengan mudah menyalinnya.

Terlebih lagi bagi para blogger yang menggunakan scrip anti copy paste atau anti seleksi, dengan efek double clik to select ini anak memberikan efek khusus pada teks atau kata yang kita inginkan agar dapat mudah di seleksi hanya dengan menggunakan double click.

Secara keseluruhan double click to select ini berfungsi untuk menambah nilai lebih di mata pengunjung, tampilan teks blog jadi lebih menarik, mempermudah membaca untuk memilih teks dalam artikel tersebut tanpa harus memilih manual dan cukup dengan dua kali klik saja, dan manfaat yang paling besar dengan menggunakan fitur ini adalah membaca 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

NamaKeterangan
#28a1f0Kode warna pada teks yang ditampilkan*
Double click to selectTulisan evek hover*
#45bae6Kode 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> 

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

Cukup sekian tutorial efek kbd Cara Membuat Double Click To Select di Blogger, jika ada sesuatu yang masih kurang dipahami anda bisa langsung berkomentar di bawah, Terimakasih.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar