Lompat ke konten Lompat ke sidebar Lompat ke footer

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


Terlebih kalau blog kau memeiliki fitur anti kopas. Fitur Doble click to select ini akan memperlihatkan efek khusus pada kata-kata tertentu biar 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 isyarat 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 isyarat 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/