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...
  • Google Translate Widget with Flags For Blogger
    The Google Translate Widget for Blogger allows the visitors to translate your site or blog in their own language. This widget also auto-dete...
  • 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...
  • Replace Older, Newer And Home Blogger links with an image or text
    Newer Post, Home and Older Post are links that appear on the bottom of the posts. When a visitor click on one of these links, they will take...
  • 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...
  • 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...
  • Before/After Photo Effect with jQuery
    If you have a design or makeup blog, or if you are using before and after image comparison , this script will surely be very useful for you....
  • How to Write SEO Optimized Blog Posts
    I'm not a SEO Expert, nor what we will read further is a top secret, but this is something about basic positioning that everyone should ...

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