loading...
Deloiz.com - Blockquote pada sebuah situs atau blog berfungsi untuk menandai kalimat yang dianggap penting sehingga terlihat menonjol dari kalimat yang lainnya. Kalimat yang dimaksud bukan berarti kalimat biasa, bisa juga berupa kode-kode seperti kode JavaScript, jQuery, HTML, CSS, bahkan gambar sekalipun bisa menggunakan blockquote kalau memang itu diperlukan.

Supaya kelihatan profesional dan pastinya akan memudahkan pengunjung ketika akan melakukan copy maka ada baiknya blockquotenya terseleksi otomatis ketika di klik atau double klik. Jadi kalau sudah terseleksi semua maka pengunjung tinggal melakukan Ctrl+C atau klik kanan lalu pilih Copy.
Membuat Blockquote Terseleksi Otomatis
Untuk dapat menerapkannya pada blog Anda sangat mudah, yaitu hanya menambahkan kode script pada kode template. Lebih jelasnya ikuti cara berikut ini:

1. Masuk dashboard Blogger.

2. Pilih Template > Edit HTML.

3. Cari kode </body> yang biasanya berada di bagian paling bawah (bisa gunakan Ctrl+F).

4. Tambahkan kode berikut sebelum/diatas kode tadi.
<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>
5. Simpan Template lalu lihat hasilnya pada halaman Anda yang sudah ada blockquotenya.

Demikian cara membuat blockquote terseleksi otomatis ketika di klik pada blog/situs Anda. Kalau ada pertanyaaan seputar topik diatas, silahkan tinggalkan komentar Anda.

Loading...

Post a Comment Blogger

Loading...
 
Top