How to show a song, track, album or artist from Spotify in Blogger

<b>This article shows how you can embed tracks or albums from Spotify in your blog or website, even if you don't use Spotify yourself.</b> <br /><b><br /></b> <b><br /></b> <br /><div style="clear: both;"></div><a name="more"></a><h2>About putting tracks from Spotify onto your website</h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBDG_259KRxbbWEmzbP1d7viXiC3xnH0uonog94cMbfwdCxZsANVrcoL-oR7xQVvJHyt6zYNKNMyw6ThUuXk-byhe4bqKl8dLRa8kM8UN3Ve_Ud6pGIRo5MfG0AXZKroQUMZpxyYSXJqU/s1600/how-to-embed-content-song-track-album-person-into-my-blog-or-website.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="703" data-original-width="970" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBDG_259KRxbbWEmzbP1d7viXiC3xnH0uonog94cMbfwdCxZsANVrcoL-oR7xQVvJHyt6zYNKNMyw6ThUuXk-byhe4bqKl8dLRa8kM8UN3Ve_Ud6pGIRo5MfG0AXZKroQUMZpxyYSXJqU/s320/how-to-embed-content-song-track-album-person-into-my-blog-or-website.png" width="320" /></a></div>If you have a blog / website about music, then you probably want to share clips with your readers.<br /><br />Many music and video hosting sites let you do this by embedding them: this means that you allow YouTube (or SoundCloud or Vimeo, etc) to use some space on your site to show a particular piece of their content, with their logo / brand attached to it. They do this because it gives them exposure - and you get to keep the visit on your site instead of sending them away.<br /><br />There are some music-recordings which are on Spotify, but aren't on any of the other music systems. Today, when I google "how to embed from Spotify, I get instructions which say "just right-click on the item in Spotify, and choose embed"  (sometimes using slightly different words) - like this:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP-5fU9CTSiQ2ftTBUpXXmKd5WIAUdcPGTKTNS1AMr2nX8eLUAKgnuAvqLTLMjWc3fGKY3YH513MxffoueLVaKXPUlT4lr6vsu58j2FSDIVm4gkiRIlnAnyWFm8JG_NSmm5OurH4gZ9PaF/s1600/spotify-copy-embed-code-right-click-option-missing-how-to-get-code-for-website.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="275" data-original-width="642" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP-5fU9CTSiQ2ftTBUpXXmKd5WIAUdcPGTKTNS1AMr2nX8eLUAKgnuAvqLTLMjWc3fGKY3YH513MxffoueLVaKXPUlT4lr6vsu58j2FSDIVm4gkiRIlnAnyWFm8JG_NSmm5OurH4gZ9PaF/s640/spotify-copy-embed-code-right-click-option-missing-how-to-get-code-for-website.PNG" width="640" /></a></div><br /><br />However when I right-click on a track in Spotify, the "Copy Embed Code" option is missing.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3wEKT1T1AIirjoKZuSxMsNSxC8RnOdUPce5DgF7itAFX7hcCaeyvwev4tuYxrjireUN0ptWUAL1IgcV6jqLAa3cfi0Bug_6nfzr3TBZKNvVqsmSYPvAknv9uSK-iTyh4IQ24x9d9onbgG/s1600/right-click-options-from-track-in-spotify.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="279" data-original-width="375" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3wEKT1T1AIirjoKZuSxMsNSxC8RnOdUPce5DgF7itAFX7hcCaeyvwev4tuYxrjireUN0ptWUAL1IgcV6jqLAa3cfi0Bug_6nfzr3TBZKNvVqsmSYPvAknv9uSK-iTyh4IQ24x9d9onbgG/s400/right-click-options-from-track-in-spotify.PNG" width="400" /></a></div><br /><br />I'm not sure if this is because I don't have a Premium subscription, because of some issue with my browser, or just because Spotify changed their system but didn't update their documents.<br /><br />Fortunately I've found that there is a Spotify tool you can use to generate the embed code.<br /><br /><br /><br /><h2>How to show a song, album, artist or playlist from Spotify in your blog / website</h2><br />1   Find the item (song, track, album or artist) that you want to embed<br /><br />2   Right click on it, and <b>choose Copy <<Whatever>> :Link</b>    (eg   Copy Song Link   or Copy Playlist Link)<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaRmdHkp0NI7TCw70WlVL2qqdpX9yrvu_dnMQ0ei1rT6fBjyn9oHt31jju9tQppC96DxFyRrEhAnxkwu0CEH6ftIe0Iu3c7yTqV7yTApos_dhETPzwoH6to4yyoubHkp56QBSehjFWlsp4/s1600/copy-song-track-album-title-playlist-artist-link-spotify-right-click-menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="490" data-original-width="844" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaRmdHkp0NI7TCw70WlVL2qqdpX9yrvu_dnMQ0ei1rT6fBjyn9oHt31jju9tQppC96DxFyRrEhAnxkwu0CEH6ftIe0Iu3c7yTqV7yTApos_dhETPzwoH6to4yyoubHkp56QBSehjFWlsp4/s400/copy-song-track-album-title-playlist-artist-link-spotify-right-click-menu.png" width="400" /></a></div><br /><br />3   Go to this webpage (opens it in a new tab or window when you click it):   <a href="https://developer.spotify.com/technologies/widgets/spotify-play-button/" style="font-weight: bold;" target="_blank">https://developer.spotify.com/technologies/widgets/spotify-play-button/</a><br /><br /><br />4   Scroll down to Get the Code, and paste the copied value into the box<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh40nVB1bh7YYi8FmtzW67JNq2ZWiUCyk7UPu0h7GZUHCiEnXwVAQYRAUJfIDPZBRYERPXRWyhYADQDWLhMVFLBvBDK9O5_LAgIMcz6XJMsjhxVJyzkU8LLQm8OndFNfQpaqwRufyVQJ5yd/s1600/paste-it-here-where-to-put-item-link-from-spotify-to-get-website-lint.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="221" data-original-width="868" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh40nVB1bh7YYi8FmtzW67JNq2ZWiUCyk7UPu0h7GZUHCiEnXwVAQYRAUJfIDPZBRYERPXRWyhYADQDWLhMVFLBvBDK9O5_LAgIMcz6XJMsjhxVJyzkU8LLQm8OndFNfQpaqwRufyVQJ5yd/s640/paste-it-here-where-to-put-item-link-from-spotify-to-get-website-lint.PNG" width="640" /></a></div><br />5    <b>Copy the code </b>which is put into the box under step 3.<br /><br />6    For Blogger, install it into your blog <a href="http://blogger-hints-and-tips.blogspot.com/2010/10/putting-html-code-from-third-party-into.html" target="_blank">the same way you would install any other HTML code</a>.      For other tools, eg Wordpress.org, follow the usual approach for embedding code<br /><br /><br /><h2>Job done!</h2>You will now have an item from Spotify displaying in your blog.<br /><br />What exactly it <b>looks like </b>depends on the type of item, and perhaps where you put it.<br /><br />What this embedded item <b>does</b>  (eg does it play a readder clicks on it) depends on<br /><ul><li><b>Your visitor's status:  </b>Spotify members see the whole thing, free-service members only see a 30-second clip<b>, and</b></li><li><b>Where</b> they are viewing it from ie does the country they are accessing the internet from have rights to see the material you shared</li></ul><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhvmBQPqeEprgMde9vcTWSgwooj2D4ZMv3J7tnGtnQUSfNor4cEsgueOh3FU3kWyL3zzv3FEjsn313Q7RKhn57q-SRf58Gs0KdfdE-dl0D6_BPaMyk-1p8KGSuNuwFe2w0NxQWdFY31tD/s1600/the-30-second-preview-for-this-item-is-not-available-in-your-country.PNG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="380" data-original-width="324" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhvmBQPqeEprgMde9vcTWSgwooj2D4ZMv3J7tnGtnQUSfNor4cEsgueOh3FU3kWyL3zzv3FEjsn313Q7RKhn57q-SRf58Gs0KdfdE-dl0D6_BPaMyk-1p8KGSuNuwFe2w0NxQWdFY31tD/s320/the-30-second-preview-for-this-item-is-not-available-in-your-country.PNG" width="272" /></a></div><h2>Troubleshooting</h2>If you try to embed somehthing, then visitors to your website who are accessing the internet from another country if the "content owner" (ie person who made the album, track, etc that you're embedding) has given permission for this.<br /><br />If they don't have this permission, you may see a response like the one to the right.<br /><br /><br /><br /><br /><br /><br /><br /><hr /><h2>Related Articles</h2><a href="http://blogger-hints-and-tips.blogspot.com/2010/10/putting-html-code-from-third-party-into.html" target="_blank">How to install code from 3rd parties into Blogger</a>

