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

Tersingkapnya Kebungkaman Nayla

Gambar
Gadis itu masih tertegun di tepi danau yang tenang, di balik pekarangan milik pamannya. Ia nampak begitu tenang pula masih dengan balutan selendang di kepalanya, menutupi setiap helai rambutnya namun samar samar mampu kulihat legam warna di balik selendang putih susu itu. Aku belum mengerti apa yang sedang ia pikirkan disana. Aku tak kuasa mendekat, hanya mampu memerhatikannya dari kejauhan. Sudah beberapa kali aku tak menyambangi danau ini, tak duduk di tepian danau dan kayu lapuk yang bertengger dengan tenang disana. Walau begitu kayu lapuknya masih mampu menampung berat badanku dengan nyaman. Ya, semenjak gadis yang selalu berselendang itu menyinggahi tempat semediku. Aku hanya diam saja tak berontak karena dia telah merebut tempat yang selama ini kujadikan persembunyian dari kejaran pikiran yang riuh rendah. Mungkin karena guratan di wajahnya mengisyaratkan sendu dan pilu yang begitu mendalam. Aku pun heran, mengapa tak ada sanak keluarganya yang datang untuk sekadar menyapanya jik...
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

My Best SayGita

Gambar
“Saaaaaaay...aku  bingung mau pilih siapa?” “Saaaaay...aku suka sama mas itu...” “Saaay...bisa nggak ya aku dapetin dia?” Halo Say, masih ingat aku pernah heboh sendiri ketika jatuh cinta. Kau yang selalu pertama kali tahu siapa laki laki yang akan aku gebet, akan aku pedekatein, akan aku sabet dia jadi pacarku. “Saaaayyy...badanku sakit semua” “Saaayy...aku belum ngerjain tugas itu.” “Saaaaay...aku titip print tugas ya.” Masih ingat juga aku sering ngeriwuki kehidupanmu dengan berbagai rengekan dari aku bak anak kecil yang sedang ingin dimanja manja oleh ibunya. Ah, masih banyak lagi keruwetan diriku yang kau pahami benar. “Say, aku putus.” “Aku sakit hati Say sama dia.” “Aku udah capek patah hati terus Say.” Bahkan semua kesedihanku pun tertampung penuh padamu. Aku heran kau masih bisa saja tahan dengan aku yang super duper menyebalkan ini. Pertemuan kita bermula dari Ospek kampus dan berlanjut pada perkuliahan yang ternyata kita pun sekelas. Masih ingatkah kamu betapa aku mengge...
Baca selengkapnya