はてなブログカスタマイズ

【はてなブログ無料版】トップページをカスタマイズする2種類の方法を紹介。記事一覧にしたり

はてなブログの初期のトップページって一番最近書いた記事の全文が表示されてると思います。 ですがこれだとせっかくブログを訪れてくれた人が記事の一覧を見ることができずにやりづらいですよね。 なので今回ははてなブログのトップページを一覧表示にした…

【はてなカスタマイズ】スクロールしてもサイドバーの要素を動かさない方法

サイドバーの固定 サイドバーの固定とはブログを読みすすめてスクロールしていくと、パソコンの場合、サイドバーの最後の要素がずっと固定されたままになっていることです。これは当ブログでも行っています。 こんな感じですね。ずっとスクロールしても最後…

【はてなカスタマイズ】サイドバーの要素を記事内に設置する方法。要素を別の場所に移す

要素を別を場所移すとは? コード コードの説明 div 移動させる先の要素名 移動させる要素名 元の要素を非表示に タイトルを非表示 あとは調整! 要素を別を場所移すとは? サイドバーの要素を記事内に設置するとは、例えば、ブログのトップページを作ったと…

【はてなカスタマイズ】アーカイブページから特定の記事を非表示にする方法

アーカイブページから特定の記事を非表示に、 IDの確認方法 コード 完成! アーカイブページから特定の記事を非表示に、 アーカイブページにある特定の記事を非表示にするのは無料プランを利用スている人には大いに役立ちます。例えば、プライバシーポリシー…

【はてなカスタマイズ】検索したときのハイライトをカスタマイズする方法

検索したときのハイライトのカスタマイズ ハイライトって? はてなブログ内で記事を検索したときに、表示された記事内に含まれている検索ワードに蛍光ペンのようにハイライトで印を付けてくれます。そのハイライトの色などが使用しているテーマによってはダ…

【コピペ可能】「カエレバ」、「Rinker」のようなアフィリエイト用商品リンクボックスを作ろう!【はてなカスタマイズ】

4月25日更新:レスポンシブデザインに対応させました!アフィリエイトブログを運営する場合にほぼ必須となるものが、商品リンクを貼るボックス的なものですよね。言葉じゃわからないので、実際のものを。 下の画像は「rinker」というWordPress用の商品リンク…

【はてなカスタマイズ】キーワードリンクを無効化する方法

キーワードリンクとは はてなブログの記事ではキーワードリンクといって記事中にはてなが独自に設定している辞書的なものに含まれるキーワードが登場すると自動的に説明ページへのリンクが行われる機能です。これはそのキーワードを知らない人からすると、便…

【はてなカスタマイズ】無料でもリダイレクトで記事の一覧表示する方法

無料プランでも記事の一覧表示を おまけ 無料プランでも記事の一覧表示を どういう意味かというと、あるページにアクセスされたら、そのページは表示せずに、他のページに飛ばすというものです。リダイレクト的なね。 はてなブログでは無料プランだと、ブロ…