Auto Selection 1 kali klik fungsi utamanya adalah mempermudah orang lain mengcopy tulisan yang ada di blog kita. Dalam hal ini yang saya maksud adalah copy kode html/css yang sedang dia cari. Bukan menjiplak hasil tulisan dan karya orang lain. Auto selection biasanya dipasang pada bagian pre, code, ataupun blockquote. Tutorial ini kelihatan sangat sederhana, namun bila dilihat dari segi manfaat dan fungsinya jelas sangat bermanfaat untuk pengunjung blog. Pengunjung tidak perlu repot-repot drag kode/script yang akan di ambil guna design blognya. Tapi dengan menggunakan Auto selection 1 kali klik pengunjung hanya cukup klik dimana saja kode/script yang di blockquote, kemudian mengcopy-nya.
Cara membuat Auto Selection 1 kali klik di blog :
Masuk ke dasbor blogger, Template, kemudian edit template. Pasang kode dibawah ini tepat diatas </body> :
<script type='text/javascript'>
function autoSelect(elem) {
var selection, range;
if (window.getSelection) {
selection = window.getSelection();
range = document.createRange();
range.selectNodeContents(elem);
selection.removeAllRanges();
selection.addRange(range);
} else if (document.selection) { // IE
selection = document.selection.createRange().text;
range = document.body.createTextRange();
range.moveToElementText(elem);
range.select();
}
}
$('blockquote').on("click", function() {
autoSelect(this);
});
</script>
Setiap mengedit template, saya selalu menganjurkan untuk klik "Pratinjau" terlebih dahulu sebelum menyimpan template barunya. Hal ini dikarenakan bilamana terjadi kesalahan dalam menulis kode, maka dihalaman pratinjau template tidak akan muncul. Kalau dihalaman pratinjau template sudah mau muncul, berati kode benar, dan kamu boleh menyimpan template itu.
Itulah cara untuk Membuat Auto Selection 1 kali Klik. Semoga bisa bermanfaat dan membantu kamu. Jangan lupa tinggalkan komentar dan memberi saran guna perbaikan blog ini. Kalau suka dengan tulisan atau blog ini silakan klik follow di bagian sidebar.
Salam,
Coretan klasik Mas Kentir
Purworejo, 27 Agustus 2013
Artikel Terkait:
- Membuat Link Berkedip Saat Disentuh Kursor
- Membuat Efek Gambar Membesar Saat Disentuh Kursor
- Membuat Tampilan Dropcap yang Keren
- Cara Menyembunyikan Widget dari Halaman Awal Blog
- Cara Menampilkan Widget Hanya di Halaman Awal
- Cara Membuat Iklan Melayang dengan Tombol Close 2x
- Kode Warna HTML Lengkap
- Membuat Artikel Terkait (Related Post) dengan Border Melengkung dengan Fungsi Scroll
- Membuat Link Berkedip Saat Disentuh Kursor
- Membuat Efek Gambar Membesar Saat Disentuh Kursor
- Membuat Tampilan Dropcap yang Keren
- Cara Menyembunyikan Widget dari Halaman Awal Blog
- Cara Menghilangkan Read More Otomatis di Blog
- Membuat Navigasi Menu Keren dengan JQuery
- Cara Membuat Iklan Melayang dengan Tombol Close 2x
- Membuat Header Blogspot Menjadi Dua Kolom
- Membuat Menu Navigasi Horisontal dengan Drop Down Sunrise
0 comments