SEO Search

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Monday, 12 March 2012

Add Videos/Images in Blogger/Blogspot Comments

Posted on 15:45 by Unknown
Many of you may have wondered if it is possible to post Youtube videos and images into Blogger comments. Well, after going through this tutorial, we'll be able to do this!
add youtube videos and pictures in blogger comments

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'/>
<script src='http://helplogger.googlecode.com/svn/trunk/youtubevideos.js'/>
<script src='http://helplogger.googlecode.com/svn/trunk/pics-comments.js'/>
Step 4. Save the changes by clicking on the Save Template button.

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.
Email ThisBlogThis!Share to XShare to Facebook
Posted in blogger, Hacks, how to | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • How to change Blogger "Post A Comment" Message
    In this tutorial i will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I...
  • CSS Basics. How to Apply Rounded Corners On Images #1
    This tutorial will explain how to change the outside border of any image using some simple CSS rules to make it round, but this is so easy t...
  • CSS Basics. How to Apply Rounded Corners On Images #2
    In the previous post I have mentioned that we will learn to round images using CSS, without needing to edit them one by one using a program...
  • How to Replace Older Posts and Newer Posts Links with Blogger Post Titles
    If you have ever visited a WordPress blog, you might have noticed that the blog pager on these blogs displays the actual post titles, not ju...
  • Making a gadget visible only to the blog administrator
    And the post title says it all. There are gadgets that sometimes we want to be visible only to us and not to our blog readers, perhaps a Sur...
  • Expandable Recent Comments Widget for Blogger/Blogspot
    This Expandable Recent Comments is a very accessible widget that can be collapsed or expanded through user interaction, so that now, we don...
  • How to Add a Widget Below First Post in Blogger
    This tutorial will show you how to make a gadget/widget to appear just below the first Blogger post. First, you must understand that the usu...
  • Google adsense optimization tips
    What is Google Ad S ense?  Google AdSense is a free program run by Google that allows you to display Google adverts on your blog/website and...
  • How to Burn Blogger RSS Feeds at Feedburner
    What is RSS? A RSS (Really Simple Syndication) feed is a XML-based format for your content. Most blogging platforms, for example, will have ...
  • How To Remove Blogger Attribution Gadget
    The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may o...

Categories

  • adsense
  • adsense optimization
  • adsense tips
  • Auto Video Template
  • avatars
  • blockquotes
  • Blog Design
  • blogger
  • blogger posts
  • color code generator
  • Comments
  • comments tricks
  • css
  • emoticons
  • Emoticons/Smileys
  • Facebook
  • feedburner
  • forum
  • Hacks
  • how to
  • how to make a blog
  • Image Effects
  • internet
  • jQuery
  • labels
  • menus
  • Navigation
  • navigation menu
  • popular posts
  • posts
  • read more
  • recent comments
  • recent posts
  • related posts
  • RSS
  • SEO
  • sitemaps
  • slideshows
  • social media
  • social media plugins
  • static pages
  • Templates
  • threaded comments
  • titles
  • tools
  • translating
  • webbligi
  • Widgets

Blog Archive

  • ►  2013 (57)
    • ►  November (4)
    • ►  October (16)
    • ►  September (13)
    • ►  June (3)
    • ►  May (4)
    • ►  April (5)
    • ►  March (12)
  • ▼  2012 (73)
    • ►  July (1)
    • ►  June (3)
    • ►  May (9)
    • ►  April (23)
    • ▼  March (30)
      • How To Add Related Posts Widget To Blogger with Th...
      • How to change Blogger "Post A Comment" Message
      • How to optimize Images and Increase Blog Traffic
      • How To SEO Optimize Your Blogger Blog Titles For H...
      • How To Remove Blogger Attribution Gadget
      • How to add a gadget/widget inside your Blogger Blo...
      • How to Burn Blogger RSS Feeds at Feedburner
      • Add Facebook Like Button Below Post Titles
      • Auto Read More with thumbnail for Blogger/Blogspot...
      • Adsense Ad Code Converter
      • How to put Adsense ads on Blogger/Blogspot
      • How To Remove Blogger Threaded Comments
      • Add Videos/Images in Blogger/Blogspot Comments
      • How to add Facebook Like/Fan Box to Blogger
      • Add Recent Comments Widget with Avatars To Blogger
      • Add Random Posts Widget to Blogger
      • Remove - Subscribe to: Posts (Atom) from Blogger
      • Add Multi-Colored Popular Posts to Blogger
      • Recent Comments Widget For Blogger
      • Hide/Show Widgets/Gadgets in Home/post/static/arch...
      • How to create Google Adsense Account
      • How to create a Facebook Fan Page for your Blog
      • How to remove/hide or add a Peek A Boo Effect to y...
      • Awesome Slide Open Heart Bookmarking Gadget For Bl...
      • Add Css/Jquery fixed horizontal menu to blogger blog
      • What is blogger and how you can create a blogger b...
      • Google adsense optimization tips
      • Add Social Bookmarking Buttons near Adsense Ads
      • AdSense optimization tips straight from Google
      • Wrap text around Adsense block in left or right co...
    • ►  February (7)
Powered by Blogger.

About Me

Unknown
View my complete profile