Trik ini menggunakan metode javascript dan jQuery yang tergolong mudah, contoh javascript lihat di bawah ini
var pre = document.getElementsByTagName('pre');
for (var i = 0, len = pre.length; i < len; i++) {
pre[i].onclick = function() {
autoSelect(this);
};
}kode di atas adalah kode javascript gambaran sebelum anda memasang ini, juga sedikit belajar untuk memahami.
Contoh Penggunaan
Parameter pre akan kita gunakan sebagai referensi menuju elemen yang ingin kita seleksi. Misalnya, kita ingin menyeleksi semua teks di dalam elemen yang memiliki ID pre
Membuat Fitur Seleksi Otomatis pada Tag PRE dengan javascript
var pre = document.getElementsByTagName('pre');
for (var i = 0, len = pre.length; i < len; i++) {
pre[i].onclick = function() {
autoSelect(this);
};
}Membuat Fitur Seleksi Otomatis pada tag PRE dengan jQuery
$('pre').on("click", function() {
autoSelect(this);
});Sedangkan dalam eksekusi perintah bila menggunakan doble-click baru ke seleksi, javascriptnya seperti berikut
pre[i].ondblclick = function() {
autoSelect(this);
};
atau
$('pre').on("dblclick", function() {
autoSelect(this);
});untuk blockquote silahkan lihat kode berikut ini
var blockq = document.getElementsByTagName('blockquote');
for (var i = 0, len = blockq.length; i < len; i++) {
blockq[i].onclick = function() {
autoSelect(this);
};
}atau
$(document).ready(function() {
$('blockquote').on("click", function() {
autoSelect(this);
});
});Ganti tag elemen PRE dengan blockquote jika anda ingin yang di proses adalah elemen blockquote, Semua contoh di atas hanya gambaran saja, sekarang kita akan menerapkan semua yang saya gambarkan di atas pada blogger.
1. Login ke akun Blogger anda
2. Cari kode tag penutup </body> di HTML template anda
3. Jika sudah ditemukan, pastekan kode di bawah ini diatasnya
<script type='text/javascript'>
var blok = document.getElementsByTagName("pre");
for (var i = 0; i < blok.length; i++) {
blok[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>4. Simpan perubahan template anda dan buka salah satu posting yang memiliki baris kode dan coba klik ganda.
Kode di atas mencakup elemen PRE jika anda ingin menerapkannya dalan elemen quote ganti saja yang saya beri warna dengan blockquote.
Semoga berguna.....
3 komentar
BalasHapusgan minta script untuk iklan melayang di blogger dung... saya lagi perlu sebelumnya terimakasi :)Pertanyaan sobat tidak akan dibalas, pindah ke halaman OOT.
Jika Anda merasa bahwa ini adalah kesalahan otomatisasi sistem, cukup tuliskan kembali komentar lama Anda dengan format yang sama seperti sebelumnya, namun tanpa adanya kalimat promosi di dalamnya. Terima kasih.
tunggu postingnnya kpan*
Hapusdi tunggu gan
HapusLink aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>