Selasa, 03 April 2018

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...

BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya

>> PERHATIKAN !!! <<

- Gunakan kata-kata yang bijak saat berkomentar ya sob.
- Berkomentar dengan Foto <i rel="image">URL_GAMBAR</i>
- Berkomentar dengan Code HTML silakan Parse dulu.