Tips Memasukan Gambar di Kotak Komentar Blog
Tips Blogger, Cara Mudah Memasukan Gambar di Kotak Komentar Blog, memasang gambar di komentar, Blogger, Tips trick,
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.
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.
=> Pilih Template -> Edit HTML
=> Letakkan kode dibawah ini tepat diatas kode </body>
=> Simpan / Save Template
=> Silahkan anda menguji cobanya dengan menggunakan kode ini:
=> 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.!!
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>
//<![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.!!