IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

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

はてなブログで【目次】をサイドバーに表示する方法 | はてなブログカスタマイズ

今回のはてなブログカスタマイズは、記事の目次をサイドバーにも表示するものです。記事のよこに目次を置くことで読んでいるところを把握することができ、記事が読みやすくなります。記事が長い場合に効果的です。記事の目次を表示するには、記事編集画面で…

【コピペok】はてなブログでユーザー向けのカテゴリー別サイトマップページを作成する 表示内容,スタイルの変更可能 | はてなブログカスタマイズ はてなブログツール

カテゴリー別記事一覧のサイトマップページ はてなブログで、ユーザー向けのサイトマップページを作成するためのJavaScriptコードとスタイルコードを生成します。 カテゴリー別に記事一覧を取得し、記事内に表示します。 表示形式の種類を選択し、コードをコ…

【コピペok】はてなブログ 記事デザインサンプル集 スマホも簡単にカスタマイズ可能! | はてなブログデザインカスタマイズ

はてなブログの記事用デザインのパーツを備忘録ついでにツール的な感じでまとめました。CSSを生成するツールになっているため、クラス名・スタイルの変更が可能です。スマホからでも簡単に、カスタマイズから実装までができるようにスタイルの編集、ボタンで…

【手順あり】はてなブログのカテゴリー・パンくずをコピペで簡単に階層化表示にする「スマホも簡単」 | はてなブログカスタマイズ | 階層化カテゴリー

当記事は、はてなブログのカテゴリーを階層化するためのカスタマイズ情報です。当記事のScriptを設置し、記事のカテゴリーを当記事に記してあるように階層化することで、カテゴリーモジュールとパンくずリストを階層化することができます。 はてなブログのカ…

カテゴリー別にすべての記事一覧を表示する | 全カテゴリー別記事一覧ページ | はてなブログカスタマイズ

カテゴリー別アーカイブ | 全カテゴリー別記事一覧ページ | サイトマップページ...カスタマイズ概要一つだけではなくすべてのカテゴリーを対象に、記事の一覧を表示するためのはてなブログカスタマイズです。サイト内記事探索が一つのページで可能になるため…

URLの入力だけで任意の場所に【おすすめ記事】を表示する「はてなブログモジュール」の作成 | はてなブログカスタマイズ

URLを入力するだけの簡単作業で、おすすめの記事を表示させる「はてなモジュール」を作成するはてなブログカスタマイズです。はてなブログおすすめ記事モジュールの目的。希望する場所に希望する記事の一覧を表示するためのはてなブログモジュールを作成する…

はてなブログでJavaScript/HTMLコードを記述する方法-スマホ対応版 | はてなブログカスタマイズ方法

はてなブログをカスタマイズするのに必要な作業として、HTMLコードの記述があります。この作業は特に難しくはありませんが、スマホからはてなブログをカスタマイズする方法は、PCとは違うので当記事に記します。...スマホのブラウザからもheadに要素を追加に…

【はてなブログカスタマイズ】2ステップでホーム画面にシェアボタン(あとで読む系)を表示させる - スマホからでも簡単カスタマイズ

今回のはてなブログカスタマイズは、ホーム画面の記事一覧にシェアボタン(後で読む系)を搭載するカスタマイズです。ホーム画面にシェアボタンを表示させる当カスタマイズで表示させるシェアボタンは、はてなブックマーク・Pocketです。これらのボタンはシェ…

【簡単】カテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- | はてなブログ

はてなブログでのパンくずリストを含むカテゴリーを階層化表示させるための処理を、JavaScriptとCSSで可能にしました。今回開発した機能では、階層化カテゴリーの表示(カテゴリー一覧など)、パンくずリストの階層化を実現することができます。階層カテゴリー…

【はてなブログカスタマイズ】長くなったカテゴリーモジュールを開閉(折りたたみ)可能にする【CSS+JavaScript】

概要前回、CSSだけではてなブログのカテゴリーモジュールに開閉機能を付けるカスタマイズ記事を投稿しました。今回の記事もカテゴリーモジュールに開閉機能を付けるカスタマイズになりますが、今回はCSSだけでなくCSS+JavaScriptによるカスタマイズになりま…

【CSS】のみで長くなったカテゴリーモジュールを開閉可能にする【はてなブログカスタマイズ】

