Cara Menambahkan Video dan Gambar Di Komentar Blog

Cara Memasukan Video Dan Gambar Ke Komentar Blog

Cara Agar Dapat Memasukan Video Dan Gambar Di Komentar Blog. Tutorial Cara Menambahkan Kode Untuk Memasukan Gambar / Image dan Video iframe embed Youtube ke dalam komentar blogger...

Hallo sobat blogger yang tamvan, pada tutorial kali ini saya akan memberikan script agar komentar blog kita suport / dapat menampilkan gambar dan embed video seperti youtube ke blog kita..

Menambahkan gambar dan video ke dalam area komentar blog pasti akan membuat tampilan komentar lebih hidup dan pastinya lebih menarik untuk di komentari.

Untuk kalian yang ingin melihat demo komentar image dan video di blog ini, silahkan kunjungi blod demo dibawah ini..

Demo Komentar Video Dan Gambar Di Blog

Untuk tutorial cara pemasangannya, silahkan ikuti tutorial singkat menambahkan image dan video ke dalam kotak komentar blog berikut ini...

Cara Mudah Menambahkan Gambar dan Video Ke Komentar Blog

• Login ke blogger.com

• Masuk Ke Template, Edit HTML, Cari Kode </body>

• Lalu masukan Javascript dibawah ini tepat di atas kode body yang tadi di cari

<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return c};if(!''.replace(/^/,String)){while(c--){d[c]=k[c]||c}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('$("#10 18, #10 20").17(3(){$(2).19($(2).19().32(/\\[5\\](.*?)\\[\\/5\\]/31,"<5 34=\'35\' 37=\'36\' 9=\'$1\' 30=\'0\'></5>")),$(\'5.23:22([9*="24.25/28"])\').27("9").26("39","#46 49(48.51) 52-54 50% 50%")}),$("#10 18, #10 20").17(3(){$(\'13[4^="43"]\',2).45().44("55").40(),$(\'16[4="15"]\',2).7(3(){6 $("<15></15>").14($(2).8())}),$(\'16[4="38"]\',2).7(3(){6 $("<53 />").42("9",$(2).41())}),$(\'13[4="12"]\',2).7(3(){6 $("<12></12>").14($(2).8())}),$(\'13[4="47"]\',2).7(3(){6 $("<21></21>").14($(2).8())}),$(\'16[4="11"]\',2).8().29().33("<11></11>")});',10,56,'||this|function|rel|iframe|return|replaceWith|contents|src|comments|code|h3|b|append|pre|i|each|p|html|dd|blockquote|not|video|youtube|com|css|removeAttr|embed|unwrap|frameborder|gi|replace|wrap|width|420|315|height|image|background|remove|text|attr|h|filter|nextAll|900|quote|error|url||png|no|img|repeat|br'.split('|'),0,{}))
//]]>
</script>

• Tinggal Save Template n DONE

• Untuk memasukan video dan image ke komentar kalian harus menggunakan kode berikut
Untuk Video
[iframe]Masukan Url Embed Video Kalian Disini[/iframe]
Untuk Gambar/Image
<i rel="image">Masukan URL Image Kalian Disini</i>

• Nah semuanya sudah selesai tinggal coba dan tes :)

• Sedikit tambahan css agar tampilan video youtubenya menjadi responsive..

<style type='text/css'>
/*KOMEN VIDEO*/
.comment_body iframe {
  width: 100%!important;
  height: 400px;
}
@media screen and (max-width:960px) {
  .comment_body iframe {
    max-height: 90%
  }
}
@media screen and (max-width:768px) {
  .comment_body iframe {
    max-height: 75%
  }
}
@media screen and (max-width:600px) {
  .comment_body iframe {
    max-height: 60%
  }
}
@media screen and (max-width:480px) {
  .comment_body iframe {
    height: auto!important;
    max-height: auto!important
  }
}
</style>

Cukup sekian dan terimakasih, semoga artikel dari blog mas tamvan tentang cara agar komentar blog dapat menampilkan gambar dan video ini bermanfaat bagi kita semua :)

Jangan lupa tinggalkan jejak kalian di kolom komentar ya :)

memasukan gambar dan video ke dalam komentar blog