クリアメモリ

プログラミングやガジェットレビュー、便利なアプリケーションなど雑多に記録するブログ

hatena

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

こんにちはクリアメモリです! 今回は、iframeを使ってはてなブログに埋め込んだ「YouTube」の動画を、任意のタイミングで読み込ませる方法について紹介します。 画像をクリックしたらYouTube動画を読み込むようにできるので、記事の表示スピードが遅くなる…

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

こんにちはクリアメモリです! 今回は、「はてなブログで中央寄せの記事を書く方法」について紹介します。 CSSを使わずに実装もできるので簡単です。 また、「記事ごとに中央寄せ」を設定したい時にも使えるのでチェックしてみてください。

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

こんにちはクリアメモリです! 今回は、2ヶ月ぶりの「はてなブログ 5月の運営報告」についてです。 今月は「90000PV」を突破したり、多くの方に読者になっていただきました。 そこで今回は、PVが増加した記事や月の最高PV数、読者増加数などを振り返ってみよ…

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

こんにちはクリアメモリです! 今回は、CSSを使って「特定のsrcを持つ画像」だけ見た目を調整する方法を紹介します。 特定のドメインだけ見た目をカスタマイズしたり、任意の文字列が入っていれば調整できました。 WordPressやはてなブログのカスタマイズで…

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

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

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

こんにちはクリアメモリです! 今回は「はてなブログでテキストにグラデーションをかける方法」を紹介します。 ほぼコピペOKでテキストの見た目をカスタマイズ可能です。 また、今回紹介するCSSを応用すれば、はてなブログ以外でも利用できるのでチェックし…

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

こんにちはクリアメモリです! 今回は、はてなブログで設置したテキストを縁取りする方法について紹介します。 1行の簡単なCSSを追加するだけで、簡単に縁取られたテキストにすることができます。 白背景の中で、明るい色のテキストを目立たせたい時に活用し…

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

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

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

こんにちはクリアメモリです! 今回は「はてなブログ」のマークダウンモードで記述した「引用」を、部分的に右寄せで表示させる方法を紹介します。 ”〇〇より引用”みたいな行だけを右寄せにすることで、引用元がわかりやすくなりますし、設定方法も簡単なの…

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

こんにちはクリアメモリです! 今回は「はてなブログのアンダーラインをカスタマイズする方法」をまとめてみました。 過去に紹介してきたアンダーラインの設定方法とコードの例を合わせて紹介します。 アンダーラインの見た目は、CSSだけで設定できて超簡単…

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

こんにちはクリアメモリです! 今回は、はてなブログで新たに追加された「トップページの先頭に記事を表示」する機能について紹介します。 お問い合わせフォームや自己紹介記事、自分が気に入っている記事などを常に表示できるようになったのでチェックして…

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

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

【はてなブログ】アンダーラインを点線にするtext-decorationの使い方!コピペOK!

こんにちはクリアメモリです! 今回は、はてなブログのアンダーラインを「点線」にするCSSを紹介します。 これまで紹介してきた「波線」や「二重線」と同じように「text-decoration」を調整することで実装できるので、ぜひ試してみてください。 今回のCSSも…

【はてなブログ】アンダーラインを二重線にするtext-decorationの使い方!コピペOK!

こんにちはクリアメモリです! 今回は、はてなブログのアンダーライン(下線)を「二重線」にするCSSを紹介します。 先日、アンダーラインを波線にするCSSを紹介したのですが、似たような方法で二重線にすることもできるので、サイトのデザインや好みに合わ…

【はてなブログ】CSSでアンダーライン(下線)を波線にするtext-decorationの使い方!コピペOK!

こんにちはクリアメモリです! 今回は、はてなブログで使用した「アンダーライン(uタグ)」で、 下線の見た目を「波線」に変更する方法を紹介します。 波線を使うことで、 より目立つテキストを実装できるようになるのでチェックしてみてください。 もちろ…

【はてなブログ 運営報告】3月は7万PV突破!プレゼント企画や読者数について振り返ってみる

こんにちはクリアメモリです! 今回は「はてなブログ3月の運営報告」をしようと思います。 3月は「7万PV」を突破したり、 目標にしていた「読者140人」を達成できたので、あらためて振り返ってみようと思います。

【はてなブログ】読者登録ボタンを動画にする方法!より目立たせたい時にオススメ!

こんにちはクリアメモリです! 今回は、はてなブログの読者登録ボタンを「動画」にする方法を紹介します。 読者登録ボタンをより目立たせることができました。 ほとんどコピペOKで、超簡単にカスタマイズできるので、ぜひ挑戦してみてください。

【はてなブログ】ドロップダウンメニューをタブレットに対応させる!クリックで表示・非表示!

