LinkWithin:関連記事を横に2つずつ並べる

イントロダクション

ブログ内の関連記事を一覧で表示してくれる「LinkWithin」というブログへ埋め込めるサービスがあります。

以前、LinkWithin にスタイルシート(CSS)を適用して、関連記事の一覧を一般的な横並びではなく、縦並びにしてみました。

LinkWithinの記事一覧を横ではなく縦に表示したい！CSS変更でやってみた！
http://upa-pc.blogspot.com/2015/02/linkwithin-css-posts-vertical.html
Dr.ウーパのコンピュータ備忘録

今回は、その時の知見を活かして、関連記事を横に 2 つずつ並べるように、CSS を適用してみます。

LinkWithinの特徴：ページ公開後、すぐに関連記事が表示される！

イントロダクション

このブログでは、関連記事を表示するために「LinkWithin」と「zenback」を使用しています。
(2015/2/10 現在）

LinkWithin:関連記事のURLが直リンクのように見えるのに、LinkWithinのページを経由する理由

イントロダクション

このブログでは、各投稿の関連記事をリストアップして、ユーザへ提示するのに、LinkWithin というサービスを使用しています。

LinkWithinのフォントサイズを変える！cssのfont-sizeを強制適用

イントロダクション

「LinkWithinのフォントを変える！cssのfont-familyを強制適用」では、LinkWithin の関連記事のタイトルに使用されている標準のフォントを変更し、ブログで使われているフォントと同じものを適用するスタイルシートを作成しました。

今回は、LinkWithin の関連記事のタイトルの文字の大きさを、LinkWithin が指定する標準のサイズから、ブログで使用しているフォントのサイズに変更してみたいと思います。

LinkWithinのフォントを変える！cssのfont-familyを強制適用

イントロダクション

「LinkWithinの記事一覧を横ではなく縦に表示したい！CSS変更でやってみた！」では、スタイルシートを作成して、LinkWithin の関連記事一覧を標準の横方向の表示から、縦方向の表示への変更してみました。

そうして縦方向に表示した LinkWithin の関連記事の一覧表示は次のようになりました。

LinkWithinの関連記事一覧を階段状に表示できた！？偶然の産物です

イントロダクション

LinkWithin の関連記事一覧を標準の横方向の表示から、縦方向の表示への変更するためのスタイルシートを、以下の投稿にて作成してみました。

LinkWithinの記事一覧を横ではなく縦に表示したい！CSS変更でやってみた！
http://upa-pc.blogspot.com/2015/02/linkwithin-css-posts-vertical.html


その過程でいろいろなスタイルシートの設定を試していたところ、偶然にもLinkWithinの関連記事を階段状に表示するスタイルシートを作り出すことが出来ました。

LinkWithinの記事一覧を横ではなく縦に表示したい！CSS変更でやってみた！

イントロダクション

手軽にブログ内の関連記事の一覧を表示できる「LinkWithin」ですが、標準では関連記事の一覧は横方向に表示されます。

低ページビューアクセスランキング：ページビューの少ないページほど上位に表示するアクセスランキングという発想

ブログのパーツとして、アクセス数の多い記事のランキングを表示してくれるものがあります。

Blogger でいえば、人気の投稿ガジェットですね。

登録不要のRSS無料ブログパーツ「FeedWind」を使ってみました

イントロダクション

私が作成・運営している Web サービス「今週末の予定を共有しよう！ - 週末予定共有コミュニティサイト」で他のウェブページの新着情報を表示したいと思い、RSSの表示用パーツを探していました。

そこで、「FeedWind」という便利な Web サービスに出会いました。