Quite a few motherboards are like the one in the picture you posted, and actually a have a legend printed on to the board next to where the jumpers are. If yours doesn't then read the manual that came with it. If you bought it without a manual, you will need to figure out the model number or it's very hard to help you.
edit: Also, HP do have a tech support forum. I'm sure they can help you identify your motherboard.
The image was posted to represent the pins i have. I have connected then appropriately but i still get error.
By pins i mean the plastic sqare thing that goes onto pin(gnd, data+, data-, 5v)
Usually the front usb/audio cables are supplied by your case, which is of a different manufacturer from your mb. What I have seen in the past is the front usb/audio cables are usually individual connectors, not an 8x2 connectors as your MB conveniently expected. You need to wire them manually, plugging the right connectors to the right pins.
How do you know which pins to plug? Look up your motherboard manual, OR right on your motherboard, next to the pins. They have labels to show which pins correspond to what. Look at the image that you posted, there's a table right next to it that says "FRONT PANEL" and "FRONT PANEL AUDIO CONFIG". Decipher it, and you should be good to go.
If still broken, probably your new MB is broken. Check your BIOS to see if you can disable the front audio/usb to get rid of the annoying errors.