MP3 Player Widget 1.1

I have posted earlier an MP3 Player Widget for Blogger Blog [See This] which optionally hides the MP3 Download Link and replaces with a Player [See Demo Here]. Now I have modified the widget so that you can customize the player’s colour, Play and Stop Icons according to your Blog Template.

Code for this widget are based on various hacks of excellent scripts- Del.icio.us mp3 Playtagger javascript which has been modified for blogger.

How to Install this Widget:

  • Customize the player using the “Mp3 Player Widget Generator form” Given Below. If you don’t do this, widget will take default values.
  • Refer to the image given below for identifying different parts of the player. To change the colour values, click on the colour field in the form, a colour palette will popup where you can choose colour.
  • You may preview the sustomized player by clicking on the “Player Preview” Button.
  • Now click the “Apply” Button and then “Widget on Your Blog” button. A new window will open up which will take you to the blogger. If you are not already signed in to blogger, it will prompt you to “sign in”. Sign in there.
  • After this you “Add Page Element” Page will open. Now select your blog and click on button “Add Widget”.
  • Now a page element will get added in you blog, now If you want, you may change the location of “WAQI MP3 Player” Widget.
    [This completes widget installation]

How to make the Player appear in your Post:

  • Insert a keyword (e.g. MP301) in your post where you want the player to appear.
  • Select this keyword and hyperlink it to some desired mp3 file link which you have already uploaded somewhere on the web (There are so many file hosting services which offer free file hosting. E.g. Boxstr where you can upload your mp3 file and get the link) . Hyperlink must be a direct link like http://www.abc.com/PathToMp3File/Myfile.mp3 (e.g. http://waqidisk.googlepages.com/waqi_music.mp3)
  • If you are working in HTML mode you can do the same by adding the following code where you want the palyer to appear.
    <a href="http://www.abc.com/PathToMp3File/MyFile.mp3">MP301</a> 
  • [See Demo Here]



If you find bug, please comment so that I can make this widget better. If you want some help regarding this, you are welcome here.

WAQI mp3 player widget update

Hi all,

player imagesThese days, I am working on “WAQI MP3 Player” widget (note This widget is only for Blogger Blog) which I have posted earlier [See this], I am going to put an option through which one can modify the colors of different part of the player according to his blog layout and colors. Most of the part for this modified “WAQI MP3 Player” widget has been completed and I am fixing some bugs and will be available for you to add this customized player in you blog without knowing HTML or Javascript. Using this option, one will be able to customize the player colour, look and feel accoding to his choice. Also one will be able to change the Play and Stop button images.

I am giving this player widget name “WAQI MP3 Player” only just to find it quickly through search engines. Flash Player has been taken from 1pixelout.

To remain updated for the further post about this Subscribe to our Email Updates. If you want updates from this blog on your Dashboard, become the follower of this Blog.

How to prevent content theft from your blog

content-theft-300x266

I was navigating through the internet searching for some chicken recipes. I came to the" "whereincity.com" where I found so many recipes, veg as well as non-veg. I tried to copy the text so that I can refer it later  but it didn't worked. Even selection of the text was not possible. I started to look into their webpage's source code to see how they are preventing the text selection. Very soon I found the script and tried it to use on blogger and luckily it worked. I thought that it should be shared to other bloggers so here is the trick to do that.

Follow these few simple steps and modify your template.

  • Login to your blogger account.
  • Move to "layout”>"Edit HTML"
  • Backup you template so that you can have a copy of it if it get corrupted during the modification.
  • Now search for the "body"  tag as shown in the image below.
no content copy
  • Now replace this body tag with the following code
  • <body ondragstart='return false' onselectstart='return false'>
  • Now it will appear like this

no content copy2

  • Now click "Save Template" and you are done.

Now enjoy your safe blogging.

If you like this post. Plz become a follower of my blog. You can also subscribe in your email to remain updated.