How to Add Videos/Images in Blogger Comments?

Most of the Webmasters sense for adding Videos or images on blogger comments to increase traffic for their website or web blog.
Few Websites allows visitors/readers to post links, images, tags, videos on their comment box.
This is one of the best opportunities for new bloggers to increase their visibility online and attract visitors/readers more.
BlogTariff presents to great article for their readers to post youtube videos and images into blogger comments.
Let's begin the tutorials

How to add Videos/images for Blogger Comments?

Step – 1
Sign into your blogger account
Click on “EDIT HTML” link tab
(Before you experiment this Backup your template if anything goes wrong you can reuse it again)
Mark on “Expand Widget Template” box
Now search for code

</body>

After finding the code copy the below code and paste above to it

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("multimedia");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:490px;background:#FFF;padding:4px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/\[\/youtube\]/gi, "frameborder='0' allowfullscreen></iframe>");bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>

Step 2:-
After adding the above code now search for code

<b:loop values='data:post.comments' var='comment'>

Step:- 3
Just above it Add the below code

<div id='multimedia'>

Now search for code

</b:loop>

Note: Add below bit of code just after Step 3

</div>

After successful pasting the code now, “Save the Template”

Procedure for posting Videos/images

Whenever you post videos or images in comments you should add the following tags at the beginning and after the link of Youtube Videos and images.
Example for Youtube URL:

www.youtube.com/watch?v=bLOgTaRiFfDoTcOm

To enable Youtube videos to appear in blogger comments add starting and ending tags as given below

[youtube]YOUTUBE URL[/youtube]

To enable Images to appear in blogger comments add starting and eding tags as give below

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

Customization

Replace “YOUTBE URL” with your Video URL
Replace “Your image URL” with your image URL