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
- Login ke Blogger anda
- Pilih Tema
- Pada menu SESUAIKAN, pilih Edit HTML
- Masukkan kode ini tepat berada diatas kode ]]></b:skin> atau </style>
/* 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}
- Kemudian pilih Simpan
Nama | Keterangan |
#28a1f0 | Kode warna pada teks yang ditampilkan |
Double click to select | Tulisan efek hover |
#45bae6 | Kode warna teks backround pada efek hover |
75% | Ukuran font teks pada efek hover |
Cara Menerapkan Efek Double Click To Select di Bloger Agar Bisa Digunakan
- Buat Postingan terlebih dahulu
- Ubah ke mode HTML
- Kemudian masukkan kode 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.