Cara memasukkan gambar kedalam komentar blog

Selamat Datang di Blog Orang IT . Sharing postingan ringan bagaimana cara agar pengunjung bisa berkomentar dengan menyisipkan gambar dan video kedalam kotak komentar blogger , bagi anda pengguna template premium fitur ini sudah didukung sepenuhnya tapi jika anda pengguna template lama atau template default blogger anda harus menambahkan beberapa script agar gambar dan video tampil di komentar blog

Bagi pengguna komentar disqus sepertinya sudah didukung untuk menyisipkan gambar dikomentar blog tinggal tekan ikon image otomatis jendela browse ke file gambar terbuka , tapi bagi yang menggunakan komentar default bawaan blogger juga bisa menyisipkan komentar gambar dengan menambahkan beberapa kode HTML saat berkomentar

Komentar blog biasanya menjadi tempat bagi pengunjung untuk meninggalkan jejak , selain itu untuk blog yang sifatnya tutorial pasti banyak pengunjung mengalami masalah atau error saat mengikuti tutorial diblog tersebut mereka biasanya bertanya pada kotak komentar , agar suasana diskusi menjadi lebih hidup kita bisa melampirkan jawaban dengan gambar dikomentar blog

1. Login dahboar blogger masuk template – edit html

2. Tambahkan script berikut ini tepat 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>

3. Simpan template dan lihat hasilnya

Berikut ini format agar file yang anda ingin sisipkan bisa muncul dikomentar blog

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>

         [iframe]Masukan Url Embed Video Kalian Disini[/iframe]

Mudahkan cara menyisipkan foto gambar dan video kedalam komentar blog semoga bermanfaat , untuk setiap blog yang mendukung penyisipan image dikomentarnya sebaiknya memberikan keterangan agar pengunjung bisa menggunakan fasilitas ini sekian dan terimakasih

Sekarang coba anda berkomentar diblog saya dengan menyisipkan gambar , jika bagus akan saya approve untuk upload gambar bisa menggunakan blogger jadi gambar diupload lalu dicopy linknya atau menggunakan situs upload image gratisan lainya baru link nya diambil