Analisyuki
  • Blogger
  • WordPress
  • AdSense
  • Tips SEO
  • Komputer
No Result
View All Result
Analisyuki
  • Blogger
  • WordPress
  • AdSense
  • Tips SEO
  • Komputer
No Result
View All Result
Analisyuki
No Result
View All Result
Home Blogger

Cara Membuat Double Click To Select di Blogger

6 Oktober 2020
in Blogger
Cara Membuat Double Click To Select di Blogger
Share on FacebookShare on Twitter

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

  1. Login ke Blogger anda
  2. Pilih Tema
  3. Pada menu SESUAIKAN, pilih Edit HTMLMenu Edit HTML Blogger
  4. 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} 
  5. Kemudian pilih Simpan
NamaKeterangan
#28a1f0Kode warna pada teks yang ditampilkan
Double click to selectTulisan efek hover
#45bae6Kode 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

  1. Buat Postingan terlebih dahulu
  2. Ubah ke mode HTML
  3. Kemudian masukkan kode ini di dalamnya
    <kbd>KETIK-TULISAN-ANDA</kbd> 

Kemudian ganti tulisan KETIK-TULISAN-ANDA dengan teks yang kamu inginkan.

DEMO

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.

Leave Comment

You might also like

Cara Setting Robots txt Blogger

Cara Setting Robots.txt di Blogger yang Benar untuk SEO

1 Januari 2021
Template Blogger Terbaik 2021

Template Blogger Terbaik Tahun 2021

1 Januari 2021
Cara Memasang Kode Google Analytics Wordpress

Cara Memasang Kode Google Analytics Terbaru di WordPress

15 Desember 2020
Cara Memasang Kode Google Analytics Terbaru

Cara Memasang Kode Google Analytics Terbaru di Blogger

13 Desember 2020
Cara Update Google Analytics ke Versi Terbaru

Cara Update Tampilan Google Analytics ke Versi Terbaru

13 Desember 2020
Matched Content

Memodifikasi Iklan Matched Content Menjadi Bentuk Grid

2 Desember 2020
  • Disclaimer
  • Sitemap
  • Privacy Policy
  • Contact
Call us: Contact From

© 2020 Analisyuki - All Right Reserved

No Result
View All Result
  • Blogger
  • WordPress
  • AdSense
  • Tips SEO
  • Komputer

© 2020 Analisyuki - All Right Reserved

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In