Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Cara Membuat Double Click To Select Pada Postingan Blog

ndelet.com - Cara Membuat Double Click To Select Pada Postingan Blog , Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Double Click To Select Pada Postingan Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel blog, Artikel lain-lain, Artikel Tutorial Blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.


GAWARIBLOG-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 kode tertentu dalam sebuah artikel blog.
Secara keseluruhan fungsi Double click to select ini sangat berguna jika kamu ingin membangun blog tema tutorial.


Terlebih jika blog kamu memeiliki fitur anti kopas. Fitur Doble click to select ini akan memberikan efek khusus pada kata-kata tertentu agar pengunjung tetap bisa menyalin kata-kata itu.
Besar banget manfaatnya karena 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 kode dibawah tepat 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.

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

Cara Penerapan Kode Dalam Postingan Blog.


1. Buatlah postingan baru dan pilih mode HTML.
2. Gunakan kode dibawah ini untuk menerapkan.

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


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

Nah itulah Tutorial Cara Membuat Double Click To Select Pada Postingan Blog. Bagaimana mudah bukan penerapannya. Yuk dicoba praktekkan.


Demikianlah Artikel

Sekianlah artikel kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.


Anda sekarang membaca artikel dengan banyak manfaat Artikel ,
Notification ! {New!} Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut.