Minggu, 14 Januari 2018

Klik Select Otomatis Semua Text Kode Blockquote Blogger

Fungsi Blockquote Blogger

Kita biasa menggunakan fungsi klik kiri mouse dan menggeser kursor untuk memblok tulisan. Entah itu pada microsoft office ataupun di peramban ketika kita sedang browsing online. Sehingga memudahkan kita untuk menyalin dan menempel ataupun menghapus semua text kode dan alamat link yang telah di select tadi.

Dan pada posting kali ini saya akan membagikan cara memblok semua text secara otomatis yang menggunakan fungsi tag <blockquote> ataupun <pre> di blog dengan 1x atau 2x klik mouse agar terpilih semua. Pada blogger sendiri menggunakan fungsi quote kutipan, yaitu menandai suatu konten tulisan dengan tanda petik pada dasarnya. Namun disini secara default fungsi quote blogger lebih membuat center konten yang dikutip agar lebih eye catching. Namun semua itu dapat disesuaikan menggunakan css atau kode html.

Biasa kita juga sering menggunakan fungsi quote kutipan untuk membalas dan menjawab pertanyaan atau komentar tertentu pada forum, semisal kaskus. Script ini sangat membantu untuk memilih text ataupun kode yang terlalu panjang di blog seperti tutorial select blockquote di blog ini menggunakan fungsi double click mouse.

Pilih semua tulisan pada tag blockquote atau pre

Langkah 1. Pada dashboard blogger >> Tema >> Edit HTML

Langkah 2. Klik kiri didalam kotak Edit HTML >> dan cari (ctrl+f) kode
</body>
Langkah 3. Copy kode berikut diatas atau sebelum kode </body>
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;dblclick&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
 }, false);
}
</script>
Note:
~blockquote dapat diganti dengan tag pre apabila blog kamu menggunakannya namun sepertinya jarang pada blogger default.
~dblclick adalah fungsi select text dengan 2x klik kiri mouse. Untuk menggantinya hanya dengan 1x klik mouse, ganti kode dblclick dengan -->> click.

Tidak ada komentar:

Posting Komentar