Senin, 24 Agustus 2015

Menulis Element Terlarang di Kotak Komentar Blog

Baca Juga :

Tidak semua script di kotak komentar dapat ditulis, tetapi dengan menggunakan kode dibawh ini kita dapat menuliskan element terlarang tersebut termasuk menyisipkan gambar, blockquote, tag pre dan lain-lain. berikut ini langkah-langkahnya :

Baca juga : Langkah Memasang Syntax Hightlighter di Blog

Copy dan paste kode dibawah ini tepat diatas  </body>

<script type='text/javascript'>
//<![CDATA[
$('#comments p, #comments dd').each(function() {
   $('b[rel^="h"]', this).nextAll().filter('br').remove();
    $('i[rel="pre"]', this).replaceWith(function() {
        return $('<pre></pre>').append($(this).contents());
    });
    $('i[rel="image"]', this).replaceWith(function() {
        return $('<img />').attr('src', $(this).text());
    });
    // Menyisipkan tag `<h3>`
    $('b[rel="h3"]', this).replaceWith(function() {
        return $('<h3></h3>').append($(this).contents());
    });
    $('b[rel="quote"]', this).replaceWith(function() {
        return $('<blockquote></blockquote>').append($(this).contents());
    });
    $('i[rel="code"]', this).contents().unwrap().wrap('<code></code>');
});
//]]>
</script>

Untuk menggunakannya dengan kode dibawah ini :

Menyisipkan kode:  <i rel="code">Kode Anda</i> atau <i rel="pre">Kode Anda</i>

Menyisipkan gambar:  <i rel="image">Link Gambar Anda</i>
Menyisipkan judul:  <b rel="h3">Judul Anda.</b>
Menyisipkan catatan:  <b rel="quote">Catatan.</b>
Membuat teks tebal:  <b>Teks Anda.</b>
Membuat huruf miring:  <i>Teks Anda</i>

Selamat mencoba semoga sukses.

Untuk demo bisa dilihat pada kotak komentar dibawah
Previous Post
Next Post

post written by:

  • 1 Comment
  • Comment

1 Comment

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

    BalasHapus

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda