Membuat Blockquote Terseleksi Otomatis Ketika di Klik

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

Baca juga: Cara Membuat Widget Melayang di Blogger

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.


Untuk dapat menerapkannya pada blog Anda sangat mudah, yaitu hanya menambahkan kode script pada kode template. Lebih jelasnya ikuti cara berikut ini:

1. Masuk dasbor 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...
Name

Adsense,5,Al-Qur'an,1,Android,9,Blogging,37,Doa-doa,27,Health,16,Images,18,Info and News,1,Internet,9,Islami,44,Juz Amma,15,Kata Mutiara,13,Lifestyle,9,SEO,3,Social Media,6,Tips and Tricks,19,Videos,4,
ltr
item
Deloiz: Membuat Blockquote Terseleksi Otomatis Ketika di Klik
Membuat Blockquote Terseleksi Otomatis Ketika di Klik
Cara membuat blockquote di blogspot, tutorial buat blockquote dapat terblok secara otomatis, Bikin blockquote keren di Blogger, Buat blockquote yang terblok secara otomatis ketika diklik atau double klik...
https://2.bp.blogspot.com/-sd0EoIerBbA/VSc855Jla5I/AAAAAAAATqM/92yTLiB3skA/s640/blockquote.jpg
https://2.bp.blogspot.com/-sd0EoIerBbA/VSc855Jla5I/AAAAAAAATqM/92yTLiB3skA/s72-c/blockquote.jpg
Deloiz
https://www.deloiz.com/2015/04/membuat-blockquote-terseleksi-otomatis.html
https://www.deloiz.com/
https://www.deloiz.com/
https://www.deloiz.com/2015/04/membuat-blockquote-terseleksi-otomatis.html
true
6703874162766128950
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy