はてなブログの関連記事を記事下よりも下に移動させるカスタマイズ - NO TITLE
はてなブログの関連記事を表示させたのですが、記事下に設置しているシェアボタンとかアドセンスが関連記事の下になってしまうのがちょっと気になりました。 ということで、今回はCSSだけで記事下（カスタマイズができるエリア）と関連記事の位置を逆にするカスタマイズです。 かなり簡単なのですぐに実装できます。 以下のコードを「デザイン」→「カスタマイズ」→「デザインCSS」に追加するだけでOKです。 /* 関連記事を記事下よりも下に */ .customized-footer { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .entry-footer-modules { -webkit-order:2; order:2; width: 100%; } .entry-footer-ht
関連記事と記事下の順番を変えたり、いろいろカスタマイズ - FOXISM
はてなブログに自動で「関連記事」が表示され始めたので、前回サラッと見てみました。それで、その時は「関連記事が記事本文の直下にあって使いにくい、カスタマイズした記事下と入れ替えたい」みたいに書きましたが、あっさりできたので共有します。 記事下と順番を入れ替える css ちょっと細かい解説 記事下の要素の間に入れる html css ちょっと細かい解説 そのほかのカスタマイズ 2列にする ○○を非表示にする サムネイルを消す 日付を消す 冒頭文を消す リストの5番目を消す 「関連記事」の表示を別の名前にする サムネイルを大きくする まとめ 記事下と順番を入れ替える 通常は「本文」→「関連記事」→「カスタマイズした記事下」の順番になりますが、これを「本文」→「カスタマイズした記事下」→「関連記事」とひっくり返します。cssだけで簡単にできます。 css .customized-footer{ d
誰でもコピペで簡単に吹き出しで会話形式のブログが書けるCSS - 急がば 急いでまわれ！
2017.5月更新 こんにちは！いつの間にか14回目のカスタム記事！今回はブログでよく見かける『会話形式』の記事を簡単に実現させるCSSを作りました！ぜひご覧あれ！ 知らなきゃ損！いつでもAmazonで90%オフの商品を探す方法！ はじめに 完成系 まずはCSSをコピペしよう！ ブログでの使い方 簡単解説（飛ばして良し！） まとめ 【追記】この記事のCSSをもとにさらに手を加えてくれた素敵な記事があるので紹介します！ありがたい。 こんな記事も書いてるよん。 はじめに 参考記事としてこちらの記事を参考にいたしました。 akiueo (id:akiueos)さんのCSSも素晴らしいデザインですが、レスポンシブに未対応というのと、会話のアイコン画像が正方形の画像を使用しないと丸く表示されないので、この2点を改良して今回制作しました。 上記の記事内に「どなたか改良版をお願いします。」と書かれている
はてなブログの超便利なデザインテーマ「Brooklyn」を作りました
3日ほどブログを書いてませんでしたが、その間テーマを作ってました。 その名も「Brooklyn」。 デモ用のブログも作成したので、どんなデザインなのか見てみて下さい。 Brooklyn サンプルエントリー – Brooklyn ぜひ、スマホとPC両方で確認してみて下さい。 デモページはタイトルが英語ですが、シンプルなので日本語でもイケると思います。 テーマストア - Brooklyn – http://blog.hatena.ne.jp/-/store/theme/6653586347155924442 タイトルに超便利って書いてますが、このテーマは何と！グローバルナビ（タイトル下のメニュー）とシェアボタン、読者登録ボタンを追加するためのCSSをすでに記述してあるのです！さらに、WEBフォントの「open sans」も記述済みです。 面倒でややこしいCSSの設定は一切不要！カスタマイズがめ
【はてなブログ】記事本文の直下にアドセンスを設置する方法 - チップの日常
はてなブログ管理画面の「デザイン」→「カスタマイズ（スパナみたいなやつ）」→「記事」→「記事下」の中にアドセンスのコードを貼り付けると記事下に一括でアドセンスを設置できるんですが、これだとアドセンスはソーシャルボタンの下に表示されてしまいます。 ↑こんな感じ。 こうじゃなくて本当に記事本文の直下、即ちソーシャルボタンの上に表示させたい。という方は少なからずいるのではないでしょうか。 記事一つ一つにアドセンスコードを貼り付ければ記事直下に表示できるのですが、それは面倒ですよね。 そんな方のために今回は、はてなブログの記事本文のすぐ下にアドセンスを一括で設置する方法をご紹介します。 設置方法 <div id="my-footer"> ※ここにアドセンスのコード貼り付け </div> <script> var myFooter=document.getElementById("my-footer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
