【はてなブログ】ブログカード下のURLについて

消さないほうが良い理由 HTMLレベルでは、残しておいたほうが良いと個人的には思う URLが存在しなくなると、読者にはURL参照先がわからない URLが変更されたり、なくなったりするとブログカードはこのような表示になります...

【はてなブログ】target=”_blank” rel=”noopener noreferrer”の件

はてなブログを書く時、「HTML編集」でリンク先を新ウィンドウを開くための target="_blank" を追加すると、自動で rel="noopener noreferrer" が追加されるようになっていました。 なぜかと思って...

【はてなブログからWordPress引っ越し】はてな独自のAmazonリンク編

リンク(URL)自体は問題なくて、たんにレイアウトが崩れるとかいう場合は、以下のCSSを適用するだけでそれらしくなります。 .hatena-asin-detail{margin:1em 0;border-image:i...

【はてなブログからWordPress引っ越し】はてなキーワード編

<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A4%CF%A4%C6%A4%CA%A5%C0%A5%A4%A5%A2%A5%EA%A1%BC">はてなダイアリ...

【はてなブログからWordPress引っ越し】ブログカード編

はてなブログからWordPressに移行するときに、ブログカードをどうするか?です。多くの場合、そのままでも表示されるようなのですが、表示されないケースなどは「はてなブログ」の仕様に詳しくないのでわかりません。 それはともかく、そのま...

【はてなブログ】<head>タグ内に挿入する方法

アドセンスの審査中に、広告コードを<head>~</head>にいれないといけないという話をきいて、<head>に挿入するなんて間違ってるんじゃないかとおもったら、間違っていませんでした。どう...

【はてなブログ】はてなキーワードを目立たなくする方法

使用するテーマによてっ違うのか、それともはてな側がCSSを変更しているのかネットで調べるCSSではうまくいかない感じだったので自力でやってみました。CSSでいくら頑張ってもリンク(a)は消えません。HTML上ではリンクのままです...

はてなブログの3カラム化

・公式テーマのReportを選択 ・以下のCSSをデザインCSSに追加する ※右サイドバータイプのものなら、少しの改造で3カラム化が可能だと思われます。 /* 3カラム化 */ #container { w...

はてなブログのテーマのライセンスについて

http://blog.hatena.ne.jp/-/store/theme/-/new Wordpressのテーマをはてなブログに移植しても問題なさそうか?というのを調べてみました。いつのまにかライセンスが選択できるようにな...

【はてなブログ】 目次のカスタマイズの仕方

公式の目次機能 [:contents] 記事中の見出しから目次を自動的に作成する「目次記法」を追加しました - はてなブログ開発ブログ はてなブログの場合、標準で目次機能があります。それを使うのが便利です。使い方などは...

【はてなブログ】404ページをカスタマイズする方法

<script type="text/javascript"> $(document).ready(function() { if ($('#main-inner').children().has...

【はてなブログ】右クリックを禁止してパクリを予防する方法

「デザイン」->「カスタマイズ」->「フッタ」のところに、以下のスクリプトを貼り付けるだけで、右クリックを禁止してコピペなどをできなくできます。 <script type="text/javascript"> ...

【はてなブログ】 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; /*背景色*/ ...

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

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

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

追記: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.メニューを...

はてなブログにFC2拍手を導入する方法

・FC2拍手 - 応援メッセージをweb拍手で伝える無料コミュニケーションツール 成功すれば、画像のようにソーシャルボタンの一番最後にFC2拍手ボタンが追加されます。 導入方法 1.FC拍手の画像が表示されることを...

はてなブログの「サイトマップのURL」の確認の仕方【XMLサイトマップ】

XMLサイトマップ ブログのTOPのURL/sitemap_index.xml 現状はこれです。 調べ方など ブログtop/robots.txt http://staff.hatenablog.com/robots.txt...