はてなブログに関するawawakoのブックマーク (2)

  • はてなブログ公式の記事下関連記事をカスタマイズ - Minimal Green

    はてなブログでは6月から記事下に「関連記事」が表示されるようになりました。 記事下に「関連記事」を表示します - はてなブログ開発ブログ 今まではJSなどで表示するカスタマイズで対応していましたが、公式のパーツが出来たということで、こちらの方が軽くて良いですね。 既にカスタマイズ方法のパターンを網羅した記事があるのですが、一応自分でも作ってみました。 saruwakakun.com ↑のサルワカさんの記事があれば、正直要らないような気もするのですがw、最近作ったテーマ「yumekawa」に合うように作ってみました。 このCSSは記事下の関連記事を対象としたもので、サイドバーの関連記事のデザインには影響しません。 ピンクバージョン 水色バージョン ピンクバージョン 以下のコードをデザインCSSに追記して下さい。 /* 記事下関連記事 */ /* 関連記事日付 */ #entry-footer

    はてなブログ公式の記事下関連記事をカスタマイズ - Minimal Green
    awawako
    awawako 2017/09/04
    これはかわいい!!
  • 【はてなブログ】PC・スマホでコンテンツを切り替えてみる - もう一人のY君

    「非表示」も含みます. まだまだcss初心者ですが面白いですねこういうの. [Contents] アドセンスを2つ配置する件 スマホ表示の時は1つにしてみる 表示・非表示以外でやってみる 実験 結果 〆 アドセンスを2つ配置する件 kumoaozora.hatenablog.com 自分も参考にしてもらいました, まぁ後でthetheorier.comと同じ広告を使ってることに気付いたので効果があったのかイマイチ分からなくなってしまいましたが… ちなみに二つ並べる際, tableタグを使う divタグを使う spanタグを使う の3通りがあるかなぁ…と思います, tableでは336×280がダメでも, div, spanならOK…なんてことがありますね. 後者2つ, 特にdivタグの場合はPC表示で縦に並んでしまうことがありますが… スマホ表示の時は1つにしてみる PC表示のとき2つ並べ

    【はてなブログ】PC・スマホでコンテンツを切り替えてみる - もう一人のY君
    awawako
    awawako 2017/02/09
    ありがとうございます。参考にさせていただきました。
  • 1