Many of you may have wondered if it is possible to add Youtube videos and images into Blogger comments. Well, after going through this tutorial, we'll be able to do this!
To get these cool features, we just need to add some scripts to our template and use the right tags for the images. For adding youtube videos, pasting their URLs will be enough.
Step 1. Go to Dashboard > Template > Edit HTML
Step 2. Find (using CTRL + F) the following tag:
Instructions
Now each time you want to post youtube videos, just paste their urls in the comment box.
For adding images, use the tags below before and after the address of your image:
Settings
If you want to let your visitors know how to post images in blogger comments, then go to Dashboard > Settings > Posts and Comments and look for the Comment Form Message section, there you need to click on "Add" link and add your text. For example:
If you enjoy reading this blog, please share and subscribe. For any questions, drop a comment below.
To get these cool features, we just need to add some scripts to our template and use the right tags for the images. For adding youtube videos, pasting their URLs will be enough.
How to add videos/images in Blogger comments
Step 1. Go to Dashboard > Template > Edit HTML
Step 2. Find (using CTRL + F) the following tag:
</body>Step 3. Just above/before the </body> tag, paste this code:
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>Step 4. Save the changes by clicking on the Save Template button.
<script src='http://helplogger.googlecode.com/svn/trunk/youtubevideos.js'/>
<script src='http://helplogger.googlecode.com/svn/trunk/pics-comments.js'/>
Instructions
Now each time you want to post youtube videos, just paste their urls in the comment box.
For adding images, use the tags below before and after the address of your image:
[img]your-image-url[/img]Note: replace your-image-url with the URL
Settings
If you want to let your visitors know how to post images in blogger comments, then go to Dashboard > Settings > Posts and Comments 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 on the Save Settings button on 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.
Not work ;(
Working link here
just tried this on my blog over at theincompleteid10t.blogspot.com and its not working. Advice???
Already work ^^
??? ??? ... no blooger html code ?
I tried many times, but it's not working. pls can i have some more tips?..:)
I did not know it. Thanks for sharing it. It is working.
Ah, works great. Thanks! Another way (perhaps a simpler one) to disable threaded comments is to basically just make sure your Blog Feed isn't set to "Full".
"If you have commenting enabled on your blog, then threaded commenting will work provided you have your blog feed set to "Full," and have chosen the “Embedded" option as opposed to “Full page” or “Popup window.” To change your commenting settings, just go to the Comments section under Settings | Posts and comments. The setting to change your blog feed can be found under Settings | Other."
Source: http://support.google.com/blogger/bin/answer.py?hl=en&answer=1725597
worked but didn't find comments template form in settings
Interesting
thanks is working in my blog but how i can add link and flash please tell me.
testing
[img]http://3.bp.blogspot.com/-aehPdIcgN_Q/UE698Mk-iqI/AAAAAAAAFsk/ZJWWu91VnIo/s1600/horse-horses.jpg[/img]
Thank you so mush i will try it
Works in Firefox but not Chrome. Any advice?
After spending lot of time still Its not working :(
Not Working .... Both Mozilla and Chrome .... :( Plz help
Yeah .. thanks its working ... :D
OK , working on simple theme :|
It's working great!
I have only difficulty in adding text by the Comment Form Message section: I do not know how I can quote the code [img]IMAGE-URL-HERE[/img] without activating it.
jquery conflict with other script. what can you suggest?
I get a broken image icon and can only view the image if I right-click and View Image (Firefox 31.0).
I also see Google has its usual disinterest in answering users' questions.
Could it work if you added the javascript gadget and pasted the code there?
can someone re write the .js code for this please everywhere on the internet is sharing this googlecode trunk and google code has been gone for ages. it's really quite frusting at least update this post letting people know it's outdated.