Add example image

README.md

@@ -14,6 +14,10 @@ Copy [soundcloud-user.html](./layouts/shortcodes/soundcloud-user.html) into your
 {{< soundcloud-user UserID >}}
 ```
 
+#### Example
+
+![Soundcloud user](./images/soundcloud-user.png)
+
 ### Playlist widget
 
 Copy [soundcloud-playlist.html](./layouts/shortcodes/soundcloud-playlist.html) into your `layouts/shortcode/` directory.
@@ -24,6 +28,10 @@ Copy [soundcloud-playlist.html](./layouts/shortcodes/soundcloud-playlist.html) i
 {{< soundcloud-playlist PlaylistID >}}
 ```
 
-## Note
+#### Example
+
+![Soundcloud playlist](./images/soundcloud-playlist.png)
+
+## Notes
 
-You can confirm UserID and PlaylistID by [SoundCloud HTTP API](https://developers.soundcloud.com/docs/api/reference).
+You can confirm `UserID` and `PlaylistID` by [SoundCloud HTTP API](https://developers.soundcloud.com/docs/api/reference).

layouts/shortcodes/soundcloud-playlist.html

@@ -1,8 +1,8 @@
 <iframe
   width="100%"
-  height="300" 
-  scrolling="no" 
-  frameborder="no" 
-  allow="autoplay" 
-  src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/{{ index .Params 0 }}&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true">
-</iframe>
+  height="450"
+  scrolling="no"
+  frameborder="no"
+  allow="autoplay"
+  src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/{{ index .Params 0 }}&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true">
+</iframe>

layouts/shortcodes/soundcloud-user.html

@@ -1,8 +1,8 @@
-<iframe 
-  width="100%" 
-  height="300" 
-  scrolling="no" 
-  frameborder="no" 
+<iframe
+  width="100%"
+  height="450"
+  scrolling="no"
+  frameborder="no"
   allow="autoplay"
-  src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/{{ index .Params 0 }}&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true">
-</iframe>
+  src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/{{ index .Params 0 }}&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true">
+</iframe>