「Error 503 Backend fetch failed」というエラーについて

・エックスサーバーの「wpXレンタルサーバー」 ・ネットオウルの「WPblog」 この2つのサービスの場合、サーバー側の「Varnish cache server」が出しているエラーのようです。 サーバー側の問題なので、こちら側が...

【はてなブログ】 9999の日付を消す

9999-12-31とかいう日付を使って、記事固定などをしている場合に、「9999年の日付欄」を消したいって言う場合があると思います。実は簡単にできます。 time[datetime^="9999-"]{ display:n...

【はてなブログ】トップに戻るボタンを設置する方法

1.CSSを追加 2.トップに戻るボタンを追加 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="t...

【はてなブログ】カテゴリーラベルに色をつける方法

1.色をつける 2.カテゴリー毎に色を変える 1.色をつける .categories a, .page-archive .categories a{ background: #111; /*背景色*/ ...

【はてなブログ】記事内の画像に枠線をつける方法

※画像は「サンプルエントリー - はてなブログ ヘルプ」で公開されているものを使用しています。 こんな感じで、画像にうっすらと枠線をつけるようにすると、白地の背景の場合見やすくなるかと思います。 記事内の画像に枠線を...

Bloggerに、メニューバーを追加する方法【2016年版】

メニューバーの位置はブログタイトルの下で、横並びにします。 ネットで検索してみるとbloggerブログでメニューバーを付ける方法が幾つか載ってますが、古い情報で今のブログの設定画面とは違っていたり、HTML言語で載せる方法だったりと私には...

【Blogger】ラベルを階層化する方法

・2階層までしか対応してません ・別途jQueryの読み込みが必要です テンプレートは「画像ウィンドウ」の1つめを利用しましたが、多くのBloggerのテンプレートでも動作すると思います。 ・ラベルガジェット ...

【はてなブログ】パンくずリストを付ける方法とその確認方法

追記:2016/08/16 ・記事のカテゴリーを「パンくずリスト」として表示できるようにしました - はてなブログ開発ブログ 公式に対応されたので、上記の方法でやるのが簡単です。 当記事の方法は、疑似的にカテゴリーを階層化...

【はてなブログ】カテゴリーを階層化する方法

・2階層までしか対応してません ・外部のスクリプトファイルを読み込みません(jQueryは除く) 検索で調べると、ある定番のスクリプトを外部から読み込む方式で導入している人しかいなかったので自前で作ってみました。 ...

はてなブログ(無料プラン)で、記事の真下などにアドセンス広告を挿入する方法

1.広告タグの取得 2.タグの貼り付け 3.うまくいくとこうなる 4.はてなブログが自動で挿入する広告数とアドセンスについて 1.広告タグの取得 アドセンス広告タグをいきなり使って動作確認するのは怖いので、忍者AdMaxの広告...

はてなブログに、タイトル画像(ヘッダ画像)を入れる【レスポンシブデザインでのスマホ対策】

・はてなプログの無料プラン ・レスポンシブデザイン(PCと同じデザイン) 上記で確認しました うまくいけば、スマホでもこんな感じで表示できます。 1.画像を用意して、アップロードする 2.スマホ対策用のCS...

【はてなブログ】「続きを読む」をカスタマイズする方法

1.右寄せ表示にする 2.ボタン風にする 3.マウスカーソルがボタンの位置に来た時に、色を変える 1.右寄せ表示にする .entry-see-more{ float:right; } デザイン...

はてなブログのトップページを記事一覧表示にする【リダイレクトしない方法】

追記:2017/06/02 はてなブログでは、有料オプション「はてなブログPro」利用者向けに、各ブログのトップページ(PC版*1)を表示するときに「全文形式」と「一覧形式」を選択できるようにしました ブログのトップページを「一...

はてなブログで、特定の記事にnoindexをつける方法とその確認方法

1.noindexをつける方法 2.動作の確認方法 Googlebotがjavascriptで書きだしたHTMLをきちんと評価するようになったので使えるようになったテクニックのようです。ブラウザで表示したときに実行されたJavasc...

はてなブログで独自ドメインを使う方法と注意点

・はてなブログPro(有料)でないと独自ドメインを割り当てることはできません。 ・独自ドメイン自体も、(通常は)有料です。 注意点 example.com <- 設定できない www.example.com <- OK blo...

はてなブログに、お問い合わせフォームを設置する【FC2メールフォームを利用】

当記事の方法でうまくいけば画像のようになります。スマホでもちゃんと表示されるので問題ないかと思います。 1.FC2フォームで、問い合わせフォームを作成する 2.はてなブログの記事に貼り付ける 3.メニューなどから、記事...

はてなブログに、グローバルメニューを設置する方法

スマホ表示でも、横に5つぐらいは余裕で表示することができます。この部分にカテゴリーを表示させたい人は、5つを選択して表示するのがSEO的にも良いかと思います。 1.コピペで貼り付けて、表示されることを確認 2.メニューを...