kLAfYOEsUwKWcZE5EN4T8XHN0KE0jykePDkZX1nb
Cara Membuat Efek Double Click To Select di Blogger

Cara Membuat Efek Double Click To Select di Blogger


Fungsi dari Double Click To Select adalah untuk menandai suatu teks yang kita inginkan dengan dua kali klik tanpa harus repot-repot menyeleksi teks tersebut.

Biasanya efek Double Click To Select di gunakan pada blog yang membahas atau memberikan sebuah tutorial untuk mempermudah para pembaca untuk menyalin kode yang di berikan. Kita hanya memerlukan dua kali klik dan teks bisa langsung di salin.

Terlebih lagi bila blog tersebut memakai fitur anti copy paste [copas] atau anti seleksi teks. Dengan adanya efek Double Click To Select pada blog akan memberikan efek khusus kepada teks tertentu yang kita inginkan agar bisa di seleksi otomatis dengan double click.

Dengan adanya fitur Double Click To Select akan menambah kesan menarik dan memudahkan pembaca untuk mengikuti langkah tutorial yang dia baca serta mempermudah menyalin teks dengan dua kali klik saja teks sudah bisa di salin. Oleh karena itu kita lansung saja lihat caranya.

Cara Membuat Double Click To Select di Blogger

  1. Buka menu Tema
  2. Klik Edit HTML
  3. Salin kode dibawah ini sebelum kode ]]></b:skin> atau </style> [Untuk mempermudah pencarian kalian bisa menggunakan CRTL+F pada keyboard]
  4. /* 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} 
  5. Bila sudah di salin klik 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 yang ada pada tabel di atas bisa kalian rubah sesuai kebutuhan.

Cara Penerapan Double Click To Select di Postigan

Salin kode di bawah ini di mode penulisan HTML bukan Compose

<kbd>MASUKAN-TULISAN-DISINI</kbd>

Ganti tulisan MASUKAN-TULISAN-DISINI dengan teks yang kalian inginkan

Demikian tutorial tentang Cara Membuat Efek Double Click To Select di Blogger. Semoga membantu dan bermanfaat.
Baca Juga
SHARE

Related Posts

Subscribe to get free updates

Posting Komentar

Like Facebook Yuuari.Com

Ikuti fanpage facebook Yuuari.com dan dapatkan Informasi terupdate seputar link file Firmware handphone, Game PSP terbaru dan masih banyak lain nya. 'IKUTI FANPAGE'