Cara Biar Kolom Komentar Blog Bisa Disisipi Gambar


Cara Agar Bisa Memasukkan Gambar Di Komentar Blog - Pada umumnya kotak komentar yang tersedia di template default tidak memiliki elemen khusus untuk bisa disisipi gambar atau image. Kotak komentar yang sering kita lihat pada blog blog orang lain paling hanya bisa disisipi oleh smiley atau sejenis emoticon sebagai bagian dari gambaran ungkapan si pemberi komentar.

cara menyisipkan gambar di kolom komentar blog, agar komentar bisa dimasukkan foto atau image, cara memasukkan url gambar di komentar blogger endolita.blogspot.com

Nah, kali ini akan saya bahas mengenai caranya kotak komentar supaya bisa disisipi gambar gambar tertentu supaya lebih cantik dilihat. Contoh demonya bisa dilihat di kolom komentar saya di bawah

  1. Login ke akun Blogger
  2. Pilih Template > Edit HTML
  3. Cari kode </body> kemudian letakkan script dibawah ini tepat diatasnya:

    4. <script type='text/javascript'>
    //<![CDATA[
    function repText(id) {
    var a = document.getElementById(id),
     b = a.innerHTML,
     b = b.replace(/<i rel="image">(.[^\>]*)<\/i>/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");
     b = b.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");

     document.getElementById(id).innerHTML = b;
     b = b.replace(/<i rel="code">(.*?)<\/i>/ig, "<code>$1<\/code>");
     b = b.replace(/<i rel="pre">(.*?)<\/i>/ig, "<pre>$1<\/pre>");
     b = b.replace(/<b rel="quote">(.*?)<\/b>/ig, "<blockquote>$1<\/blockquote>");
     b = b.replace(/&amp;feature=[0-9a-zA-Z-_]*/ig, "");
     b = b.replace(/\/s(640|1600)/g, "/s400");
     } repText('comment-holder'); 
    c = document.getElementById('comment-holder');
    if (c) {
     b = c.getElementsByTagName("p");
     for (i = 0; i < b.length; i++) {
      if (b.item(i).getAttribute('CLASS') == 'comment-content') {
       ki_comm = b.item(i).innerHTML.replace(/\[code\](.[^\]]*)\[\/code\]/ig, "<code>$1<\/code>");
       ki_comm = ki_comm.replace(/\[pre\](.[^\]]*)\[\/pre\]/ig, "<pre>$1<\/pre>");
       ki_comm = ki_comm.replace(/\[blockquote\](.[^\]]*)\[\/blockquote\]/ig, "<blockquote>$1<\/blockquote>");
       ki_comm = ki_comm.replace(/\[quote\](.[^\]]*)\[\/quote\]/ig, "<blockquote>$1<\/blockquote>");        
       b.item(i).innerHTML = ki_comm;
      }
     }
    }
    //]]>
    </script> 
  4. Simpan Template.
  5. Nah untuk memasukan file gambar di kolom komentarnya, anda cukup meletakkan kode dibawah ini
    6. <i rel="image">URL Gambar Anda</i>
    atau
    [img]URL Gambar Anda[/img]

  6. Tulisan berwarna Merah adalah kode URL gambar yang Anda inginkan.
  7. Lalu lihat hasilnya, Gambar anda akan tampil ketika komentar anda sudah diluncurkan.

Selamat Mencoba! Tolong di share juga ya :)

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Memasang Tanda Admin di Kolom Komentar Blog

Gambar
Kolom komentar tentunya sangat mendukung untuk para pengunjung yang ingin share tentang artikel yang dimuat di blog kita. Terlebih lagi kita sebagai admin harus tetap setia membalas semua komentar yang masuk ke blog kita dengan bijak dan semua orang bisa tahu bahwa yang membalas komentar mereka itu adalah admin yang punya blog tersebut.    Nah, untuk mempermudah mengenali seorang admin di sebuah blog, saya punya cara untuk menandai pemilik blog dengan logo admin di setiap balasan komentarnya. Lihat contoh gambarnya di bawah ini: Tertarik? Bagaimana cara membuatnya? Cara Memasang Tanda Admin di Komentar Blog: Login ke akun Blogger Pilih Template >> Edit HTML Copy-paste script berikut di atas kode </body> <script src='http://code.jquery.com/jquery-latest.js'/> <!-- Komentar admin by Brader Blog start --> <script> $(function() { function highlight(){ $('.user.blog-author,.ssyby').closest('.comment-block') .css('border', ...
Baca selengkapnya

Senasib Sepenanggungan

Gambar
“Oh ternyata kamu seperti itu ya selama ini.” “Maksud kamu apa Din?” “Udahlah La, nggak usah sok baik sekarang sama aku. Sudah kebongkar semua keburukanmu. Nggak ada kata sahabat lagi diantara kita.” Nadin meninggalkan Darla dengan sejuta tanda tanya di benak. Sebenarnya apa yang terjadi diantara mereka Darla pun tak tahu. Padahal baru kemaren mereka menghabiskan waktu bersama. Kebanyakan memang Nadin yang curhat tentang kekasihnya tapi kemarin Nadin baru saja putus. Ia masih sangat teringat perkataan Nadin, “Aku nggak akan sedih sedih lagi karena putus cinta La, ada kamu yang selalu ada buat aku. Nggak guna nagisin laki laki. Ya nggak?” Kemudian Nadin tertawa renyah, saat itulah Darla merasa terenyuh dengan perkataan Nadin yang masih sangat kekanak kanakan itu. Mereka bersahabat memang masih sekitar satu tahun ketika Ayah Nadin dipindahtugaskan dan ia sekeluarga harus tinggal di daerah baru. Darla bertemu Nadin ketika mereka ada dalam satu ruangan kursus bahasa Inggris. Tapi semenjak ...
Baca selengkapnya

Kelakar Trotoar

Gambar
Dear Nesha Allea, Nesh semalam entah mengapa kamu hadir lagi dalam lamunanku, entah tak ku ingat seberapa pekat malam itu. Bisa jadi sepekat coklat hangat yang biasa kau seduh, bisa jadi lebih Nesh. Sebab aku tak sedikitpun mendengar suara gaduh (kecuali, dipikiranku). Mungkin aku terlalu lama membolak-balik laman jejaring sosialmu saat itu. Nesh, apa kabarmu? Tanpa ku sadari hari ini tepat hari ke tujuh puluh satu sejak kau tak muncul dalam janji yang kau buat sendiri. Maafkan aku Nesh, mungkin aku serupa benalu di hidupmu. Aku terlalu menganggumu. Kau marah dengan ku? Tak apalah Nesh mungkin aku harus terbiasa menjadi pecundang yang hadirnya tak pernah kau harapkan. Kau ingat Nesh saat itu kau masih berusia lima belas tahun tepat di tanggal satu, sedangkan usiaku tepat tujuh bulan mendahuluimu. Kau senang sekali ketika aku menghadiahkanmu sebuah penanda kunci, ya seingatku kau terlalu mudah meletakan sesuatu lalu melupakannya (ya, termasuk aku contohnya). Maka dari itu ku beri kau ha...
Baca selengkapnya