How to show a song, track, album or artist from Spotify in Blogger

This article shows how you can embed tracks or albums from Spotify in your blog or website, even if you don't use Spotify yourself. ...

Read more »

How to put posts into pages in Wordpress - without using a plug-in

<b>This article shows how to set up your blog made with Wordpress so that that (it looks like) your posts are on separate web-pages, without needing to install any plugin.</b><br /><b><br /></b> <b>(For this task, the answers for Wordpress.org and Wordpress.com are so very similar that they have been combined into the one article.)</b><br /><br /><br /><div style="clear: both;"></div><a name="more"></a><h2></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgForuen1hfhXg58U6q5NN2gpUVX6yLcvsBus8B4z9S_T9LxVUQqRZQBkGGFuJxUfD5K2BeXtHa6syMbJBvpsF30kwt_pcFASrJMjSm_0oKTBrJRbm9PtROJSJpUiFGAR99EYbXWBwYpSx4/s1600/how-to-put-posts-into-pages-blogs-made-with-wordpress.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="1081" data-original-width="1185" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgForuen1hfhXg58U6q5NN2gpUVX6yLcvsBus8B4z9S_T9LxVUQqRZQBkGGFuJxUfD5K2BeXtHa6syMbJBvpsF30kwt_pcFASrJMjSm_0oKTBrJRbm9PtROJSJpUiFGAR99EYbXWBwYpSx4/s320/how-to-put-posts-into-pages-blogs-made-with-wordpress.png" width="320" /></a></div>Wordpress, like most blogging platforms, is basically made up of Posts, Pages and Widgets (aka gadgets).<br /><br />People who are building blogs often want to "put posts into pages" ie to have a page which shows a subset of their posts, based on the category.   <br /><br />The standard, but unsatisfactory, answer is<br /><blockquote>"<i>Sorry, that's not how Wordpress works.   Static pages are used for reference information that doesn't change often, which you don't want to be part of your regular post-feed, but which you do want users to have easy access to.</i>"</blockquote><br /><b>Luckily it's easy to set up your blog so that it looks like your posts are on different pages </b>by following three simple steps.   This is an out-of-the box function and <b>no plug-in's are required.</b><br /><br /><br /><br /><h2>Follow these steps to put your posts into pages</h2><br /><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrGCSPXfs3C0rqfTaFq4vfdHCoYVQZEi8p81DMADb5L2G7xP8H15DoSHh_MUihGWAwMTOPRowvR0k_btItT7rXjg-YY3urkTCvgzYfrvUoHnsemDuhEaUUQOWQpViYNKViriiRcSRpgQj9/s1600/add-category-to-a-post-in-wordpress.PNG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="375" data-original-width="384" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrGCSPXfs3C0rqfTaFq4vfdHCoYVQZEi8p81DMADb5L2G7xP8H15DoSHh_MUihGWAwMTOPRowvR0k_btItT7rXjg-YY3urkTCvgzYfrvUoHnsemDuhEaUUQOWQpViYNKViriiRcSRpgQj9/s200/add-category-to-a-post-in-wordpress.PNG" width="200" /></a></div>1   Add Categories to your posts</h3>Edit each post, and add one or more Categories to it.   <br /><br />It's your choice whether to add a Category to all posts, or just the ones that you want to show up on specific page-look-alike ones.<br /><br /><br /><div style="clear: both;"></div><h3>2 Make a menu</h3>Skip this step if your blog already has a primary menu.   But if it doesn't:<br /><br /><h4>Wordpress.org users:</h4><ul><li>In your Wordpress dashboard, go to <b>Appearance > Menus</b></li><li>Enter a name for the menu.   fyi, this name isn't displayed, it's just used to help you know which menu is which,  I usually call it   topMenu</li><li>Under <b>Menu settings > Display Location</b>, click   Primary menu</li><li>Click the <b>Save Menu</b> button</li></ul><br /><h4>Wordpress.com users</h4><ul><li>In your Wordpress dashboard, go to  <b>Customize > Menus > Add a menu</b></li><li>Enter a name for the menu.   fyi, this name isn't displayed, it's just used to help you know which menu is which,  I usually call it   topMenu</li><li>Click <b>Create Menu</b></li><li>Under <b>Display Location</b>, click   Primary menu</li><li>Click the <b>Save and Publish</b> button</li></ul><br /><h3>3   Add each Category that you want a page for to the menu</h3>In the Wordpress dashboard:<br /><ul><li>Wordpress.org users, choose  <b>Appearance > Menus</b></li><li>Wordpress.com users, choose <b>Customize > Menus</b></li></ul><br />Choose the menu which you want people to use to a page of posts  (mostly this will be the primary menu - but in theory you could use any one).<br /><br />Wordpress.com users - you also need to click <b>Add Item</b> here, to open the next screen.<br /><br />In the screen that opens, there are four types of items that you can add to a menu.   Click on the <b>drop-down arrow beside Categories</b> to see the current list of category values which you have added.<br /><br />Select the Category-value(s) that you want to have pages for, and click the <b>Add to Menu</b> button.<br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRmCl5NKuu-yXnooxGvkk98-jaLwuGT3jTUmGfbLJvKgm-8uQ1KVEJKaZM5C-IH35jfCW5VDRvCktdGBaUaWnSkrEDg8N5whht7HroXBVRLAjbIVhZ7iAWfTgTFCCHrbPQNXbhpoKID0gT/s1600/add-posts-to-pages-in-wordpress-using-menu-and-categories.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="572" data-original-width="1096" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRmCl5NKuu-yXnooxGvkk98-jaLwuGT3jTUmGfbLJvKgm-8uQ1KVEJKaZM5C-IH35jfCW5VDRvCktdGBaUaWnSkrEDg8N5whht7HroXBVRLAjbIVhZ7iAWfTgTFCCHrbPQNXbhpoKID0gT/s640/add-posts-to-pages-in-wordpress-using-menu-and-categories.PNG" width="640" /></a></div><br /><br />This will add the selected category values to the "Menu Structure" section.   <br /><br /><b>Drag-and-drop </b>them up and down the list to change the order of the items on the menu.<br /><br />When you are happy with the order, click the <b>Save Menu</b> or the <b>Save and Publish</b> button.<br /><br /><br /><h3>3   Optional:  Deal with the home-page</h3>By default, Wordpress blogs show posts on the home page, as well as on the "Category pages" for the categories you have assigned to them.<br /><br />You can stop this by choosing <br /><ul><li>Wordpress.org users: <b>    Appearance > Customize > Static front page</b>   </li></ul><ul><li>Wordpress.com:    <b>Customize </b><b> > Static front page</b>   </li></ul>and clicking the <b>Static Page</b> radio button.<br /><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br /><br />Next, under the <b>Front Page </b>drop-down box, either<br /><ul><li>Choose one of your existing Pages or</li><li>Use the Add New link to create a new Page  (you can edit the contents later).</li></ul><ins class="adsbygoogle" data-ad-client="ca-pub-4862549906412680" data-ad-format="fluid" data-ad-layout="in-article" data-ad-slot="3409801940" style="display: block; text-align: center;"></ins><br />And under <b>Post Page</b>, either<br /><ul><li>Choose one of your existing Pages or</li><li>Use the Add New link to create a new Page</li></ul><div>Note that this step is optional:   if you do it, you also need to edit your Menu (see step 2 above),  and add the selected Page to your menu.    If  you don't do this, then you need to have set up some other method for people visiting your blog to get to the posts.</div><div><br /></div><ins class="adsbygoogle" data-ad-client="ca-pub-4862549906412680" data-ad-format="fluid" data-ad-layout="in-article" data-ad-slot="3409801940" style="display: block; text-align: center;"></ins><br />Click <b>Save and Publish    </b>(at the top of the sidebar), to make these changes take effect.<br /><br /><br /><h2><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNAw8ieHjciDaKJ6QO5s36ugZ8lWKoD3IIQ4Nk1zDoblbynPu7uXxLu1HSYtMcMw_aKV7feREQc3vF8Ys1Q1QxmFwfeIMrkGnm4Oq0RxYwHfaguCjG92JCv-hLRNS91fL0S5ZZITAPi4o_/s189/Job-done-thumbs-up-success-icon.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNAw8ieHjciDaKJ6QO5s36ugZ8lWKoD3IIQ4Nk1zDoblbynPu7uXxLu1HSYtMcMw_aKV7feREQc3vF8Ys1Q1QxmFwfeIMrkGnm4Oq0RxYwHfaguCjG92JCv-hLRNS91fL0S5ZZITAPi4o_/s1600/Job-done-thumbs-up-success-icon.png" /></a> Job Done</h2>It really is that simple.  Your readers can now click on the "pages" in your blog from your menu, and see a list of posts for the Page that they chose.<br /><br />Even better, if some posts relate to more than one topic, they show up on <i><b>all</b></i> of the relevant pages.   <br /><br /><br /><br /><hr /><h2>Related Articles</h2><i>Coming soon.</i>

How to put posts into pages in Wordpress - without using a plug-in

This article shows how to set up your blog made with Wordpress so that that (it looks like) your posts are on separate web-pages, without ne...

Read more »