Cara Menulis Element Terlarang di Kotak Komentar Blog

Bagaimana cara menulis element terlarang di kotak komentar Blogger? Tentunya sobat sudah tahu bahwa di komentar Blogger tidak semua element dapat kita masukan, misalnya blockquote, tag pre, code, bold, header post, dan gambar pun tidak bisa kita masukan pada komentar blog. 

Biasanya yang menggunakan script dibawah ini adalah blog/website yang isinya berupa tutorial, dimana kadang harus mengisi kotak komentar dengan kode-kode yang tentu saja pastinya tidak dapat ditampilkan jika tidak di manipulasi dengan script dibawah ini.

Masukan Script ini dalam Template

Masukan kode dibawah ini dalam HTML template Blogger. Letakan diatas kode </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>

Penerapan pada kotak komentar

Untuk menerapkannya pada komentar Blogger gunakan 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> 

Baca juga:

• Cara memasukan emoticon di komentar blog
• Cara menghilangkan link aktif pada komentar secara otomatis
• Cara membuat tombol show-hide di komentar Blog

Sebenarnya juga ada cara yang lebih mudah untuk menampilkan kode ke dalam komentar Blogger, yaitu dengan menconvert kode tersebut, caranya gunakankan converter ini dan masukan kode tersebut kedalam kotak komentar.

Nah sekian mengenai cara menulis element terlarang pada komentar blogger. Lihat juga tutorial terbaru lainnya. Semoga bermanfaat.

Diposkan oleh

Brando Mewo

You Might Also Like: