Κυριακή, 1 Μαΐου 2011

mp3 file to your blog (html gadget code) - mp3 player to blog Πηγή www.bloggertips.gr

Σήμερα θα δούμε πως μπορείτε να βάλετε αρχεία mp3 στο blog σας.
Έχετε κάποιο τραγούδι/ηχητικό απόσπασμα σε mp3 μορφή και θέλετε να το ανεβάσετε στο blog σας?

Δείτε παρακάτω πόσο εύκολο είναι να το κάνετε!

Αρχικά πρέπει να ανεβάσουμε κάπου το εν λόγω αρχείο. Εαν δεν έχετε server, προτείνω να κάνετε free account στο http://www.fileden.com/ και να ανεβάσετε εκεί τα αρχεία σας. Αν για κάποιο λόγο δεν σας ικανοποιεί το fileden ρίξτε μια ματιά εδώ. Επίσης όσοι γνωρίζετε καλά sites για free mp3 hosting, ας αφήσουν ένα σχόλιο.

Έτσι λοιπόν έχουμε ανεβάσει σε έναν server (δικό μας ή ξένο) το αρχείο μας και από εκεί παίρνουμε το url του αρχείου, δηλαδή τη διεύθυνσή του (http://fileden.com/ ..... .mp3). H διεύθυνση (το url) θα πρέπει να τελειώνει υποχρεωτικά σε .mp3

Ας πούμε ότι το τραγούδι που θέλουμε να βάλουμε είναι το http://www.fileden.com/files/2008/3/19/1823087/kai%20eixa%20tosa%20na%20soy%20pw.mp3

Ο html κωδικός είναι ο εξής:

<object data="http://natassaki.wordpress.com/wp-content/plugins/audio-player/player.swf" height="24" id="audioplayer1" type="application/x-shockwave-flash" width="160"><param value="http://natassaki.wordpress.com/wp-content/plugins/audio-player/player.swf" name="movie" />
<param value="&amp;bg=0xf8f8f8&amp;leftbg=0xeeeeee&amp;lefticon=0x666666&amp;rightbg=0xcccccc&amp;rightbghover=0x999999&amp;righticon=0x666666&amp;righticonhover=0xffffff&amp;text=0x666666&amp;slider=0x666666&amp;track=0x#fd7828&amp;border=0x666666&amp;loader=0x9FFFB8&amp;soundFile= http://www.fileden.com/files/2008/3/19/1823087/kai%20eixa%20tosa%20na%20soy%20pw.mp3" name="FlashVars" />
<param value="high" name="quality" />
<param value="false" name="menu" />
<param value="#fd7828" name="bgcolor" />
</object>

Τροποποιήσεις στον κώδικα:

1. Αλλάζουμε το http://www.fileden.com/files/2008/3/19/1823087/kai%20eixa%20tosa%20na%20soy%20pw.mp3 με το δικό μας αρχείο.

2. Αλλάζουμε το http://natassaki.wordpress.com/wp-content/plugins/audio-player/player.swf με τον δικό μας player, που δεν έχουμε, οπότε αφήστε το όπως είναι.

3. Αλλάζουμε το 24 στο height="24" με άλλο ύψος αν θέλουμε να το ψηλώσουμε. Το 24 είναι πάντως το ιδανικό ύψος.

4. Ομοίως και για το width="160"

5. Αλλάζουμε το χρώμα (#fd7828) στο <param value="#fd7828" name="bgcolor" /> αν δεν ταιριάζει το προεπιλεγμένο πορτοκαλί στη σελίδα μας. Τους κωδικούς χρωμάτων τους βρίσκουμε από το http://www.bloggertips.gr/2009/08/html-color-codes-and-names.html

6. Σβήνουμε τα:
<param value="high" name="quality" />
<param value="false" name="menu" />
<param value="#fd7828" name="bgcolor" />

και έτσι κάνουμε τον player μας σε small size. Δοκιμάστε το να δείτε!

Έτσι λοιπόν διαμορφώνετε τον κωδικό όπως θέλετε εσείς!

Πάμε Σχεδίαση> Στοιχεία Σελίδας> Προσθήκη gadget> HTML/JavaScript και εκεί επικολλούμε τον παραπάνω κωδικό για όσους δεν ξέρετε που να το βάλετε.