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 sahabat blogger yang tamvan, pada tutorial kali ini aku akan menunjukkan script semoga komentar blog kita suport / sanggup menampilkan gambar dan embed video menyerupai youtube ke blog kita..

Menambahkan gambar dan video ke dalam area komentar blog niscaya akan menciptakan 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 Praktis Menambahkan Gambar dan Video Ke Komentar Blog

• Login ke blogger.com

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

• Lalu masukan Javascript dibawah ini sempurna di atas isyarat 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 memakai isyarat 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 jawaban tinggal coba dan tes :)

• Sedikit komplemen css semoga 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 wacana cara semoga komentar blog sanggup 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