【はてなブログ】一番上まで自動スクロールするボタンを設置する!クリックで実行!コピペOK

f:id:clrmemory:20190329181621j:plain

こんにちはクリアメモリです!

今回は、はてなブログで「トップに自動スクロールするボタン」を設置する方法について紹介します。

 

このボタンをクリックすることで、ページの一番上までスクロールさせることができます。

記事のボリュームが大きくてスクロールするのが大変な記事でも、簡単にトップへ移動することができるようになるのでチェックしてみてください。

 

続きを読む

【はてなブログ 運営報告】8月は100,000PV達成!読者数や人気記事を振り返ってみる

f:id:clrmemory:20180906074701p:plain

こんにちはクリアメモリです!

今回は、当ブログクリアメモリの「8月の運営報告」をしようと思います。

 

前回の運営報告が「5月」だったので久しぶりの更新になりますが、今月は「100,000pv/月」を達成したり、たくさんの方に読者登録をしていただきました。

そこで今回は振り返りも兼ねて、人気記事や1日の最高PVなどについて紹介します。

 

続きを読む

【はてなブログ】YouTubeの埋め込み動画を後から読み込ませる方法!クリックしたらiframeを実行する!

f:id:clrmemory:20180629162227p:plain

こんにちはクリアメモリです!

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

 

画像をクリックしたらYouTube動画を読み込むようにできるので、記事の表示スピードが遅くなる心配もなく、動画を設置できます。

設置した動画の数が多いときに便利なのでチェックしてみてください。

続きを読む

【はてなブログ】中央寄せの記事を書く方法!記事ごとに設定もOK

f:id:clrmemory:20180612063429p:plain

こんにちはクリアメモリです!

今回は、「はてなブログ中央寄せの記事を書く方法」について紹介します。

 

CSSを使わずに実装もできるので簡単です。

また、「記事ごとに中央寄せ」を設定したい時にも使えるのでチェックしてみてください。

 

続きを読む

【はてなブログ 運営報告】5月は90000PV達成!多くの方に言及や読者登録していただきました!

f:id:clrmemory:20180602170640p:plain

こんにちはクリアメモリです!

今回は、2ヶ月ぶりの「はてなブログ 5月の運営報告」についてです。

 

今月は「90000PV」を突破したり、多くの方に読者になっていただきました。

そこで今回は、PVが増加した記事や月の最高PV数、読者増加数などを振り返ってみようと思います。

 

続きを読む

【CSS】特定の画像だけに適用させるセレクタ!ドメインや拡張子で条件分岐できる!

f:id:clrmemory:20180601174305p:plain

こんにちはクリアメモリです!

今回は、CSSを使って「特定のsrcを持つ画像」だけ見た目を調整する方法を紹介します。

 

特定のドメインだけ見た目をカスタマイズしたり、任意の文字列が入っていれば調整できました。

WordPressやはてなブログのカスタマイズで活用できるので、ぜひ試してみてください。

 

続きを読む

【はてなブログ】記事のタイトル上にアドセンスを設置するカスタマイズ!

f:id:clrmemory:20180530055717p:plain

こんにちはクリアメモリです!

今回は、はてなブログで「記事のタイトル上」にアドセンスを設置する方法を紹介します。

 

JavaScriptと組み合わせることで簡単に設置でき、広告コード以外はほぼコピペOKでカスタマイズ可能です。

アドセンス設置の際は、注意点に気をつけながら広告ユニットを選んでみてください。

 

続きを読む

【はてなブログ】テキストにグラデーションをかけるCSS!

f:id:clrmemory:20180509140634p:plain

こんにちはクリアメモリです!

今回は「はてなブログテキストグラデーションをかける方法」を紹介します。

 

ほぼコピペOKでテキストの見た目をカスタマイズ可能です。

また、今回紹介するCSSを応用すれば、はてなブログ以外でも利用できるのでチェックしてみてください。

続きを読む

【はてなブログ】テキストを縁取りするCSS!より目立たせたい時や白文字の時にオススメ!

f:id:clrmemory:20180506152917p:plain

こんにちはクリアメモリです!

今回は、はてなブログで設置したテキストを縁取りする方法について紹介します。

 

1行の簡単なCSSを追加するだけで、簡単に縁取られたテキストにすることができます。

白背景の中で、明るい色のテキストを目立たせたい時に活用してみてください。

 

続きを読む

【はてなブログ】記事下にサムネ付きフォローボタン(スマホ版)を設置する方法!ほぼコピペOK!

f:id:clrmemory:20180429170628p:plain

こんにちはクリアメモリです!

今回は、以前紹介した「はてなブログの記事下にフォローボックスを設置する方法」のス マホ版について紹介します。

 

基本的な設置方法はPC版とほぼ同じ。

指定するCSSを変更しただけの簡単なカスタマイズなので、ぜひチェックしてみてください。

続きを読む

【はてなブログ】引用元を右寄せにする方法!引用の使い方も合わせて紹介します

f:id:clrmemory:20180426141447p:plain

こんにちはクリアメモリです!

今回は「はてなブログ」のマークダウンモードで記述した「引用」を、部分的に右寄せで表示させる方法を紹介します。

 

”〇〇より引用”みたいな行だけを右寄せにすることで、引用元がわかりやすくなりますし、設定方法も簡単なのでチェックしてみてください。

 

続きを読む

【はてなブログ】アンダーラインの見た目を調整する方法まとめ!コピペOKで波線や点線を設定可能!

f:id:clrmemory:20180420182818p:plain

こんにちはクリアメモリです!

今回は「はてなブログのアンダーラインをカスタマイズする方法」をまとめてみました。

 

過去に紹介してきたアンダーラインの設定方法とコードの例を合わせて紹介します。

アンダーラインの見た目は、CSSだけで設定できて超簡単なので、サイトのデザインに合わせてカスタマイズしてみてください。

続きを読む

【はてなブログ】トップページの先頭に記事を表示させる方法!コード不要で超簡単でした!

f:id:clrmemory:20180418152935p:plain

こんにちはクリアメモリです!

今回は、はてなブログで新たに追加された「トップページ先頭に記事を表示」する機能について紹介します。

 

お問い合わせフォームや自己紹介記事、自分が気に入っている記事などを常に表示できるようになったのでチェックしてみてください。

また設定方法も超簡単、コード不要・クリックのみで設定できました。

 

続きを読む

【はてなブログ】記事下にサムネ付きのフォローボタン(この記事が気に入ったら〜)を設置する方法!

f:id:clrmemory:20180416162414p:plain

こんにちはクリアメモリです!

今回は、はてなブログの記事下に「フォローボタン」を追加する方法を紹介します。

 

その記事のサムネイルと一緒に「この記事が気に入ったら〜」を表示することで、フォローしてくれる可能性が増えたり、読者を増やすことができるので試してみてください。

 

続きを読む
新着記事