Blockquote sebagaimana postingan aku sebelumnya merupakan suatu kutipan yang tampilannya akan membedakan antara satu goresan pena dengan yang lainnya. Dengan memakai blockquote ini, goresan pena akan tampil lebih menarik di mata para pengunjung blog kita. Dan untuk mencopy goresan pena atau teks di dalam blockquote tersebut, kebanyakan blockquote yang diterapkan pada blog-blog lain masih manual artinya kita harus memblok semua goresan pena yang ada tersebut kemudian mencopy-nya dan menyalinnya ke dalam notepad. Bila goresan pena tersebut singkat, tentu tidak akan menjadi persoalan bagi kita, namun jikalau goresan pena di blockquote tersebut cukup panjang, tentu akan menyulitkan bagi sobat-sobat kita yang ingin mencopy-nya. Oleh alasannya yakni itu, tutorial kali ini aku ingin membahas perihal bagaimana menerapkan seleksi otomatis pada blockquote. Bila sahabat ingin mengkostumisasi tampilan blockquote-nya biar lebih menarik, silahkan lihat artikelnya disini.
Seleksi Otomatis Pada Blockquote
1. Tuju Ke Blogger > Template2. Cari (Ctrl+F) arahan </body>
3. Tambahkan arahan berikut sempurna di atasnya.
<script type='text/javascript'>
var pres = document.getElementsByTagName("blockquote");
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("click", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>
4. Simpan template sobat, selesai!
Keterangan :
- Script di atas hanya untuk tag blockquote.
- Untuk mengubah cara seleksinya menjadi double click, ganti goresan pena click menjadi dblclick.
Last Words
Bagaimana sobat? Sudah diterapkan pada blognya? Bila sahabat mengalami kesulitan, silahkan beri komentar sahabat di bawah. Akhir kata, demikianlah tutorial singkat perihal Menerapkan Seleksi Otomatis Pada Blockquote yang sanggup aku bahas kali ini. Semoga artikel ini bermanfaat bagi kita. Salam Blogging!
