Pocketは最近人気のあとで読む系サービスです。 あとでこの記事読みたいなぁといったときに手元に保存しておけるので便利。 だいぶ人気があるので、遅ればせながら当ブログにもPocketのブログパーツを導入しました。 導入時、思い通りに埋め込めなかったのでその対処法について紹介します。 まず「Pocketのブログパーツページ」にアクセスしましょう。 そもそもこのページを見つけるのにも一苦労…。 埋め込みたいブログパーツを選んで、そのまま埋め込みコードをコピーしましょう。 そのままブログのテンプレートに埋め込んでみました。 なんだこれ…改行される…! 色々試した結果、下記のCSSを適用すれば改行問題が解決しました。 (Chrome, Firefox, Safariで確認済) [下記のCSSを適用すればOK] .pocket-btn{ display:inline-block; }
![「Pocket」のブログパーツを改行せず設置する方法 : 二十歳街道まっしぐら](https://cdn-ak-scissors.b.st-hatena.com/image/square/e4bd9b205c6647b0bbdfa5dae3b2945f2238860a/height=288;version=1;width=512/http%3A%2F%2F20kaido.com%2Farticle%2F2014%2F03%2F02%2F01.jpg)