In this post, I'll concentrate on actually embedding the music (rather than adding widgets such as Last.fm playlists). You can see an example of embedded background music here and also further down this page...
The easiest method of adding background sound is to include a line like this in your blog template, just after the opening <body> tag:
where the URL is that of the background music you wish to use. This method works perfectly well, but visitors to your site will not be able to switch the music off if it becomes distracting.
This is achieved by including the following code somewhere in your template (eg: the sidebar):
You can change some of the variables to suit your needs:
autostart: set to "true" to make the music begin as soon as the page is loaded, or "false" to ensure the user has to press the play icon
loop: set to "true" to have the music play over and over, or "false" so that it plays only once.
height: if this is set to "40", only the play options will be visible. You can make this larger if you prefer, in which case blank space will be visible.
Using either method, you can link to .mp3, .mid or .wav music files. However, you must be aware of copyright restrictions, and ensure you have the appropriate permission for use for the music you decide to use!
Here are some sites I've used for copyright-free music you could use in your blog:
all of us know that the fastest way to increase your traffic and develop your blogger seo is adding social bookmarking button , now we’ll add new social bookmark button to your blogspot blog. the bookmark button made by addthis.com. and it allow your visitors to book mark your blog in alot of social bookmarking sites like :
1: go to addthis.com Click here (It will open in a new window )
2: you’ll see some options.
please choose the following.
- Which kind of button? sharing / bookmarking button. - Which look? choose the best style for you. - Where? Where do you want to put the button? on a blog. - Blogging Platform: Blogger
3:Then click ” get your free button >> ”
please see the next image.
When you click ” get your free button >> ” it’ll take you to another page.
you’ll see 2 more options. 1- Member Login. 2- Create a Free Account.
if you don’t have an account. please register a new one. it won’t take more than 30 seconds.
see the next image.
4: click ” create account ” button.
we are about to be done.
you’ll go to the next page. and there is another 2 more options.
add the regular button to my blog OR add the dropdown button to my blog
click on your favorite choice.
and it’ll redirect you automatically to your blogger account to add the widget to your blog.
what is the advantage of using a scroll to top or back to top widget? When you add the scroll to top widget you will get a button on the right corner and when a user clicks on it he can get back to the top of the blog.
This is a nice tip for you if your blog is now too long , this can cause a big problem for your visitors want to back to header.This widget is very simple , so you just have to add the code below and paste it to "HTML/Java Script" in Add A Gadget tab.
This is the second part of the tip about changing the author comment style to be different from the visitors, if you feel too hard to add the code in 1st tip you can easily follow this step but you will get the same result.
The image next to here is the screen shot, easy to understand.
After doing the coding work, all the comments made by you on your blog will be special.
To change your comment style please log in to Blogger, go to Layout -> Click on "Edit HTML" tab.Then click on "Expand Template Widgets"
Find this code : </head>
Then paste this code above it :
Cut n' Paste
Please notice the color codes , they will be moderated by you if you want to change some thing for it such as: font color, background color, position.
You can change the back ground by images,patterns,...too.But how ? Very easy, do you see the code "background: #F5EDE3; /* Background color*/"?
1. Choose a background to put on your profile. 2. Adjust the Position of the background. 3. Select your Image Scroll preference. 4. Select your Image Tile preference. 5. Click Preview to open the preview screen (new window will open). 6. Click the code box on the preview to highlight code 7. Right-click the hightlighted code and select copy to copy code (or use Ctrl-C) 8. Paste the code in the appropriate place on your webpage or profile.
If you want this Design then follow the given Procedure...
Copy (ctrl + c) this bellow code and Paste (ctrl +v)the in HTML !!