はてなブログを長いことやっていると、記事も多くなりカテゴリーの種類も多くなると思います。そんななかサイドバーにはてなモジュールのカテゴリーを設定していると、ズラーっとしたに長いカテゴリーリンクのリストができてしまうと思います。そんな長くな…

【読者になるボタン】をCSSだけで「立体感」のある押しボタンにカスタマイズする | はてなブログカスタマイズ

読者になるボタンカスタマイズ不可能な読者になるボタンはてなブログの 設定 > 詳細 にある「読者になるボタン」はiframe要素なのでカスタマイズができません。カスタマイズ可能な読者になるボタンなので当サイトでは、サイドバーにある「プロフィールモジ…

同カテゴリーが記事下の関連記事に表示されない時の対処法 - 【はてなブログ】| 【カスタマイズ】

[画像]問題と対処法 記事下の関連記事の仕様 サイドバーの関連記事モジュールの仕様 カスタマイズ サイドバーに関連記事モジュールを追加する 関連記事モジュール以降にJavaScriptを埋め込む サンプルコード 表示するデータの変更 関連記事を記事下に表示す…

【はてなブログ】カテゴリー別記事一覧のサイトマップページを作る |【カスタマイズ】

www.it-the-best.com 当処理の改良版を以下の記事で作成しました。 www.it-the-best.com カテゴリーを取得 カテゴリー別に記事を取得 表示 カテゴリー別の記事一覧ページを固定ページで作りました。 html,css,javascriptそしてphpを利用して表示させています…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- #階層カテゴリーパンくずリストの表示

初期Scriptファイルのため、不備などがありあまり参考になりません。 新しく、カテゴリー・パンくずリストを階層化表示にする機能を作成しました。こちらの方が扱いやすく、不具合が起こる可能性も低いと思われます。 www.it-the-best.com ほとんどの機能変…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- #カテゴリーの表示を変える

初期Scriptファイルのため、不備などがありあまり参考になりません。 新しく、カテゴリー・パンくずリストを階層化表示にする機能を作成しました。こちらの方が扱いやすく、不具合が起こる可能性も低いと思われます。 www.it-the-best.com ほとんどの機能変…

【簡単】カテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- | はてなブログ #説明

当記事は、はてなブログのカテゴリーを階層カテゴリー表示にするために開発した機能の、おおまかな説明になります。 はてなブログのカテゴリーを階層化するには、ファイルを読み込み、カテゴリーを階層ごとにハイフンで区切る必要があります。..ハイフンで書…

【はてなブログカスタマイズ】ホーム画面におすすめ記事を表示させる

今回のはてなブログカスタマイズはコチラ ホーム画面に独自のおすすめ記事を表示させる 良い記事が書けたけどなかなか発信しきれていない。そんな記事は誰にでもあるとおもいます。そんなときは、ホーム画面だったりでアピールしたりと対策をしましょう。 は…

【はてなブログカスタマイズ】注目記事一覧ページを作る方法「リアルタイム」

サイドバーには表示できるけど、注目記事だけの記事を作りたいのにできないという方に役立つであろうはてなブログカスタマイズ情報です。 ページに表示したい注目記事の情報を決める 要素をコピーする 記事または固定ページ(PROのみ)に貼り付ける 箱だけ残し…

「はてなブログカスタマイズ」 | 「PRO」だけの特典。フッターの要素を変える

はてなブログの一番下にある本当のフッターは、はてなブログPROでないと簡単にはカスタマイズできません。(下の写真の文字がある部分) (JavaScriptファイルを別で作成して、読み込ませる方法ではカスタマイズできる。多分) はてなブログPROになれば、フッタ…

「はてなブログカスタマイズ」 | 記事内の写真を記事タイトル下に持ってくる

記事上に何かコンテンツを入れていると、記事内で張り付けた写真を一番上に表示させることができません。 そこで、記事内の一番上にある写真をタイトル下に持ってくるようにカスタマイズしました。 <script> //記事内の一番上の写真 var entry_top_img=document.getE…

「はてなブログカスタマイズ 」| ホーム画面だけを変えたい人必見!JavaScriptによる画面別動作

ホーム画面の判断のさせかた URLを取得する ・URLすべてを取得 ・ドメイン(FQDN)後の文字列(パス名)を取得 画面を判断する ・パス名で判断する場合 ・URLで判断する場合 はてなブログで動かす ホーム画面の判断のさせかた URLを取得して、表示されている画面…