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 menawarkan gambar pada tutorial diblog-nya, apakah para reader akan sanggup eksklusif mengerti/memahami ? berdasarkan aku masih akan sedikit kesulitan.
Nah dikala itu mungkin saja terjadi sedikit masalah meskipun para reader sudah mengikuti tutorial yang sudah admin blog berikan. Lalu bagaimana reader blog tersebut bertanya masalah yang terjadi dikala mengikuti tutorialnya ?
Apakah melalui Contact yang tersedia, menghubungi admin melalui email, atau bertanya eksklusif di kotak komentar ?
Untuk memudahkan para reader bertanya dan menawarkan screenshoot masalah yang terjadi, alangkah mudahnya ketika admin blog menawarkan fitur pada kotak komentar diblognya semoga 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”, menyerupai gambar dibawah.
3. Letakkan script di bawah, diatas Kode </body> . Gunakan CTRL+F untuk mencari kodenya.
<script type='text/j4vascript'>
//<![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 isyarat <i rel="image">Link Gambar Anda</i> di kotak komentar – kemudian klik Publish/Publikasikan, atau sahabat sanggup menyisipkan isyarat 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 menyerupai 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..
EmoticonEmoticon