How to make “contact us/Feedback” form using google resources only

Have you ever been wandering for personalized “Contact Us/Feedback” form for your webpage or blog. Now you will not have to worry about this. Google offers solution to this also. Using Google Docs you can enjoy this service free of cost.

Earlier, I was using [EmailMeForm] to do the same, their service is very good, but when google offers the same service under the same Google Account then there is no need to go for a third party service.

You can see an example form here [Example ‘Contact Us’].

Follow these few simple steps to create one for your blog.

  1. Login to Google Docs with your Gmail ID.
  2. Go to “Create new” tab and select “Form” from the dropdown menu.
    form1
  3. Now the form editor will open up. Give a name to your form.
  4. Add item” to your form from the “Add Item Tab” according to your requirement.
    form2
    Now save your form by Clicking on the “Save” button in your forn Editor.
  5. Go to the “More actions” button, and select “Embed”.
    form3
  6. After clicking on the “Embed” you will see a content box with the Embed Code. Now Copy that code. Now your form is complete.
  7. Now Write a New Post in you Blog. Paste your form code in the Blog Post editor by going in the “Edit HTML” mode.
    Go to the post option>
    Under the Reader Comments, select the Radio Button “Don’t allow
    Under the Post Date and time, select Radio Button “Scheduled at” and edit the date to some old date, so that this post doesn’t appear on your blog’s home page.
    form4 
    Now publish this Post. You may highlite this page by giving a separate link on you blog so that people easily find this.
  8. In this step you will have to set a notification in your email when a user fills this form.
    • Now again go to the form editor page.
    • Select “See responses” button, a dropdown menu will appear, select “Spreadsheet
      form5
    • Now the corresponding spreadsheet will open up in a new window.
    • Now Click “Share” Button, and select “Set notification Rules
      form6
    • A content Box will open up,  Now under the “Notify me at…” option, select checkbox “A user submits a form”, and under “Notify me with…”Select both the checkboxes.
      Now click on the “Save” Button and then “Done
  9. Now form installation is comlete.

For any suggesstion or query, please feel free to drop your comments here.

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.

MP3 Player Code Generator

Here is the form for generating scripts for online flash mp3 player. You can embed this code in orkut, myspace, blogger, wordpress or any other webpage.

What you can do here:
  • You may customize the color of the different parts of the player. For source of the mp3, you may copy the links from Apniisp, Funrocker etc.
  • You may change the source of the mp3 file (e.g. http://merajhindi.googlepages.com/Sare-Jahan-Se-Acha.mp3 ). Prefered encoding Bit rate 32kbps, Mono, CBR, Sampling rate 44.1KHz, 22.5Khz or 11.25KHz.
  • Player supports mp3 files only.

Name of the different parts of the player are shown in this image:

parts of the player


Copy and paste the above code in your orkut scrap, blogger posts or in any other webpage.

Flash MP3 Player Demo

Here, I have put some demos of the flash player which you can create using the Script Generator form.







Live Demo of MP3 Player

Click on the play Button to play a song.

Song 01   Song 01

Song 02   Song 02

Song 03   Song 03

Click here to install this player on your blog.

MP3 Player widget for blog

Guys, I am putting here a very simple and smooth mp3 player for your blog in the form of a widget which makes mp3 links palyable directly on your blog while optionally hiding the download link. Code for this widget are based on various hacks of excellent scripts- Del.icio.us mp3 Playtagger javascript which has been modified for blogger. Flash player used here has been taken from 1pixelout. Installation: Installation of this widget is very easy. Just click the button below, you will be redirected to blogger's page. Give the necessary informations there if required.


How to use this player: After adding this widget, just put the mp3 links of mp3 file in your blogger posts where you want the player to appear and you are done. You can put this link using following HTML code if you are writing your post in "Edit HTML" mode instead of "Compose" mode.

Example:
See this tutorial for free file hosting services where you can upload your mp3 files and hyperlink them. These mp3 links will automatically get changed in an image (on your blog) as shown here:

After clicking on that image, it will change to an image as shown below:

Simultaniously, you will see a payer just below that image, playing the mp3 file which you have hyperlinked. Sceenshot


Click here to view the live demo of mp3 player.