TOP > Web > カスタマイズ > This Entry
Web

音楽好きのブロガーへ 聞いている曲をアートワークでブログに表示するブログパーツの設定方法

最近色々悩みながらちょこちょことブログをいじっているTaka(@t_matumoto0215)です。

最近導入したブログパーツで個人的にすごく気に入っているのがあるので紹介します。

聞いてる音楽のアルバムアートワークを表示する事ができる

ちょっとわかりにくいですがPC版のサイドの部分です。

▼拡大するとこんな感じです。

聞いてる音楽のアルバムアートワークを表示する事ができるパーツです。しかもYouTubeに飛ぶ事もできるんです。 これは音楽好きにはたまらない!

こんな感じで、アートワークの所にカーソルをもっていくとAmazonやiTunesへのリンクが現れます。

そして、黄色で囲まれた所でYouTubeに行き曲を聴くことができます。

なんて、便利なんだ!!

設定の仕方

まずはLast.fmに登録します。

これをしてないと始まりませんので。

登録はサイトの指示にしたがって簡単にできます。

Last.fm - オンライン最大の音楽カタログから無料で音楽・動画を視聴

Last.fm はあなたの Scrobble に支えられている世界最大オンライン・ミュージックカタログ。無料再生、動画、写真、統計データ、チャート、バイオ&コンサート。

次にiPhoneで聞いてる曲を反映させるため次のアプリをダウンロードします。

Last.fm Scrobbler
無料
(2017.04.29時点)
posted with ポチレバ

なお、写真の赤枠の所のScrobblingをオンにしていないとiPhoneで聞いた曲が反映されないので注意して下さい!

ブログパーツの設定

次にブログパーツの設定ですが、音楽方丈記っていうブログから公開されているので設定しました。

Last.fmチャート表示ブログパーツの新しいバージョンを公開しました

このブログに書いてある通りにすれば簡単にできます。ただ、簡単コード取得からはHTML コードを取得する事ができませんでした。うまく動いていないようです。



 <iframe border="0" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"  src="http://www003.upp.so-net.ne.jp/bjork/lastfm/chart.html? user=ここにユーザー名" style="width:166px;height:370px;"></iframe> 


なので説明文の中にコードを書いてあるのでそれをコピーし、Last.fmのユーザーコードを入力します。

あとは、自分のブログの好きな所に貼り付けるだけです。色々とカスタマイズもできるみたいですが自分はよくわからないのでいじってません。

まとめ

良かった点

  • 設定はかなり簡単にできる
  • 自分の聞いている音楽をシェアできる
  • ブログの見た目が華やかになる

問題点は今の所見当たりませんが、ごくたまに反映されていない時もあります。自己満足ですが、かなり気にいってます。音楽方丈記さんありがとうございます!!

みなさんも是非試してみてはどうでしょうか!?他の人の聞いてる曲を知るのも嗜好がわかりなかなかおもしろそうです。

Click to Copy Title & URL
最新記事をチェック
follow us in feedly

Recommend

スマホ表示に切り換える
The Path
Copyright © The Path 2012-2017.