こんにちはクリアメモリです! 先日「はてなブログのグローバルヘッダーをドロップダウンにする方法」を紹介しました。 その記事の中で、マウスカーソルが乗った時の動作を実装したのですが、これだと「タブレット」によるアクセスに対応できていませんでし…

【はてなブログ】画像を縁取りしてハッキリさせる方法!特定の画像だけに設定も可能!コピペOK

こんにちはクリアメモリです! 今回は「はてなブログで設置した画像を縁取りする方法」を紹介します。 コピペOKの超簡単なCSSを設定するだけで実現できるので、ぜひ試してみてください。 今回の方法では「全ての画像を縁取りする方法」と「特定の画像だけを…

【はてなブログ】ドロップダウンのグローバルヘッダーを設置する方法!カテゴリーが多い時にオススメ!

こんにちはクリアメモリです! 今回は「はてなブログのグローバルヘッダー(ヘッダーメニュー)をドロップダウン形式で表示させる方法」を紹介します。 ドロップダウンで表示させることで、カテゴリーの数が多い場合でもスッキリした見た目になるので試して…

【Googleタグマネージャ】スクロール量を取得して記事がどこまで読まれたかを調べる方法!

こんにちはクリアメモリです! 今回は、Googleタグマネージャを使って、記事がスクロールされた量(どこまで読まれたか)を分析する方法を紹介します。 はてなブログやWordPressなどでも利用できるので、ぜひチェックしてみてください。

【はてなブログ】Googleタグマネージャを導入する方法!

こんにちはクリアメモリです! 今回は「はてなブログにGoogle タグマネージャ」を導入する方法を紹介します。 Googleタグマネージャを使うことで、どこまでスクロールされたかや、どんなリンクがクリックされたのかなどを記録できるようになるので、ぜひ導入…

【はてなブログ】プロフィール画像を動画にする方法!GIF画像を使えば超簡単でした!

こんにちはクリアメモリです! 今回は、はてなブログのプロフィール画像を動画にカスタマイズする方法を紹介します。 プロフィール画像を動画にすることで、より目立たせることができますし、GIF画像を使うだけで簡単に実行できるのでぜひ試してみてください…

【はてなブログ 運営報告】1月のPV・読者増加数・記事数について振り返ってみた!

こんにちはクリアメモリです! 今回は、はてなブログを利用している当ブログの「1月の運営報告」をしてみようと思います。 1月は、PVが伸びたり読者になっていただける方が増えたりと、充実した1ヶ月だったので、記録にまとめてみました。

【SimpleMind】マインドマップを作れる無料アプリ!Mac・iPhone・Android対応で機能も豊富!

こんにちはクリアメモリです! みなさんはブログを書く時、マインドマップを活用していますか? マインドマップに記してから記事を書くことで、全体のバランスを取りやすくなりますし、スムーズに書きやすくなると思っています。 そこで今回は、PCやスマホで…

【はてなブログ】特定のカテゴリーだけを表示する方法!好きなタイトルも設定可能!

こんにちはクリアメモリです! 今回は「はてなブログで好きなカテゴリーを表示する方法」です。 サイドバーから設置できる「カテゴリー」ではなく、自分が選んだカテゴリーをサイドバーに設置できるようになるので、参考にしてみてください。

Amazonの画像に著作権はあるの?ブログでの使用はOK?サポートに聞いてみた

こんにちはクリアメモリです! Amazonは大手ショッピングサイトなので、探せばたいていの商品が見つかりますよね。 レビュー記事などでAmazonの商品画像を使いたい場合、著作権はどうなるのでしょうか。 今回は「Amazonの商品画像をブログで使う場合の著作権…

【はてなブログ】コメントスパムが来た!スパムの危険性と対策について

こんにちはクリアメモリです! 今回は「はてなブログでコメントスパム」が来たというお話です。 驚いたのは、コメントの送信者がはてなユーザーだったのと、ブログ内でコメントスパムを推奨していたこと。 今回はこの「コメントスパム」ついて危険性と対処法…

【はてなブログ】コメント時の注意点を記事下に追加する方法!事前に知らせておきたいときにオススメ!

こんにちはクリアメモリです! 今回は「はてなブログコメント欄」下に、”コメント時の注意点”のようなリンクを設置する方法を紹介します。 もらったコメントへの返信に関する説明や、コメント方法に対しての注意点をあらかじめ知らせておくことで、よりスム…

【はてなブログ 運営報告】12月もありがとうございました!今年もよろしくお願いします

こんにちはクリアメモリです! 今回は、久しぶりの運営報告です。 少し過ぎましたが、12月はいろいろあったので改めて振り返ってみようと思います。

新着記事