Cara Gampang Menciptakan Effect Double Click To Select Dengan Tag Selection 'Kbd' Di Blogger
Cara Membuat Tag Selection "kbd"
Tag Selection biasanya dipakai blog tutorial isyarat pemograman yang menggunakan script anti copas, tujuannya selain mempermudah juga untuk menyeleksi bagian-bagian tertentu isyarat pemograman, cara kerjanya tak jauh ibarat blockquote, jadi hanya bagian-bagian tertentu saja yang dapat di copy paste.
Tentunya kita akan merasa kerepotan jikalau mengetik isyarat html yang ingin diterapkan kedalam template blog kita. Dengan menggunakan Tag Selection kbd kita dapat lebih gampang mencopy sebuah script, kita hanya tinggal doble klik isyarat yang kita inginkan tanpa harus usang ngblocknya dari awal hingga akhir.
Menurut mbak naminakiky.com, sebelumnya kbd sudah ada di css pada setiap template, dan pas di cek memang benar ada, namun jikalau diterapkan kedalam artikel akhirnya masih kurang maksimal. dan kebetulan aku menggunakan script anti copas, jadi kbd yang ada dalam css template tersebut tetap saja gak dapat di copy. jadi bagai mana cara menciptakan tag selection kbd semoga bagian-bagian tertentu dapat di copas?
Baca Juga : Tips Cara Mengajukan Ulang Monetisasi Youtube Supaya Di Monetisasi Kembali
Cara Praktis Membuat Effect Double Click To Select Dengan Tag Selection 'kbd'
1. Login Ke Blogger.com
2. Pilih Tema -> Edit HTML
3. Cari isyarat </style> atau ]]></b:skin> . Untuk Lebih gampang mencarinya tekan ctrl+F
4. Copy Kode Dibawah ini sempurna di atas isyarat </style> atau ]]></b:skin>
6. Simpan Template
Baca Juga :
Cara Menggunakan Tag Selection HTML kbd kedalam artikel
1. Buat Postingan Baru
2. Pilih mode atau Tab HTML bukan Compose
3. Copy dan Paste isyarat dibawah ini
Sumber https://www.kored.id/
Tag Selection biasanya dipakai blog tutorial isyarat pemograman yang menggunakan script anti copas, tujuannya selain mempermudah juga untuk menyeleksi bagian-bagian tertentu isyarat pemograman, cara kerjanya tak jauh ibarat blockquote, jadi hanya bagian-bagian tertentu saja yang dapat di copy paste.
Tentunya kita akan merasa kerepotan jikalau mengetik isyarat html yang ingin diterapkan kedalam template blog kita. Dengan menggunakan Tag Selection kbd kita dapat lebih gampang mencopy sebuah script, kita hanya tinggal doble klik isyarat yang kita inginkan tanpa harus usang ngblocknya dari awal hingga akhir.
Menurut mbak naminakiky.com, sebelumnya kbd sudah ada di css pada setiap template, dan pas di cek memang benar ada, namun jikalau diterapkan kedalam artikel akhirnya masih kurang maksimal. dan kebetulan aku menggunakan script anti copas, jadi kbd yang ada dalam css template tersebut tetap saja gak dapat di copy. jadi bagai mana cara menciptakan tag selection kbd semoga bagian-bagian tertentu dapat di copas?
Baca Juga : Tips Cara Mengajukan Ulang Monetisasi Youtube Supaya Di Monetisasi Kembali
Cara Praktis Membuat Effect Double Click To Select Dengan Tag Selection 'kbd'
1. Login Ke Blogger.com
2. Pilih Tema -> Edit HTML
3. Cari isyarat </style> atau ]]></b:skin> . Untuk Lebih gampang mencarinya tekan ctrl+F
4. Copy Kode Dibawah ini sempurna di atas isyarat </style> atau ]]></b:skin>
/* CSS KBD */ kbd{position:relative;color:#00BFFF;-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:#87CEEB; 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} Silahkan rubah isyarat dibawah ini sesuai selera masing-masing:
- Kode Warna Tag kbd (Color) : #00BFFF
- Tulisan Effect Hover (Content) : Double click to select
- Warna Background Teks kbd (Background) : #87CEEB
- Ukuran Font (Font-Size) : 75%
<script type='text/javascript'> //<![CDATA[ //Pre Auto Selection var pres = document.querySelectorAll('kbd'); for (var i = 0; i < pres.length; i++) { pres[i].addEventListener("dblclick", function () { var selection = getSelection(); var range = document.createRange(); range.selectNodeContents(this); selection.removeAllRanges(); selection.addRange(range); }, false); } //]]> </script>6. Simpan Template
Baca Juga :
- Ivan Irawan Animator Indonesia Kelas Hollywood. Sang Penghidup Kembali Dinosaurus
- Cara Mengambil Video dan Foto Dari Status WhatsApp (WA) Teman Tanpa Aplikasi
Cara Menggunakan Tag Selection HTML kbd kedalam artikel
1. Buat Postingan Baru
2. Pilih mode atau Tab HTML bukan Compose
3. Copy dan Paste isyarat dibawah ini
<kbd>Ketikkan Teks disini</kbd>Jika Anda ingin memasukan isyarat HTML ibarat di atas sangat disarankan untuk parse dulu isyarat tersebut menggunakan tool Parse HTML. PARSE HTML DISINISebenarnya menciptakan tag selection itu sangat mudah, namun orang-orang khusunya blogger pemula ibarat saya, tidak tau istilahnya. Termasuk aku :v. Semoga dapat diterapkan kedalam blog anda.
Sumber https://www.kored.id/
