blogger-nesia: blockquote

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHp6glw6vX0hmyYfYguPbY8_ausARLWrPy-pDTiDlIOwfSzOYzvutWm4X5SraaCYy7uOCZYHRODP6yQWcgIyE_x67lD8sbaJn4kkY3wqiDrZunvadxFK1Vdfsi-s6ckz0ik1hCtcrhNqw0/s1600/blcokquote.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Seleksi Otomatis Blockquote Di Blogspot" border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHp6glw6vX0hmyYfYguPbY8_ausARLWrPy-pDTiDlIOwfSzOYzvutWm4X5SraaCYy7uOCZYHRODP6yQWcgIyE_x67lD8sbaJn4kkY3wqiDrZunvadxFK1Vdfsi-s6ckz0ik1hCtcrhNqw0/s1600/blcokquote.png" title="Membuat Seleksi Otomatis Blockquote Di Blogspot" width="320" /></a></div>
Bagi agan yang suka berbagi artikel di blognya dan mengandung banyak sekali  code/script maka anda akan sering kali menaruhnya di dalam tag pre,tag blockquote, maupun text area. Seringkali lebar dari blockquote atau tag pre terlalu panjang sehingga berimbas dengan munculnya scroll horizontal di bagian bawah tag tersebut, hal ini menyebabkan pengunjung mengalami kesusahan dalam mengcopy kode/script yang anda bagikan di dalam postingan. 
 
Lalu bagaimana mengatasi/mencegah hal ini pada blog anda ? anda cukup menggunakan script berikut sehingga hanya dengan satu atau dua klik (opsional ) maka pengunjung anda bisa menseleksi otomatis teks/code yang ada di tag pre maupun tag blockquote. 
 
<div class="info">
Untuk demo anda bisa mengklik satu kali pada blockquote dibawah ini</div>
 
 
<h4>
cara pemasangan </h4>
<ul>
<li>Step 1  Buka blogger.com lalu pilih blog  anda</li>
<li>Step 2  Pilih template lalu edit html</li>
<li>Step 3  Cari kode </body> dengan mengklik   <key>CTRL</key> +<key>F</key> </li>
<li>Step 4  Copy kode berikut lalu pastekan pada diatas kode </body> tadi</li>
</ul>
<blockquote class="tr_bq">
<script type='text/javascript'> 
var pres = document.getElementsByTagName(&quot;blockquote&quot;); 
for (var i = 0; i &lt; pres.length; i++) { 
  pres[i].addEventListener(&quot;dblclick&quot;, function () { 
    var selection = getSelection(); 
    var range = document.createRange(); 
    range.selectNodeContents(this); 
    selection.removeAllRanges(); 
    selection.addRange(range); 
  }, false); 
} 
</script></blockquote>
<ul>
<li>Step 5  Simpan lalu cek bog anda untuk melihat hasilnya</li>
</ul>
 
 
 
<div class="BStitle">
penyesuaian</div>
 
<ol>
<li>Script ini tidak mutlak untuk blockquote namun dapat juga digunakan pada tag pre dengan mengubah tulisan blockquote menjadi tag pre</li>
<li>anda juga bisa mengubah penggunaan klik ganda (double click ) untuk menyeleksi menjadi, hanya memerlukan satu klik yaitu dengan merubah dblclick menjadi click</li>
</ol>
Trik/tips/script ini saya dapatkan dari <a href="http://blog.kangismet.net/" rel="nofollow" target="_blank">blog.kang-ismet.net </a> 
 
terakhir saya akan memberitahukan bahwa untuk text area juga bisa menggunakan script yang fungsinya sama,dan akan saya bahas  di postingan-postingan berikutnya,wassalamualaikum.wr.wb.