「Pocket」のブログパーツを改行せず設置する方法
pocket
Pocketのブログパーツを改行なしで
Pocketは最近人気のあとで読む系サービスです。
あとでこの記事読みたいなぁといったときに手元に保存しておけるので便利。
だいぶ人気があるので、遅ればせながら当ブログにもPocketのブログパーツを導入しました。
導入時、思い通りに埋め込めなかったのでその対処法について紹介します。
あとでこの記事読みたいなぁといったときに手元に保存しておけるので便利。
だいぶ人気があるので、遅ればせながら当ブログにもPocketのブログパーツを導入しました。
導入時、思い通りに埋め込めなかったのでその対処法について紹介します。
Pocketのブログパーツを綺麗に埋め込む
まず「Pocketのブログパーツページ」にアクセスしましょう。
そもそもこのページを見つけるのにも一苦労…。
埋め込みたいブログパーツを選んで、そのまま埋め込みコードをコピーしましょう。
そのままブログのテンプレートに埋め込んでみました。
なんだこれ…改行される…！
色々試した結果、下記のCSSを適用すれば改行問題が解決しました。
(Chrome, Firefox, Safariで確認済）
[下記のCSSを適用すればOK]
そもそもこのページを見つけるのにも一苦労…。
埋め込みたいブログパーツを選んで、そのまま埋め込みコードをコピーしましょう。
そのままブログのテンプレートに埋め込んでみました。
なんだこれ…改行される…！
色々試した結果、下記のCSSを適用すれば改行問題が解決しました。
(Chrome, Firefox, Safariで確認済）
[下記のCSSを適用すればOK]
.pocket-btn{
display:inline-block;
}
このように一行にソーシャルボタンを並べることができました。
Pocketのブログパーツ埋め込み時に改行されて困っているという方はお試しください。
本記事で紹介したサイト
この記事をみた人はこんな記事も見ています
前後の記事もどうぞ
この記事をブックマーク/共有する
トラックバックURL
このブログを購読しますか？
FeedlyなどのRSSリーダーを使うと、このブログの更新情報をいち早くキャッチできます。このブログのRSS（http://20kaido.com/index.rdf）を登録すれば、更新されるたびに概要（記事タイトル・冒頭）が手に入ります。
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
管理人へ連絡する・メール
[email protected]
・Twitter
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
[email protected]
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
記事公開日：2014年03月26日 コメント（0）
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント
コメントする
