ブックマーク / saruwakakun.com (3)

  • 【はてなブログ】関連記事のデザインカスタマイズ方法とサンプル19選

    はてなブログが公式に関連記事に対応するように 2017年6月13日〜はてなブログ公式で記事下に関連記事が表示されようになりました。 はてなブログでは、記事ページ(個別記事のパーマネントリンク表示)の文下(ソーシャルパーツを表示していればその下)に、関連記事を表示するようにしました。そのブログに投稿された記事から、表示中の内容に関連するとみられるものを最大5件まで、一覧形式で表示します。 はてなブログ公式ブログ これまでは関連記事を表示させるためには、ユーザーにより作られた非公式のブログパーツを使う必要があったのですが、そのようなパーツを使う必要が無くなったわけですね。 オフにする方法 新しく導入された関連記事表示は、初期設定ではオンになっています。とはいえ「非公式のものを使いたい」などの理由でオフにしたいという方も多いかと思います。 オフにするためには、デザイン設定画面のから関連記事表示

    【はてなブログ】関連記事のデザインカスタマイズ方法とサンプル19選
  • CSSで作る!魅力的な引用デザインのサンプル30(blockquote)

    今回はCSSのコピペで使える引用ボックスデザインのサンプルを30個作ってみました。引用タグ(blockquote)のデザインをサクッと変えることができます。どれも画像は使わず、HTMLCSSだけで表示することができます。ブログやWebサイト運営者の方は、是非ご利用くださいませ。 使い方 デザインを紹介する前に、使い方を簡単に説明しておきます。 CSSをコピーして貼付け

    CSSで作る!魅力的な引用デザインのサンプル30(blockquote)
    applebaka
    applebaka 2017/05/16
    これは嬉しい!使わせていただきます!!
  • 【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30

    使い方 HTMLCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1:CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog

    【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30
  • 1