Add Videos/Images in Blogger/Blogspot Comments

Many of you may have wondered if it is possible to add YouTube videos and images in Blogger comments. Well, after going through this tutorial, you'll be able to do this!

add youtube videos and pictures in blogger comments

To get this cool feature, we just need to add some scripts to the template's HTML and use the right tags for the images. For adding YouTube videos, just a copy-paste of their URLs will be enough.

How to add videos/images in Blogger comments

Step 1. Go to Dashboard > Template > Edit HTML

Step 2. Click anywhere inside the code area and find - using CTRL + F - the following tag:

</body>

Step 3. Just above/before the </body> tag, paste this code:

<script src='https://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='https://googledrive.com/host/0B4n9GL3eVuV-cEhJOFFLTWdSYXM' type='text/javascript'/>
<script src='https://googledrive.com/host/0B4n9GL3eVuV-QjAwRmpVbEVHZm8' type='text/javascript'/>

Step 4. Save the changes by clicking the 'Save Template' button.

How to add YouTube Videos in Blogger Comments

To add a YouTube video in a Blogger comment, just copy the URL from your browser's address bar and paste it in the comment box. After posting the reply, you should be able to see the iframe of the video. It's that easy :)

How to add Images or Pictures in Blogger Comments

If you need to add any image or picture in your Blogger comment, use the tags below before and after the address of your image:

[img]your-image-url[/img]

Note: replace your-image-url text with the URL of the image you want to share. If you need more help, please read this tutorial: How to Get the URL of Images.

Let your visitors know how to insert Videos or Images above Blogger Comment Box

If you want to let your visitors know how to post images in blogger comments, then access your Blogger Dashboard, go to 'Settings' > 'Posts, Comments and Sharing' and look for the 'Comment Form Message' section, there you need to click on "Add" link and add your text. For example:

Need to add an image? Use this code <b>[img]image-url-here[/img]</b>

After you have added your text, click the 'Save Settings' button at the top right corner. And you're done!

If you enjoy reading this blog, please share and subscribe. For any questions, drop a comment below.