Menerapkan Seleksi Otomatis Pada Blockquote

Widgets

PopAds.net - The Best Popunder Adnetwork
Seleksi Otomatis
Blockquote sebagaimana postingan saya sebelumnya merupakan suatu kutipan yang tampilannya akan membedakan antara satu tulisan dengan yang lainnya. Dengan menggunakan blockquote ini, tulisan akan tampil lebih menarik di mata para pengunjung blog kita. Dan untuk mencopy tulisan atau teks di dalam blockquote tersebut, kebanyakan blockquote yang diterapkan pada blog-blog lain masih manual artinya kita harus memblok semua tulisan yang ada tersebut lalu mencopy-nya dan menyalinnya ke dalam notepad. Bila tulisan tersebut singkat, tentu tidak akan menjadi masalah bagi kita, namun bila tulisan di blockquote tersebut cukup panjang, tentu akan menyulitkan bagi sobat-sobat kita yang ingin mencopy-nya. Oleh karena itu, tutorial kali ini saya ingin membahas tentang bagaimana menerapkan seleksi otomatis pada blockquote. Bila sobat ingin mengkostumisasi tampilan blockquote-nya agar lebih menarik, silahkan lihat artikelnya disini.

Seleksi Otomatis Pada Blockquote

1. Tuju Ke Blogger > Template
2. Cari (Ctrl+F) kode </body>
3. Tambahkan kode berikut tepat di atasnya.

<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>

4. Simpan template sobat, selesai!

Keterangan :
  • Script di atas hanya untuk tag blockquote.
  • Untuk mengubah cara seleksinya menjadi double click, ganti tulisan click menjadi dblclick.

Last Words

Bagaimana sobat? Sudah diterapkan pada blognya? Bila sobat mengalami kesulitan, silahkan beri komentar sobat di bawah. Akhir kata, demikianlah tutorial singkat tentang Menerapkan Seleksi Otomatis Pada Blockquote yang dapat saya bahas kali ini. Semoga artikel ini bermanfaat bagi kita. Salam Blogging!



lazadda

5 comments: Post Yours!Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Very informative, keep posting such good articles, it really helps to know about things.

    ReplyDelete
  2. Very interesting blog. A lot of blogs I see these days don't really provide anything that attract others, but I'm most definitely interested in this one. Just thought that I would post and let you know.

    ReplyDelete
  3. I can see that you possess a degree of expertise on this subject, I would like to hear much more from you on this subject matter – I have bookmarked this page and will return soon to hear additional about it.

    ReplyDelete
  4. Great article, Thanks for your great information, the content is quiet interesting. I will be waiting for your next post.

    ReplyDelete
  5. I am extremely impressed along with your writing abilities, Thanks for this great share.

    ReplyDelete

Tukeran link


Vinspirations



DMCA.com
 

Info Blog

Recent Comments

Label

Copyright 2009  ©  Vinspirations | powered by Blogger

Template by vinspirations | Best View on Firefox