Yahoo media player for blogger blog


The Yahoo! Media Player enhances your web site or blog by creating an embedded player for each audio link. All the links can be played with one click, turning the page into a playlist. This is done by adding just one line of code to your page.



  • Go to Blogger and login. Now you are at Blogger Dashboard.
  • Go to Design->Page Elements and click any of the Add a Gadget Link.


  • Click HTML/JavaScript Gadget from the popup window


  • Copy the below line of code and paste it in Content field and SAVE. You may leave the Title field blank or write anything which you  want. Now the player installation is complete.
<script type="text/javascript" src=""></script>



Simply add audio links using the online blogger post editor in your post. Audio link URL should end with either .mp3 or .pls extension.

If you are working in Edit HTML mode, then you can write the below anchor tag to link to audio.

<a href="PATH TO YOUR AUDIO">Audio 1</a>

Reference Links:

Yahoo Media Player

Blogs using Yahoo Media PLayer

Demo-Yahoo media player for Blogger

Online Hindi Radio

Soon, I'll be posting a tutorial to customize YAHOO MEDIA PLAYER. Moreover I am working on a automatic widget installer, which will allow to install YMP without going into the code.

Facebook comment box for blogger blog

Hi All,

Here is a piece of text from Facebook developers Blog..

Since Facebook Connect launched, we've seen over 6,000 developers make their sites more social using Facebook Connect. One of the most common features we've seen sites add with Facebook Connect is the ability to allow users to log in with a single click and comment with their real name and profile photo from their Facebook account. Sites have seen as much as 40-50% more comments since they launched added these features.

Watch this video to have a more general idea about FB comment box.


Now you can imagine what if the comment box is installed on your blog!!!!

Here is the simple tutorial for adding Facebook Comment Box to Blogger Blog.

  1. Go to Facebook Developer Page and Enter you Blog Name and Blog URL, select you language and then click Create Apllication button.After this It may ask for image verification.
    Application register
  2. Now an application ID will be generated for your personalised comment box. Note this Application ID.
  3. Now copy the code below and save it in a notepad. Now replace the text APPLICATION ID with the application ID which you noted in step 2.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <h4 id="comment-post-message">Post a comment</h4>
    <div id='fb-root'/>
    window.fbAsyncInit = function() {
    FB.init({appId: &#39;APPLICATION ID&#39;, status: true, cookie: true,
    xfbml: true});
    (function() {
    var e = document.createElement(&#39;script&#39;); e.async = true;
    e.src = document.location.protocol +
    e.async = true;

  4. Now Go to your Blogger Dashboard >Settings >Comments tab and select Hide as shown below. comment-show hide 

  5. Go to Design >Edit HTML tab and check Expand Widget Templates checkbox as shown below. check

  6. Now place the code from Step 3 just after below code in template code 
    (You can find this code by pressing Ctrl+F)


    Note:- Make sure that you have replaced the text APPLICATION ID with your Application ID noted in Step 2.

  7. Save the template and Now you are done.

Note: Use this Facebook Comment Box wisely at it will hide your Blogger comments.

See Demo here

How to remove “Showing newest posts with label xxxx. Show older posts” from your blogger blog

While opening a label link in blogger blog, you must have seen the message:


Showing newest posts with label…………... Show older posts

Also when you search on blog ( default search box in blogger blog) you get following message before search results:
Showing newest posts for query ....………. Show older posts

Most of the blog owners don’t like this message box. If you want your blog to look proffessional, then it is very good to remove this box.

Till now on the I have seen many posts on the web regarding this, but most of them have provided a lengthy procedure and making a lot of changes in the code.

Here I am going to tell you a very simple trick to remove this message box. It involves adding only one line of code.

So here is the standard procedure to remove that box.

  1. Login to your Blogger account. Now you are on the blogger dashboard
  2. Click “Design” link and then Edit HTML tab
    img 1img2 
  3. Make sure to download your template before doing any code change. If in case, something goes wrong while editing the code, You can move to your original template.
    After downllading the full template
    Search for below code:


  4. Now just before that code, Insert the following code.

    .status-msg-wrap { display:none !important;}

  5. Now Click “Save Template” button, Now you have done it

Enjoy!!!!!!!!! Happy blogging