今回は、はてなブログの記事内スクロールを「滑らか」にする方法について紹介します。 以前紹介したような「記事の途中まで飛ばすリンク」や「目次をクリックした時のスクロール」で使えると思います。 名称は「...

今回は、iframeを使ってはてなブログに埋め込んだ「YouTube」の動画を、任意のタイミングで読み込ませる方法について紹介します。 画像をクリックしたらYouTube動画を読み込むようにできるの...

今回は、はてなブログで「記事のタイトル上」にアドセンスを設置する方法を紹介します。 JavaScriptと組み合わせることで簡単に設置でき、広告コード以外はほぼコピペOKでカスタマイズ可能です。 ア...

今回は、以前紹介した「はてなブログの記事下にフォローボックスを設置する方法」のス マホ版について紹介します。 基本的な設置方法はPC版とほぼ同じ。 指定するCSSを変更しただけの簡単なカスタマイズな...

今回は、はてなブログの記事下に「フォローボタン」を追加する方法を紹介します。 その記事のサムネイルと一緒に「この記事が気に入ったら〜」を表示することで、フォローしてくれる可能性が増えたり、読者を増や...

今回は、はてなブログのタイトル下に「この記事は約何分何秒で読む事ができます」というような読了時間を表示させる方法です。 記事のコンテンツの目安を設置できるので試してみてください。...

はてなブログを使っていると、記事下に関連記事を表示する方法に悩みます。 デザインから設定する方法でも関連記事を表示できるのですが、設定後に公開した記事でしか表示されないんですよね。 そこで今回は、サ...

先日、はてなブログでサイドバーに設置した関連記事を、記事下に移動させるという記事を書きました。 その中で紹介した設置場所は「記事下」のみだったのですが、サイトによって関連記事を表示させたい場所は変わ...

先日、はてなブログのトップページにアドセンス広告を表示する方法を紹介しました。 その中で紹介した方法では、トップページの表示形式が「一覧形式」だとうまく表示されなかったため、今回はトップページが一覧...

  先日、はてなブログの記事内にSNSシェアボタンを設置する方法を紹介しました。 その中で設置したTwitterボタンから記事がツイートされた時に、自分で管理できたら便利ですよね。 実は、ツイートに...

私のブログはWordPressなのですが、テーマにSimplicityを使用させていただいております。 Simplicityのスクロール追従領域というウィジェットを使用すると、記事拡大時にサイドバー...

これまで、幾つかの記事に分けてCanvasの使い方を紹介してきましたが、今回は図形や文字に影をつける方法を紹介します。 文字や図形に影をつけることで、立体的に描画することができますので試してみてくだ...

先日、Canvasを使ってWeb上に星や直線、円などを描画する方法を紹介しました。 実はCanvasには「fillText」というメソッドを用いることで「文字」を書くこともできるので紹介します。...

前回、canvasを使って図形や円を描画する方法を紹介しました。 その中で直線を描画した時に線がぼやけて表示されてしまったと思います。 今回はそのような時の対処法について紹介します。...