23 April 2015

Tips Memasukan Gambar di Kotak Komentar Blog

Cara Mudah Memasukan Gambar di Kotak Komentar Blog. Kali ini saya akan membahas tentang bagaimana cara memasukkan gambar atau menyisipkan gambar pada kotak komentar di blog anda.

Tips Memasukan Gambar di Kotak Komentar Blog
Sebenarnya cara ini, sudah banyak yang membahasnya,, namun kali ini, saya mencoba untuk membahasnya dengan lengkap, supaya anda bisa melakukanya dengan mudah dan langsung Work di template blog anda. Pada dasarnya, tidak semua elemen yang anda masukkan ke kotak komentar di blog, karena itu saya membahasnya disini supaya anda bisa menyisipkan gambar di komentar blog anda. Yuk langsung praktek saja dengan mengikuti beberapa langkah yang sudah saya sediakan dibawah ini.

Cara Memasukkan Gambar ke Kotak Komentar di Blog

=> Masuk ke Dasboar Blog anda
=> Pilih Template -> Edit HTML
=> Letakkan kode dibawah 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>

=> Simpan / Save Template
=> Silahkan anda menguji cobanya dengan menggunakan kode ini:

<i rel="image">URL Gambar Anda</i>

=> Lihat hasilnya

Sangat mudah kan untuk memasukkan gambar ke kotak komentar blog anda,.!! Sekian artikel yang saya share tentang Tips Memasukan Gambar di Kotak Komentar Blog. Semoga bisa bermanfaat dan berguna untuk anda, Selamat Mencoba.!!

3 comments:

  1. http://myulandasari.blogspot.co.id/2017/01/blog-post_13.html

    ReplyDelete
  2. akibento-leadnationmedia.netdna-ssl.com/blog/wp-content/uploads/external/pjLbPqIjJzkNzex0Tx9mJmf7Tm4KjbmJ.png

    ReplyDelete