![[Blogger] アドセンス広告を遅延読み込み（LazyLoad）で高速表示する方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxve5FUhd8TWR4uyC7LQGpqqgwZCUnst07fjHcn9BsExjnTaw0DSUrNDBIjA65cadfCLHZKfvS8MfbQP2IY94b_sJsVjmUptdKGVhLXFsVI8YLcJxT_cgvzNQKsxMLFRgEvrB_Mth8l4Tj904guoB_l8SH2WwJrEpT0nyTachchZ0TMWoaBSyp2hRJ7sfd/w320-h180-p-k-no-nu/%E3%82%A2%E3%83%89%E3%82%BB%E3%83%B3%E3%82%B9%E5%BA%83%E5%91%8A%E9%81%85%E5%BB%B6%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BF%E9%AB%98%E9%80%9F%E5%8C%96.png)
[Blogger] アドセンス広告を遅延読み込み（LazyLoad）で高速表示する方法
JetThemeではアドセンス広告の遅延読み込みをするLazyloadが搭載されていて、表示が高速化されています。 他のテーマ（QooQやF-lightなど）でも実装できたらブログが快適になって良いですよね。 ということで実装してみましょう！ 本記事ではアドセンス広告を遅延読み込...
![[Blogger] 無料で使えるメールフォーム「フォームメーラー(FormMailer)」の使い方・設置方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFoy-tGo9Fohq7SajXCnR42sBqz2ZHH3oVB5hCI3DkJJMCAPS-pkjNCbz-F5xVjqqk6fedH_zS-dC3FjgotdF3xEuEW9RJNOvTerZfCpIVHahRZLs-snHpRlVXriCreBrvGRxbID-MSmm70bf0VBgbZ2h97Bh8txdL6ql3CiWEmdZbriCFt_TIiGtXz5v/w320-h180-p-k-no-nu/%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%A1%E3%83%BC%E3%83%A9%E3%83%BC.png)
[Blogger] 無料で使えるメールフォーム「フォームメーラー(FormMailer)」の使い方・設置方法
Bloggerのガジェットにも連絡フォームがあります。 連絡フォーム関連記事 ➡ プロフィール＆連絡フォームガジェットの設定方法 ➡ 連絡フォームガジェットのデザイン編集方法 ➡ 連絡フォームを個別のページで作成する方法 ですが過去に何度か不具合が発生していたり、迷惑...
![[Blogger] QooQのパンくずリストに複数のラベルを表示する方法（修正版）](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCVbstaWtNC3bsePUQ_A9Axjl5WoSTXgckO8a48-l0QiNnBIUBMVonUKCR2nuwq4N7ZNcQUEkYruY6idWqHVDKl9oKYkz94Y21mTVVpkvvEipwX5XQnsecp1TaEzdZscH8kfWUMsDXqJ7lwogQ2r6Xsbavr-vLGJ_XZBpcm8U8R1C_JiuO85djcARLvpx6/w320-h180-p-k-no-nu/QooQ%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88%E4%BF%AE%E6%AD%A3.png)
[Blogger] QooQのパンくずリストに複数のラベルを表示する方法（修正版）
以前QooQの パンくずリストに複数のラベルを表示する方法 を解説したのですが、構造上問題があったため修正版をあげます。 また元のQooQのプロトコルの指定が古かったので同時に修正しています。 本記事ではQooQのパンくずリストを新しいものに変更し、複数のラベルを表示する方法を解...
![[Blogger] fieldsetタグを使わずにタイトル付き囲み枠を使用する方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoyWoo5rePW7rzWSW8WbTWXtU4FsqmSyBILEozUU555ZppQ1L__LsMGugeQy4IPtXniC_gr5h5Gu3sm3-HPMGQaJxXh6vT9auq0jmjAX-kIkieNM_AWy5Dg_uuF2BHHvYZwiZgdgQx0iuAvz__otTRT6SdE60QFByAuKF1eCY5N_8o_1C6L_RhukjxPlzv/w320-h180-p-k-no-nu/fieldset%E3%82%BF%E3%82%B0%E3%81%AA%E3%81%97%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E4%BB%98%E3%81%8D%E5%9B%B2%E3%81%BF%E6%9E%A0.png)
[Blogger] fieldsetタグを使わずにタイトル付き囲み枠を使用する方法
当ブログでは解説していませんでしたが、Bloggerでも以下のようなタイトル付きの囲み枠を使用することが可能です。 タイトル ここに文章が入ります。 これには<fieldset>タグを使っているのですが、JetThemeではデザインが乱れてしまうことが判明しました...
![[Blogger] JetThemeアドセンス広告設定方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkm8XEYS1ICpY0rT1xIYFfx-Lg_SzHa16FQVjtivM6zM-VNpx_sFnlM5LA9MD37sKMcwxjqBCZ4j3i67OztPMllRYLlZAlDuxNrPG6u5jVLFmVI4KW_JrkB3qyvpLTGJKjQujtzy9-YotHFkCt0XaVrqN5PRzY8rddZKBVIAcl17-qlt01Pd13hUWa7l8G/w320-h180-p-k-no-nu/JetTheme%E3%82%A2%E3%83%89%E3%82%BB%E3%83%B3%E3%82%B9%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95.png)
[Blogger] JetThemeアドセンス広告設定方法
JetThemeではアドセンス広告の遅延読み込みをするLazyloadが搭載されていて、表示の高速化ができるようになっています。 ただレイアウトのガジェット追加のAdSenseで広告を挿入してしまうとその効果が発揮されません。 本記事ではJetThemeのアドセンス広告設定方法を...
![[Blogger] JetThemeサムネイル画像ホバー動作追加方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7BkOi0UXVuNvNCm3QouoUH2aQQ4TGF_zd0RnJP1I26c_Dn2BsW9mD2tnle7nE_l2Ozh7Z9SO45DDEzI6Tt1asS_1vFYq5aVmbIVzckiCQau1s2dZ3xo0jYCXbG2E5wolnT3Ac7tutCv8yf7Nacpv5buMI40Ub4AKks7lnDjdX8K82ICDbL11Smo5xNGsP/w320-h180-p-k-no-nu/JetTheme%E3%82%B5%E3%83%A0%E3%83%8D%E3%83%9B%E3%83%90%E3%83%BC%E5%8B%95%E4%BD%9C.png)
[Blogger] JetThemeサムネイル画像ホバー動作追加方法
JetThemeのサムネ画像はホバー動作がなく、マウスポインターが変化するだけです。 スマホで見る分には影響ありませんが、パソコンで見ると少し分かりにくい感じがします。 本記事ではマウスホバー（マウスオーバー）でサムネ画像を変化させる方法を解説します！ CSSの追加方法 左のメ...
![[Blogger] JetThemeアーカイブガジェットの使用は非推奨](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCbN42pFldPAKsccjSce1jPiJPto1Pn6Kn9Y8xYvLjN-7zegsB2oyfLR34fobLIdTh7EuXNkjg5Ed3YHVeNywB-0N3hXB7iqFBTlUtw2FqKs30fWXhkgWzFXVKjw1Exj7lwdrwar4ZCWwXN8VYDdSAPXV3OQ8oZ1MUYZ69IDurFG4edsBDfSRMta4y27pK/w320-h180-p-k-no-nu/JetTheme%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E4%BD%BF%E7%94%A8%E9%9D%9E%E6%8E%A8%E5%A5%A8.png)
[Blogger] JetThemeアーカイブガジェットの使用は非推奨
JetThemeは様々な機能が備わった優秀なテーマです。 ただ、その中での注意として今回はアーカイブガジェットの使用が非推奨であるという話をしていきます。 アーカイブガジェット JetThemeでもアーカイブガジェットを使用することは可能です。 ただデザイン性はなく、閉じる機能...
![[Blogger] ガジェット追加だけの簡単シンプルなプロフィール作成方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv7VyCI4f78unMFaWEP-ql0OBPAvyUI_Ory4qeuZIlfJuECmHqIA-bNSOg4Jj64KyhCRvy4TjMz7Zh1JPgKC8OI8Lt_bqjzn9sDuR2LW2X6m8F1qGkB0Vl-ap-6AK_BenVbC7R1Z37KcsgyCGttHcOqFuCo5hyphenhyphen6HG9CldOf3kLHQ1Z-XtszNeFZmB0E417/w320-h180-p-k-no-nu/%E7%B0%A1%E5%8D%98%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%83%97%E3%83%AD%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB.png)
[Blogger] ガジェット追加だけの簡単シンプルなプロフィール作成方法
JetThemeでプロフィールガジェットを使用すると、リンクなどがない文字の羅列になってしまいます。 これだと実用性に欠けるため、HTML / JavaScriptガジェットを使用したオリジナルプロフィールを作成して対応しました。 この方法はJetTheme以外のどんなテーマでも...
![[Blogger] JetThemeサイドバー見出しデザイン変更方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhih4rOFhrjeSGhYUpxtz3WN-OF9sxf3TQQxxTV7WenSNi8g87e_N_AjXNxab0vIRaFuYoZKa2JW9kI0QtOyeB67ow5PZ0Blx7DcKLBPwNWmf5955BEcVV4b6VYdxqnkY0UbLA2REQdfvzY5jxXrOCi5i2liS5EG5GXlxzL_aO36Q1o1_M1CwSyYvoDEpaj/w320-h180-p-k-no-nu/JetTheme%E3%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3.png)
[Blogger] JetThemeサイドバー見出しデザイン変更方法
JetThemeのサイドバーのタイトル（見出し）デザインはシンプルに細い横線のみとなっています。 これを自分のブログに合ったデザインに変更してみましょう！ 本記事ではJetThemeのサイドバーのタイトル（見出し）デザイン変更方法を解説します。 初期のデザインを無効化する方法 ...
![[Blogger] JetTheme記事の見出しデザイン変更方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDGpxRReUItR4GhZGJR5rk698HKBtiAmfGfQeICVxBb6fL_g9f4p3Kc-9ZUtu9Pa8XrK-aE-AE0cBLWOCQUIqrX1fxvjqrGTpjCVrS4CIpqofJ70dNX3lt3SaQXqHFytPoaIhUcB0-HsI5TsivSDkyxNwvJWsX1R3QMLZkEP2aczDsbfAkNqMm3L06S6GX/w320-h180-p-k-no-nu/JetTheme%E8%A6%8B%E5%87%BA%E3%81%97%E5%A4%89%E6%9B%B4%E6%96%B9%E6%B3%95.png)
[Blogger] JetTheme記事の見出しデザイン変更方法
JetThemeの初期状態の見出しデザインはとてもシンプルです。 これをブログに合ったデザインに変更してみましょう！ 本記事ではJetThemeの見出しデザイン変更方法を解説します。
新しい投稿はありません
前の投稿