To Play Videos in your blog posts

Few months back I had made a post regarding how to play audio files in your blog ;;).Its possible to play the video files in the main posts or in the sidebar as per your wish.
I have seen many bloggers use YouTube.Iam not much of a video blogger, so I have not used You tube 🙁

AVI file
WMV file

I have two sample videos in Avi & Wmv format here, mpeg files also play well..( i tried it with my personal video and it worked well..I dont want to post my personal video here)
Here i give you the instructions to play video files in your blogposts. < ):)

  1. SAVE AND BACKUP YOUR TEMPLATEnot actually necessary here, nevertheless a good-habit
  2. Assuming that you already have the concerned video clip readyn in your computer..Upload the Video file

    • Geocities and Google Pages allow us to create webpages and upload files.
    • So using your yahooID or gmail ID create your website (we will be using the filemanager feature).Eg.I have one-page website with some junk text
    • ~x( Why i did this.. please see here..thanks to Rose for telling me

    • Register with FiledenSelect the Free-Account plan

      This is a Free File hostng service provider.Allows us to upload files to put on other websites, communities or to share with friends and family. FileDen.com offers the service absolutely free of charge

    • Upload the video file using the UPLOAD link
    • if you are presented with IMG tag window select DIRECT LINK ..this will give you the direct link that you can use in the blog
    • Otherwise..Locate the filemanager link
    • Once upload is complete and you are able to see your video clip in the list provided by the file manager…Rightclik –properties–copy the URL into a notepad and save it

  3. :> Inserting video clip into the posts
    • Place this code in the edit html page of your post
    • <embed src=”URL_OF_YOUR_VIDEO_FILE” autostart=false loop=false height=250 width=250 controls=”console”></embed>You may vary the height and width to suit your posts
    • You can place this code at any postion of the post content ..just move this code around.,.and see where it fits best
    • The advantage is..the video clip plays in the same window ..ie.. does not open another annoying pop-up window

Hope you were able to add an video file of your choice to your post =D> .Do drop in your word so that like minded people can also share your thoughts.b/w Donot forget to mention this post in the CREDITs section of your blog..

To include an Audio clip in your posts

Many would harbour the wish to be able to have an audio clip inserted into their posts.Look no further..mission acomplished.You will be listening to a song in Tamil here.



Do follow the instructions carefully.

  1. SAVE AND BACKUP YOUR TEMPLATE
  2. Assuming that you have the concerned audio clip ready in your computer

  3. Upload the audio file

    • Geocities and Google Pages allow us to create webpages and upload files.
    • So using your yahooID or gmail ID create your website (we will be using the filemanager feature).Eg.I have one-page website with some junk text

    • Why i did this.. please see here..thanks to Rose for telling me

    • Register with FiledenSelect the Free-Account plan

      This is a Free File hostng service provider.Allows us to upload files to put on other websites, communities or to share with friends and family. FileDen.com offers the service absolutely free of charge

    • Upload the audio file using the UPLOAD link
    • if you are presented with IMG tag window select DIRECT LINK ..this will give you the direct link that you can use in the blog
    • Otherwise..Locate the filemanager link
    • Once upload is complete and you are able to see your audio clip in the list provided by the file manager…Rightclik –properties–copy the URL into a notepad and save it

  4. Inserting audio clip into the posts
    • Place this code in the edit html page of your post
    • <embed src=”URL_OF_YOUR_AUDIO_FILE” autostart=false loop=false height=62 width=144 controls=”console”></embed>
      You may vary the height and width to suit your posts
    • You can place this code at any postion of the post content ..just move this code around.,.and see where it fits best
    • The advantage is..the audio clip plays in the same window ..ie.. does not open another annoying pop-up window

Hope you were able to add an audio file of your choice to your post.Do drop in your word so that like minded people can also share your thoughts.b/w Donot forget to mention this post in the CREDITs section of your blog..

Audio version of Posts

There are short-posts, long-posts, and really very long-posts. So how about making your posts into their Audio-Versions so that your reader now becomes your listener, and can continue to do his work while listening to your post. I thought its a pretty good idea and I have implimented it too, after seeing it in action in at Viveks’s blog

Are you wondering what I am talking about here? well.. do you see that the at the bottom of each post, go ahead, CLICK – OPEN.. this will open my posts in Audio format.

HOW TO ADD THE AUDIO VERSION TO YOUR POSTS

Vivek has given a detailed tutorial here

  1. Register with Talkr
  2. Make sure that your SETTINGS – SITE FEED – ALLOW BLOG FEED is set to FULL.
  3. Type the url (eg www.yourblog.com)at ADD RSS FEED.
  4. You are allowed to add multiple feeds. Notice that each feeds have unique Talkr feed id
  5. Clik on “Add Audio link for each entry” link
  6. Donot fail to test the feeds as per the instructions given
  7. Once your test feed works up to your satisfaction, then only proceed further. Belive me.. I had enough and more problems for overlooking the test.
  8. If you are using blogger beta you might want to know the TEMPLATE VARIABLE FOR PERMALINK inorder to make the audio feed work in the posts.Thanks to Vivek for helping me through this.
  9. This the code directly from my template.

    &lta expr:href='”http://www.talkr.com/app/fetch.app?feed_id=22092&;perma_link=” + data:post.url’ target=’_blank’ title=’Listen to this Article’>
    &ltimg src=’http://h1.ripway.com/Deepa/audio_1.ico’ style=’border:none;’/>&lt/a>

  10. UPDATE

    Please use the html code given in this image..write it word-by-word ..
    The ampersand required for the code is interpreted and written as &

  11. just replace the feed_id= 22092 with your feed id number from Talkr.

WHERE TO ADD THE LISTEN TO THIS POST LINK
Technically you can add the above HTML code anywhere. But I feel its only natural to add it near the comments /QuickEdit links

  1. SAVE YOUR TEMPLATE BEFORE PROCEEDING
  2. Look for &ltb:include data=’post’ name=’postQuickEdit’/>
  3. Add the Talkr code immediatly below.
  4. Save the Template.
  5. Your posts are now ready to be heard

Hope you liked this.Donot forget to give credit where its due