Menu

Lovely Cute
  • More Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Dream Fun Product

    Drop Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Home
  • About
  • Contact
  • Sitemap
  • Others
    • Gambar Lucu
    • Infografis
    • Inspirasi
    • Motivasi
    • Photoshop
    • Teka-teki
    • Tips
    • Ucapan

Quicker BD

  • Menu
  • Home
  • Blogger
    • SEO
      • SEO 1
      • SEO 2
    • CSS
      • CSS 1
      • CSS 2
      • CSS 3
      • CSS 4
      • CSS 5
    • Jquery
      • Jquery 1
      • Jquery 2
  • Music
    • Product 1
      • Sub Item
      • Sub Item
    • Product 2
      • Sub Item
      • Sub Item
  • Flat UI
  • Features
Home » Blogger Tutorial » Blogger Widget » How-to » How to Embed Audio MP3 Player In Blogger Post

How to Embed Audio MP3 Player In Blogger Post

Why you should embed audio MP3 files to your blogger post. ? Well, honestly speaking, I don't know. Because there can be many reason of adding audio MP3 to your blogger post also all reason may be different than each other by person. I used to embed MP3 player in my one of music niche blog. and one of my friend used to embed MP3 player to his blog to reproduce the songs to his blog's readers. So, thus, if you are in need of embedding audio MP3 player to your blogspot post, sidebar, or anywhere in your blog, Then it is possible in an awesome way. In this tutorial i would like to share how you can embed audio MP3 player to your blog using SoundCloud.

Also see : How to Embed YouTube Videos In Blogger Posts


How to Embed Audio MP3 player In Blogspot Post ?

First of all go to soundcloud website [Link] and create your account manually or also you can create your account in one click by connecting with your Facebook account. After the sign up, log in to your account and look for "Upload" button which located into top bar. Click on it to upload MP3 file. actually, you will be direct to the upload page. where you will have to click "Choose file" to choose an MP3 file which you want, from your computer.

Now it will take some times to get uploaded. Set tags, description, and some of advanced options while file is in process. Once the file get uploaded successfully, Click a link "Go to your sound" then your music file will open on SoundCloud website. There you can see some options for it such as Like, Repost, Add to set, Share etc. Choose "Share" from it and click on it to see the option of sharing that music on social network sites. To get embed code of that music player look at "Widget code" . Copy the widget code ( You can edit your music file by clicking on "pencil icon") .

Well, that widget code is embed code of that audio MP3 player which you can embed to your blogger post by navigate to post editor, simply switch to the HTML mode and paste the embed code anywhere you would like to be displayed in your post.

Also you can embed audio MP3 player in your blog's sidebar by adding a widget. Learn more about how you can add widget gadget to your blogspot blog.

Drop your comments and questions below.
Add Comment
Blogger Tutorial Blogger Widget How-to

Share

Like

G+

Tweet

Tweet
Related Posts

Show Conversion CodesHide Conversion Codes
Show EmoticonHide Emoticon
Newer Older Home
Powered by Blogger.

Weekly Posts

  • How to Add A Transparent Notification Bar To Blogger
    How to Add A Transparent Notification Bar To Blogger
  • Xmas "Flying Santa Claus" Widget for Blogger
    Xmas "Flying Santa Claus" Widget for Blogger
  • Supreme V2 ( Version 2) Responsive Blogger Template Download for free
    Supreme V2 ( Version 2) Responsive Blogger Template Download for free
  • How to Add Animated Flying Android Man Widget to Blogger
    How to Add Animated Flying Android Man Widget to Blogger
  • Create a Free Blog with Blogspot.com
    Create a Free Blog with Blogspot.com
  • How to Embed YouTube Videos In Blogger Posts
    How to Embed YouTube Videos In Blogger Posts
  • Use A Drop Cap Large First Letter In Posts On Blogger
    Use A Drop Cap Large First Letter In Posts On Blogger
  • Download Best and SEO Friendly Blogger Templates for your Blog
    Download Best and SEO Friendly Blogger Templates for your Blog
  • Flash SWF file Embed Code Generator
    Flash SWF file Embed Code Generator
  • Simple Recent Posts Widget for Blogger / Blogspot
    Simple Recent Posts Widget for Blogger / Blogspot

Blog Archive

  • ►  2017 (2)
    • ►  October (1)
    • ►  May (1)
  • ►  2016 (5)
    • ►  October (1)
    • ►  September (1)
    • ►  March (1)
    • ►  February (2)
  • ►  2015 (28)
    • ►  November (1)
    • ►  September (7)
    • ►  August (2)
    • ►  July (1)
    • ►  June (1)
    • ►  April (3)
    • ►  March (3)
    • ►  February (5)
    • ►  January (5)
  • ▼  2014 (105)
    • ►  December (4)
    • ►  November (6)
    • ►  October (1)
    • ►  September (8)
    • ►  August (12)
    • ▼  July (14)
      • Related Posts Widget with Thumbnails and Summary f...
      • How to Embed Audio MP3 Player In Blogger Post
      • Recent Posts With Thumbnails For Particular Label ...
      • Add Background Color or Image in Blogger Posts Usi...
      • Customize Blogger Threaded/Nested Comments with CSS
      • Simple Recent Posts Widget for Blogger / Blogspot
      • How to Add Flash Animated Label Cloud Widget to Bl...
      • Supreme Blogger Template (Responsive) Free Download
      • How to add alexa rank widget to blogger / website
      • How to Redirect Blogger 404 Error (Page Not Found)...
      • How to Add Custom Popular Posts Widget to Blogger
      • How to Add CSS Code in Blogger Template
      • Add Stylish Most Commented Posts Widget to Blogger
      • How to create sitemap page in blogspot blog
    • ►  June (5)
    • ►  May (11)
    • ►  April (5)
    • ►  March (15)
    • ►  February (24)

Labels

  • Facebook
  • twitter
  • googleplus
  • linkedin
  • youtube
  • flickr
  • vimeo
  • deviantart

Copyright Quicker BD 2018

Published By Gooyaabi Templates