タグ

ブックマーク / www.rablifes.com (2)

  • 【はてなブログ】記事一覧をCSSの設定だけでタイル表示にする方法 - うさぎ日和

    他人のブログを見ている時に、トップページの記事一覧がタイル状に表示されるように設定してあり、「おしゃれでいいなぁ~」と思ったことはありませんか? 今回はそんな人のために、cssの記述だけで簡単にトップ画面の記事一覧をタイル状に変更する方法をご紹介したいと思います。 コピペで設定できるようにしているため、とても簡単に設定可能です! 注意 今回の方法は「はてなブログpro」である事が前提となります。 トップ一覧をカードタイプからタイル状に変更する方法 CSSの記述内容 プレビュー スマートフォン表示は通常にしたい場合 CSSの記述内容 CSSが反映されない場合の対処法 最後に トップ一覧をカードタイプからタイル状に変更する方法 まずは、はてなブログの「設定>詳細設定」の中にあるトップページの表示形式を一覧形式に変更してください。 CSSの記述内容 CSS /*-----------------

    【はてなブログ】記事一覧をCSSの設定だけでタイル表示にする方法 - うさぎ日和
  • 【はてなブログ】プロフィールをCSSを使って自分好みに作成する方法 - うさぎ日和

    ブログの記事を読んでいると、サイドバーや記事下のプロフィールがとてもおしゃれで、自分も同じように好みのプロフィールにしてみたいと思うことってありませんか? 今回は、CSSを使ってプロフィールを自分好みにカスタマイズする方法をご紹介していきたいと思います。 はてなブログでのプロフィール編集のご紹介となりますが、記述する場所さえわかればその他のブログでも応用が利くので是非参考にしてみてください! 注意今回は、はてなブログPROを使用している人を想定して作成されています。 まだ、「はてなブログPRO」を使用していない人は是非おすすめなので、「はてなブログpro」を検討してみて下さい はてなブログproはこちらから! ドメイン所得がまだの方で取得に迷っている方は是非こちらの記事も参考にしてみてください! www.rablifes.com 自分好みにのプロフィール作成方法 画像の準備 HTML記述内

    【はてなブログ】プロフィールをCSSを使って自分好みに作成する方法 - うさぎ日和
  • 1