Membuat Seleksi Otomatis Pada Blockquote

Halo sahabat semua,, berikut ini admin akan berbagi salah satu trik berhubungan dengan blogging, yaitu cara mengatur serta memperindah tampilan blog. Adapun tujuannya menggunakan trik berikut adalah untuk memudahkan pengunjung ketika akan mengambil kode atau lainnya yang ada dalam blockquote.

Blockquote selection

Cara menggunakan seleksi otomatis ini pengunjung hanya perlu melakukan klik atau double klik pada area blockquote selanjutnya tinggal pilih Ctrl+C untuk meng-copy atau setelah klik bloackquote lalu klik kanan dan pilih copy.

Membuat blockquote dengan seleksi otomatis ini pastinya sangat cocok untuk Anda yang banyak membahas atau berbagi tentang kode-kode CSS, jQuery, HTML/Javascript dan sebagainya. Jika tertarik untuk menerapkannya pada blog Anda, ikuti saja caranya berikut ini:

1. Masuk ke Dasbor Blogger
2. Pilih Template > Pilih Edit HTML
3. Cari kode </body> (gunakan Ctrl+F untuk memudahkan)
4. Copy-paste kode berikut sebelum atau diatas 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;click&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

Keterangan: Untuk membuat seleksi dengan double klik, ganti kata click dengan dblclick

5. Simpan Template dan lihat hasilnya

Demikian cara membuat seleksi otomatis pada blockquote, apabila ada pertanyaan seputar topik silahkan tinggalkan komentar dan bagikan tulisan ini melalui sosial media.

Tweet