まろりかモンスター

パソコンだいすき♡ 雑記ブログです!

はてなブロガー向け

【はてなブログ】画像やGIFファイルのアップロードに失敗する場合の解決方法

先日、GIFファイルをはてなブログにアップロードしようとしたところ、 「アップロードに失敗しました」とメッセージが出てしまう件がありました。 試行錯誤してどうにかGIFファイルのアップロードに成功しましたが、 同じように画像やGIFファイルのアップロ…

はてなブログの記事一覧に「前のページ」ボタンを追加する方法【コピペOK】

はてなブログの記事一覧には「前のページ」ボタンが無いのはご存知でしょうか? 実際、「前のページ」ボタンがなくても、ブラウザの履歴で前に戻ればいいだけなのでそこまで困りませんが、 感覚的に「次のページ」ボタンがあるのに「前のページ」ボタンがな…

はてなブログでnoindexを設定する方法(特定の記事を検索結果に表示させない方法)【コピペOK】

特定の記事を検索結果に表示させない方法は、記事のmetaタグにnoindexを設定すればできます。 今回はそのnoindexの設定方法を、特にはてなブログ向けに紹介します。 noindexについて noindexとは noindexとは文字の通りでindexが無い状態のことです。 記事に…

はてなブログのHTML編集で目次リンクを設定する方法【コピペOK】

目次 はじめに 当記事の目的 当記事の目的は、はてなブログでHTML編集で記事を書いている人に向けて、 見出しタグから自動で目次リンクを作成する方法を紹介することです。 はてなブログで目次を作成する方法 はてなブログには編集モードが複数ありますよね…

見出しタグから入れ子の目次を自動作成するJavaScriptを作りました【コピペOK】

目次 はじめに 当記事の目的 ブログなどの記事で目次があると記事の全体像がわかりやすいですよね。 特に長い記事だと目次があると助かりますよね。 今回はそんな便利な目次を自動作成してくれるJavaScriptを紹介し、 簡単に目次を作れるようになってもらい…

はてなブログでアイコンを使う2通りの方法(デフォルト & Font Awesome 5)

はてなブログでアイコンを使いたい場合がありますよね。 よく使われている方法を2通り紹介します。 「はてなブログがデフォルトで読み込んでいるアイコンを使用する方法」と「Font Awesomeを利用する方法」です。

はてなブログにソースコードを貼る方法(Gistを利用)

はてなブログにhtmlやcssなどのソースコードを貼り付けたいときありますよね。 はてな記法、Markdownそれぞれにも記載方法がありますが、どうせならどの記法にも対応できて、かつ、保存しておけたらうれしいですよね。 Gistという無料のソースコード共有サー…

はてなブログにBootstrap 4を設定する方法

BootstrapというCSSフレームワークを導入すれば、html上でクラスを指定するだけで、デバイスに応じたレスポンシブなデザインにすることができます。 今回はそのBootstrapをはてなブログに設定する方法についてレクチャーします。

はてなブログにGoogleアナリティクスを設定する方法

ブログを運営するならどれくらい自身のブログにアクセスされているか気になりますよね。 そこで今回は、はてなブログにGoogleアナリティクスを設定する方法について写真付きでレクチャーします。