Cara Menambahkan Gambar/Video Pada Komentar Blog

Cara Menambahkan Gambar/Video Pada Komentar Blog

Assalamualaikum...
KENEONO – Dikesempatan kali ini saya akan share Cara Menambahkan Gambar/Video Pada Komentar Blog. Berkomentar di blog ini sangat penting jika suatu hal belum dimengerti/memberi wawasan lain bisa langsung ditanyakan lewat form komentar dengan menambahkan gambar maupun video bisa lebih jelas dipahami pada komentar blog, jadi lebih enak Admin akan menanggapi dengan mudah dan masalah akan terselesaikan dengan cepat :D .
Makanya jika sobat komentar di blog disertai dengan Gambar/video agar cepat ditanggapi :)


Berikut Cara Berkomentar diblog dengan Gambar/Video :

  1. Silakan sobat berkomentar pada form yang sudah sediakan di setiap postingan
  2. Gunakan kode dibawah ini untuk berkomentar dengan Gambar/Foto
    <i rel="image">URL_GAMBAR</i>
  3. Gunakan kode dibawah ini untuk berkomentar dengan Video
    [iframe]URL_VIDEO[/iframe]
  4. Silakan ganti tulisan “URL_GAMBAR” dan “URL_VIDEO” ganti dengan url gambar/video yang sudah diupload sebelumnya.
  5. Selesai


Berikut Cara Menampilkan Gambar/Video Pada Komentar Blog :
Berikut untuk sobat yang mempunyai blog supaya gambar/video bisa nampil pada komentar, soalnya setiap template belum tentu support.

  1. Pertama silakan sobat masuk dashboard Blogger pilih menu “Tema” > “Edit HTML”
  2. Tambahkan kode script dibawah ini tepat diatas kode </body>
    <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>
  3. Tambahkan kode CSS supaya tampilan video youtubenya bisa responsive, taruh dibawah kode <head>
    <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>
  4. Jika sudah silakan “Simpan Template”


Sekian dari saya itulah Cara Menambahkan Image/Video Pada Komentar Blog, semoga bisa bermanfaat untuk sobat semua.
Kunjungi terus blog keneono untuk mendapatkan artikel menarik lainnya. Terimakasih...
Wassalamualaikum...
Baca Juga
SHARE
Subscribe to get free updates

Related Posts

Posting Komentar