Here is the html to have music play when you land on a blogger page or a blogger post
Most of the time I chose a variation of this: get a widget of html code from the share selection under a YouTube video called "Embed" and just choose one that just has a single image the entire time the video audio is playing, I do not have an example of that on here but I do have 5 examples of YouTube videos where you both see the video and hear the audio on either a blogger page, a blogger post, the blogger homepage or
facebook post,
Example number 1, on the homepage near the bottom
255,446 views as of 7/28/2018
Facebook Example
If you visit TimandLindiSmith on Facebook you will find a soundcloud widget on their wall posted there by me yesterday. I put this html code
<iframe allow="autoplay" frameborder="no" height="300" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/336368349&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true" width="100%"></iframe>Most of the time I chose a variation of this: get a widget of html code from the share selection under a YouTube video called "Embed" and just choose one that just has a single image the entire time the video audio is playing, I do not have an example of that on here but I do have 5 examples of YouTube videos where you both see the video and hear the audio on either a blogger page, a blogger post, the blogger homepage or
facebook post,
Example number 1, on the homepage near the bottom
HOW TO GET STARTED WITH BLOGGER
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/a6TX3eYqklo" width="560"></iframe>
Example number 2, on the homepage on the bottom
POPULAR VIDEO
This video is one of many produced by my youngest son Kevin Livermore
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/xleuk2dHWY4" width="560"></iframe>
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/xleuk2dHWY4" width="560"></iframe>
Example number 3, on the post https://webmaster220.blogspot.com/2018/07/blog-post.html
THURSDAY, JULY 26, 2018
Beethoven on Piano for Elephant's in Thailand
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/RKcks_4uLmA" width="560"></iframe>
Example number 4, on the page https://webmaster220.blogspot.com/p/and-my-soul-knows-very-well.html
That block above is near the bottom of the blog post
Example number 5, on the post https://webmaster220.blogspot.com/2018/07/psalm-139.html near Psalm 139 verse 14
Psalm 139 (Wonderfully Made) by Danielle Rose That block above is near the bottom of the blog post Psalm 139:14 I praise you, for I am fearfully and wonderfully made
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/iXaPwHPqJi4" width="560"></iframe> 255,446 views as of 7/28/2018
Wonderful are your works
Example number 6, on the post https://webmaster220.blogspot.com/2018/07/psalm-139.html the top of the document
This Psalm is loved so much that there are lots of versions of songs with different music but this psalm's words as the lyrics, including a version by me, Rick Livermore. Maybe you have heard me sing it. If not I recorded it here when my four sons were just screaming children who can be heard in the background to the song..the html code for the soundcloud widget is as follows.<iframe allow="autoplay" frameborder="no" height="300" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/336368349&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true" width="100%"></iframe>
Example number 7, on the post https://webmaster220.blogspot.com/2018/07/psalm-139.html directly above the
Appendix Bibliography
you will find The Bible Experience:
The html code for the soundcloud widget is as follows
<iframe allow="autoplay" frameborder="no" height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/195077945&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%"></iframe>
The examples below are not repeats of html code found elsewhere on my webmaster220.blogspot.com site, they just got on the site as a part of this blog post you are now reading
Next is grabbing html from Iheart Radios homepage.
I did it to add it to this blog post
The following page describes a menu of options here: https://help.iheart.com/hc/en-us/articles/115000879272-How-do-I-add-iHeartRadio-to-my-website-
I decided to grab this html code from one of the artists I currently have in a group called "My Stations"
---<iframe allow="autoplay" width="300" height="400" src="https://www.iheart.com/artist/michael-gungor-90307/?embed=true" frameborder="0"></iframe>---
The following page describes a menu of options here: https://help.iheart.com/hc/en-us/articles/115000879272-How-do-I-add-iHeartRadio-to-my-website-
I decided to grab this html code from one of the artists I currently have in a group called "My Stations"
---<iframe allow="autoplay" width="300" height="400" src="https://www.iheart.com/artist/michael-gungor-90307/?embed=true" frameborder="0"></iframe>---
Facebook Example
If you visit TimandLindiSmith on Facebook you will find a soundcloud widget on their wall posted there by me yesterday. I put this html code
there, watched Facebook suck the html and present a picture of me with a hand instead of an arrow when you hover over the photo (in the background Facebook linked the photo to my soundcloud song file with a graphic audio sound player) as well as going into the area where I type my own words relating to why I chose to share the sound player with them. As every Facebook posting professional does, I hand deleted the html code from the area where I posted my own words, seeing the photograph of me that was on Soundcloud's servers as a confirmation that my photo was the initial indication of a soundcloud widget that was now linked to a post on their wall that by then was fully formed. I clicked Post to the Public which has since been edited to be Friends. When you read the post and hover over my picture you see the mouse arrow change to a hand. Clicking when it is a hand takes you to the background music player widget here on the soundcloud server. After doing this type of thing a couple of times it becomes a faster and faster skill and it requires less time and energy than learning the steps to work in the blogspot environment.
You have reached the end of the Blog Post.
No comments:
Post a Comment