Cara Menciptakan Double Click To Select Pada Postingan Blog - Lubuk Cara

Postingan Baru

Cara Menciptakan Double Click To Select Pada Postingan Blog

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 instruksi tertentu dalam sebuah artikel blog.
Secara keseluruhan fungsi Double click to select ini sangat berkhasiat jikalau kau ingin membangun blog tema tutorial.


Terlebih jikalau blog kau memeiliki fitur anti kopas. Fitur Doble click to select ini akan menunjukkan efek khusus pada kata-kata tertentu supaya pengunjung tetap dapat menyalin kata-kata itu.
Besar banget keuntungannya alasannya yaitu 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 instruksi dibawah sempurna 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.

#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*

Cara Penerapan Kode Dalam Postingan Blog.


1. Buatlah postingan gres dan pilih mode HTML.
2. Gunakan instruksi dibawah ini untuk menerapkan.

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


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

Nah itulah Tutorial Cara Membuat Double Click To Select Pada Postingan Blog. Bagaimana gampang bukan penerapannya. Yuk dicoba praktekkan.
Sumber https://gawarii.blogspot.com/