Hai sobat blogger :v disini saya akan
membagikan sedikit tutorial html ataupun javascript mengenai cara memasang
seleksi otomatis blockquote dan syntax highlighteer pada blog . Nah sebelumnya
saya akan sedikit menjelaskan mengenai seleksi otomatis ini :
Seleksi otomatis ini ialah auto blok dimana
sobat tidak perlu lagi memblok tulisan dengan menahan sekaligus menggeser
cursor mouse ataupun touchpad , sobat hanya perlu mengklik satu kali ataupun
double click ( 2x klik ) maka secara otomatis
tulisan pada blockquote ataupun syntax script akan langsung terblok .
Seleksi otomatis ini juga bisa sobat buat ke
link ataupun kode - kode lainnya yang memiliki tag seperti table <td>
atau <tr> dan bisa juga komentar serta link . Semua bisa sobat atur
sesuai dengan keinginan sobat sendiri .
Seleksi otomatis ini sangat cocok dan sangat bagus jika dipasang pada blog
koding dan desain web karena akan sangat membantu para pembaca .
Oke
langsung saja ikuti cara berikut :
1.Login di blogger lalu masuk ke tab
template > edit HTML
2. Copy kode berikut , lalu letakkan
tepat di atas </body> biasanya terletak di akhir template
<script
type='text/javascript'>var pres=document.getElementsByTagName("blockquote");for(var
i=0;i<pres.length;i++){pres[i].addEventListener("dblclick",function(){var
selection=getSelection();var
range=document.createRange();range.selectNodeContents(this);selection.removeAllRanges();selection.addRange(range)},false)}</script>
3. Simpan template sobat dan
silahkan sobat lihat .
Keterangan :
·
Kode blockquote yang digaris
bawahi ialah tag yang ingin dibuat seleksi otomatis , silahkan sobat ganti
dengan tag yang sobat inginkan misal : Pada blog sobat menggunakan tag Pre maka
sobat ganti blockquote tersebut dengan pre dan jika ingin menggunakan keduanya
cukup sobat tambahkan kode seperti itu lagi di atas </body> dan ganti
tagnya lalu simpan .
·
Kode dblclick ialah double click ,
jika sobat ingin menggunakan seleksi otomatis pada satu kali klik maka sobat
ubah menjadi click lalu simpan .
Bagaimana ? Mudah bukan , nah itulah dia cara memasang
seleksi otomatis pada blog . Semoga bermanfaat
0 Komentar untuk "Cara Memasang Seleksi Otomatis"
Silakan Tinggalkan Kritik dan Saran