Cara Menciptakan Kotak Komentar Sanggup Menyisipkan Gambar, Catatan, Dan Arahan Dengan Mudah
Assalamu’alaikum..
Pada blog yang menyediakan tutorial, pastinya gambar akan sangat membantu memahami seorang reader ketika sedang mengikuti tutorial yang diberikan oleh admin blog. Tidak akan menarik ketika blog yang menyediakan tutorial hanya goresan pena saja, tidak ada gambarnya.
Ketika admin blog sudah menunjukkan gambar pada tutorial diblog-nya, apakah para reader akan sanggup eksklusif mengerti/memahami ? berdasarkan aku masih akan sedikit kesulitan.
Nah ketika itu mungkin saja terjadi sedikit duduk perkara meskipun para reader sudah mengikuti tutorial yang sudah admin blog berikan. Lalu bagaimana reader blog tersebut bertanya duduk perkara yang terjadi ketika mengikuti tutorialnya ?
Apakah melalui Contact yang tersedia, menghubungi admin melalui email, atau bertanya eksklusif di kotak komentar ?
Untuk memudahkan para reader bertanya dan menunjukkan screenshoot duduk perkara yang terjadi, alangkah mudahnya ketika admin blog menunjukkan fitur pada kotak komentar diblognya biar sanggup berkomentar dengan menyisipkan gambar. Lalu bagaimana caranya ?
Oke pada pembahasan kali ini aku akan membahas Cara Membuat Kotak Komentar sanggup Menyisipkan Gambar, Catatan, dan Kode dengan Mudah. Silahkan disimak yaa :
2. Setelah itu akan masuk ke Dashboard/Home blog. Silahkan klik Arah panah kebawah, pada blog yang dipilih – klik Template – Kllik “Edit HTML”, ibarat gambar dibawah.
3. Letakkan script di bawah, diatas Kode </body> . Gunakan CTRL+F untuk mencari kodenya.
<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>
4. Klik “Save Template”. Seperti gambar dibawah.
5. Silahkan coba dengan menyisipkan instruksi <i rel="image">Link Gambar Anda</i> di kotak komentar – kemudian klik Publish/Publikasikan, atau sahabat sanggup menyisipkan instruksi lain :
Menyisipkan kode : <i rel="code">Kode Anda</i> atau <i rel="pre">Kode 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 aksara miring : <i>Teks Anda</i>
Hasilnya akan menjadi ibarat gambar dibawah.
Mudah bukan ? silahkan sahabat coba sendiri yaa.. Oke mungkin segitu saja Cara Membuat Kotak Komentar sanggup Menyisipkan Gambar, Catatan, dan Kode dengan Mudah. Mohon maaf apabila ada kata yang salah dan kurang berkenan. Terima kasih.
Wassalamu’alaikum..
