インドアな日々

【 QooQ カスタマイズ 】 bxSlider を使って関連記事をスライド表示させる

Blogger のテンプレート QooQ の関連記事を、bxSlider を使ってスライド表示にするカスタマイズを紹介します。応用次第で、カスタマイズの幅が広がること間違いなしです。

2021/06/25 15:00

Blogger に画像スライダー 【 bxSlider 】 を実装する方法

ブログなどに簡単に実装できる画像スライダー bxslider を紹介します。オプションも豊富で、自分好みのスライダーを実装することができます。写真をたくさん利用する Web ページなどは、使う価値がありそうですね。

2021/06/10 17:00

自動車税はクレジットカードで支払ったほうが得？大きなメリットは感じなかった。

自動車税のクレジットカード支払いに、それほど大きなメリットはありません。強いて言えば、期日内にいつでも、どこでも支払うことが可能なことがメリットです。めんどくさがり屋さんにとっては、良いサービスかもしれません。

2021/05/20 18:00

【 CodePen 】 Web 上で作成した HTML や CSS をブログの記事内にデモ付きで表示させる

Codpen は Web 上で HTML や CSS の記述ができ、リアルタイムで確認することのできるサービスです。ここでは CodePen の基本的な使い方を説明します。

2021/04/12 17:00

ブログの収益化は罪なのか？アフィリエイト初心者の覚え書き

ブログの収益化は罪ではなく、文字書きとして成長できた証だと思います。ここではアフィリエイトについて、基本的なことを覚え書きとして残しています。

2021/02/03 17:00

コピペで簡単！はてなブログカード風ブログカードを作成する方法

コピペで簡単にブログカードを作成できるサービスの紹介です。参考に「はてなブログカード」のように表示させる CSS を載せておきました！CSS をカスタマイズして自分好みのブログカードを作ってみましょう。

2021/01/22 17:00

【 新年のご挨拶 】2021年もよろしくお願いいたします。

2021/01/06 16:00

Google アドセンスで廃止されたリンクユニットを設置する方法

ここでは Google アドセンスで廃止された「リンクユニット（リンク広告）」を設置する方法を紹介します。ディスプレイ広告など、主張性が強い広告を使いたくない方は、リンクユニット広告がオススメです。

2020/12/07 17:00

【 QooQ 1カラム化まとめ 】 1カラムデザインカスタマイズ完成しました！

Blogger のテンプレート QooQ を1カラム化したときに行ったカスタマイズのまとめになります。1カラムデザインにもメリット、デメリットはありますが、個人的にはメリットが優っていると思っています。是非、1カラム化してみてください。

2020/11/27 15:00

【 QooQ カスタマイズ 】 パンくずリスト移動とそれに伴う調整

トップページにパンくずリストはいらないですよね？Blogger のテンプレート QooQ のパンくずリストを記事一覧ページ（ トップページ ）でなく、個別記事ページのトップに移動させる方法になります。また、一緒に「 〇〇〇 の投稿を表示しています。 」という表示もさせます。

2020/11/24 14:00

【 QooQ カスタマイズ 】 画面左側に縦型のナビゲーションバーを設置する

Blogger のテンプレート QooQ の カスタマイズ。画面左側に縦型のナビゲーションバーを設置する方法になります。上側や下側に固定するナビゲーションバーよりも、記事を読んでいるときの邪魔になりにくいと思います。

2020/11/19 17:00

【 QooQ カスタマイズ 】 ナビゲーションバーを下スクロールで消えて、上スクロールで表示されるようにする

画面上部に固定したナビゲーションバーを下スクロールで消し、上スクロールで表示されるようにする方法です。今回は例として Blogger のテンプレート QooQ のナビゲーションバーに導入してみました。ID や Class を変更することで、違うテンプレートにも適用できると思います！

2020/11/16 17:00

Blogger ブログでもらったコメントを一覧表示したい

Blogger ブログで頂いたコメントを一覧表示させる方法になります。簡単に設置できる方法と、個別ページに設置する方法の2通りをご紹介します。

2020/11/09 14:00

【 QooQ カスタマイズ 】 記事一覧にスニペットの導入と調整

Blogger のテンプレート QooQ の記事一覧にスニペットを導入する方法と、スマホ画面サイズでスニペットを表示しても邪魔にならないように調整する方法です。記事一覧をリスト表示することによりスペースが確保できたため、スニペット導入を決めました！

2020/11/04 14:00

【 シンプル・レスポンシブ対応・ドロップダウン 】 ナビゲーションバー 【 決定版 】

シンプルでレスポンシブ対応、ドロップダウンメニューも実装したナビゲーションバーの作成方法です。例では Blogger のテンプレート QooQ を使用していますが、どんなテンプレート、ブログサービスでもコピペで使えると思います。ドロップダウンメニューは自動で閉じるようにしてあります。

2020/10/28 14:00

【 QooQ カスタマイズ 】 サイドバーをボタンで開閉できるようにする

Blogger のテンプレート QooQ のサイドバーを通常は隠しておき、ボタンを押すことで表示させるカスタマイズ方法です。ブログデザインを2カラムから1カラムにしたいときなど、使用用途はいろいろ考えられます。

2020/10/14 16:00

無料で使えるコピペツール 【 Clibor 】 でブログ執筆効率を劇的アップさせる！

コピペツールとして優秀な Clibor （ クリボー ）の紹介です。Clibor は、定型文を保存することができ、即座に必要な定型文をコピペすることができるようになるソフトです。ブログを書く上でも重宝するフリーソフトですので、ブログ執筆効率をアップさせたい人、必見です！

2020/10/08 14:00

ブログでの 「 About 」 がどういう意味なのか調べてみた

この記事はこんな悩みを解決します！ ブログや Web サイトの About ってどういう意味なんだろう こんにちは、HARU（ @HARU ）です。 皆さんは「 About 」って意味知っていますか？ 普通に翻訳すると「...

2020/09/28 14:00

ブログや SNS のプロフィールアイコンどうしよう。悩んだ挙句、フリー素材を選びました。

この記事はこんな悩みを解決します！ プロフィールアイコンってそんなに大事？ ブログや SNS でプロフィールアイコンどうしよう アイコンを無料で作成できるサービスを知りたい こんにちは！HARU（ ...

2020/09/24 16:00

【 QooQ カスタマイズ 】 トップページの記事一覧をリスト表示にしてみたよ！

この記事はこんな悩みを解決します！ QooQ の記事一覧をリスト表示にさせたい こんにちは、HARU（ @HARU ）です。 久しぶりに QooQ のカスタマイズやってみようと思います。 今回は トップページの記事一覧を...

2020/09/07 13:00

使いやすくなったのか？Blogger のインターフェースが新しくなった件。

こんにちは、HARU（ @HARU ）です。 かなり前から Blogger のインターフェースが変わる（ というより変わっていた ）ことは知っていました。 しかし、今まで使い慣れていたというのもあって、新しいインターフェースを使うことを拒んでいたのが実情です。通知...

2020/09/01 20:00

Google フォームのお問い合わせを自分好みにカスタマイズ！

この記事はこんな悩みを解決します！ Google フォームでお問い合わせを作ったけど、見た目をカスタマイズしたい お問い合わせ送信後のサンクスページを別タブで表示させたい スパム対策を強化したい こ...

2020/08/24 20:00

【 QooQ 】 関連記事のサムネイル画像が表示されないことがある

この記事はこんな悩みを解決します！ Blogger のテンプレート QooQ の関連記事のサムネイルが表示しないときがある こんにちは、HARU（ @HARU ）です。 Blogger のテンプレートである QooQ を...

2020/08/18 18:00

誰でも簡単！Google フォームにスパム対策

この記事はこんな悩みを解決します！ Google フォームで作ったお問い合わせフォームなどにスパム対策をしたい こんにちは、HARU（ @HARU ）です。 ここでは Google フォームで作成したお問い合わせフォームな...

2020/08/12 14:00

【 Blogger 】 お問い合わせページの作成には Google フォーム

この記事はこんな悩みを解決します！ Blogger ブログにお問い合わせページを作りたい こんにちは、HARU（ @HARU ）です。 Blogger ブログにはお問い合わせ用の連絡フォームがガジェットで追加できます。 ...

2020/08/11 15:00

【 Blogger 】 ページにパーマリンクを設定する方法

この記事はこんな悩みを解決します！ そもそもパーマリンクって何？ Blogger ブログのページにパーマリンクを設定したい 記事ページにもパーマリンクを設定したい こんにちは、HARU（ @HARU...

2020/08/04 20:00

無料で良質なアイコンをブログに使いたい方へ 【 Font Awesame 】

この記事はこんな悩みを解決します！ 自分のブログにアイコンを表示させたい Font Awesome の使い方が知りたい こんにちは HARU（ @HARU ）です。 自分でブログや Web サイトを運営してい...

2020/07/22 15:00

【 Blogger 】 ブログ上部に設置できるメニュー（ナビゲーションバー）を作ってみた

この記事はこんな悩みを解決します！ Blogger ブログで上部にメニュー（ ナビゲーションバー ）を設置したい QooQ みたいなナビゲーションバーが欲しい こんにちは HARU（ @HARU ）です。 今...

2020/07/20 15:00

【 ブログ1周年 】 1年間ブログを運営した結果

この記事はこんな悩みを解決します！ ブログを始めて1年後にはどうなっているんだろう 1年間の実際の収益って…？ これからブログで収益をあげたい！って方へのアドバイス こんにちは HARU（ @HAR...

2020/07/13 14:00

【 Blogger 】 サイドバーメニュー（ドロップダウン付き）を改良してみた

この記事はこんな悩みを解決します！ このブログで紹介されているサイドバーメニューで親要素にもリンクが欲しい こんにちは HARU（ @HARU ）です。 今回は前回作成したサイドバーメニューを改良して、 階層メニューがある...

2020/07/08 21:00

【 Blogger / QooQ 】サイドバーメニュー（ドロップダウン付き）を作ってみた

この記事はこんな悩みを解決します！ Blogger ブログでサイドメニューを設置したい ブログにコピペで設置できるサイドメニューのひな型が欲しい こんにちは HARU（ @HARU ）です。 今回は Blog...

2020/07/06 13:00

Blogger でラベルを階層表示させたい

こんにちは HARU（ @HARU ）です。 Blogger ブログでは難しいと思っていた、 ラベル別に自動で階層表示させる方法 が見つかりました！ これにより、 ラベル機能でカテゴリーとタグを区別させることができます。 今回、QooQ のテンプレートをベースに...

2020/05/20 15:00

ページ内リンクを 「 すぅ～っと 」 スムースにスクロールさせたい

こんにちは！ HARU（ @HARU ）です。 ブログを書いているとたまに使うページ内リンクですが、 よくあるスムースに「 すぅ～と 」スクロール されるようにしたくないですか？ 実はこれ簡単に実装することができるのです。 たまにと言いましたが、実際は「 目次 ...

2020/05/18 11:00

【 QooQ カスタマイズ 】 ナビゲーションバーをカスタマイズする

こんにちは！ HARU（ @HARU ）です。 Blogger のテンプレートである QooQ の ナビゲーションバー についてカスタマイズしてみました。 変更点 ナビゲーションバーの位置変更 ナビゲーションバーの位置固定 ...

2020/05/14 16:00

【 QooQ カスタマイズ 】 読みやすいブログを目指して記事欄の幅を変更

こんにちは！ HARU（ @HARU ）です。 ブログはレイアウト次第で、読みやすくもなり、読みづらくもなります。 Blogger のテンプレートである QooQ は、レスポンシブデザインであり、 画面サイズにより記事欄の幅が自動で調整されます。 これは Qoo...

2020/04/13 19:00

Blogger でヘッダーのタイトルを画像に変更する方法

こんにちは！ HARU（ @HARU ）です。 今回は Blogger でヘッダーのタイトルを画像に変更する方法 について説明します。 いわゆる ヘッダー画像 を入れる方法ですね。 タイトルを表示させたまま、画像の埋め込みも可能 です。 ブログのヘッダーを華や...

2020/04/09 19:00

Blogger では “ 実質無制限 ” に画像をアップロードできる！

こんにちは！ HARU（ @HARU ）です。 ブログサービスには必ず、 アップロードした画像や動画の容量制限があります。 もちろん無料ブログサービスだとって意味です。有料ブログであれば、最大容量は増やせるでしょう。 Blogger にも容量制限がありますが、 ...

2020/04/03 18:30

CSS の display を覚えれば ブログのレイアウト調整はらくちん

こんにちは！ HARU（ @HARU ）です。 ブログのカスタマイズ（ レイアウト調整 ）をしているときに、何かうまくいかないなってことありませんか？ もしかしたら、display の指定をすることで解決するかもしれません！ ということで、ブログのカスタマイズを...

2020/03/30 18:00

【 QooQ カスタマイズ 】 ラベル・人気の投稿・次（ 前 ）の投稿ボタン リンク範囲変更

こんにちは！ HARU（ @HARU ）です。 今回は Blogger のテンプレートである QooQ の、 各リンク範囲について変更 してみました。 変更場所 ガジェットで追加できるラベル集 ガジェットで追加できる人気の投稿欄 ...

2020/03/19 14:00

【 QooQ カスタマイズ 】 ラベル別記事一覧の表示記事数を変更

こんにちは！ HARU（ @HARU ）です。 今回は Blogger のテンプレートである QooQ の、 ラベル別記事一覧で表示される記事数の変更 をしてみました。 Blogger ブログでは標準の機能であるラベル（ 一般にはカテゴリ？ ）をクリックすると、ラ...

2020/03/12 17:00

ads.txt って何だ？Blogger ブログで ads.txt を設定してみた

こんにちは！ HARU（ @HARU ）です。 久しぶりに収益の無い() Google アドセンスの管理画面を見に行ったら、こんな文章が表示されていました。 「 要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。」 ……...

2020/03/11 14:00

img タグ（ 画像 ）を p タグ などで囲む理由とタグの使い分け

こんにちは！ HARU（ @HARU ）です。 皆さんはブログ記事本文内の 画像（ img タグ ）は p タグなどで囲んでいますか？ 結論から言うと、基本的に 画像（ img タグ ）は p タグや div タグなどで囲むのが一般的です。 囲まなくても画像を表...

2020/03/10 14:00

【 QooQ カスタマイズ 】 トップページの記事リンクのカスタマイズ 【 ホバーアニメーション 他 】

2020/02/24 14:00

Blogger ブログで記事内に複数のアドセンス広告を設置する方法

2020/02/12 14:00

それでも文字数が気になるアナタへ。文字数のカウントはここで

2020/02/11 14:00

【 QooQ カスタマイズ 】 関連記事のデザインを変更 【 サムネイルを 丸 から 四角 へ 他 】

2020/02/06 16:00

レスポンシブ対応！ブログにタブメニューを実装してみた 【 Blogger ブログ 】

2020/02/04 14:00

Blogger ブログで記事内に自動でアドセンスを設置する方法

2020/01/30 14:00

簡単にできる SEO 対策をまとめてみた

こんにちは HARU（ @HARU ）です。 ここでは私が実際に行っている SEO 対策について紹介したいと思います。 個人的には SEO 対策は不要 と考えていますが、郷に入れば郷に従え。 自分で考えて意味のあると思ったこと、苦にならないことならばやろうと思い...

2020/01/28 12:00

【 ブログ初心者のための 】 アクセス数を増やすため？結局 SEO 対策ってなんなのさ

2020/01/25 14:00

【 ブログ6ヶ月目 】 コツコツ書かないと書かなくなるホント

2019/12/26 14:00

ブログランキングサイトに登録した結果！！

2019/12/25 14:00

ブログにアップする画像編集に最適！画像一括編集ソフト 【 Ralpha 】

2019/11/28 15:00

Google アドセンス合格のための最終手段 【 AdSense 審査状況確認フォーム 】

2019/09/17 14:00

【 Google アドセンス審査合格 】 合格までの道のりと要点まとめ

2019/09/10 22:00

外部 CSS と Script の設置場所はココがオススメ

2019/09/09 19:00

CSS の使い方は大丈夫？ブログデザイン変更の一歩

2019/09/05 12:00

自分でブログのデザインを変えたい！HTML と CSS の基本のき！

2019/08/23 12:00

【 HTML 初心者必見 】 ブログのデザインを変えたいときは Google Chrome を使え！

2019/08/22 12:00

【 QooQ カスタマイズ 】 パンくずリストと関連記事にラベルすべての要素を追加する

2019/08/20 15:00

ブロガーならテキストエディタでブログを書くべき3つの理由

2019/08/13 14:00

【 QooQ カスタマイズ 】 Blogger ブログでリンクの装飾を CSS でカスタマイズ 【 外部リンクアイコン他 】

2019/08/12 18:00

ブログネタを見つけれないそこのアナタへ！難しくないネタの見つけた方

2019/08/09 18:00

【 QooQ カスタマイズ 】 Blogger ブログで最終更新日を表示させたい

こんにちは HARU（ @HARU ）です。 私のブログで使っているテンプレートの QooQ は、ブログ記事を更新したときに最終更新日が表示されない。 ということで QooQ で ブログ記事が更新された場合、最終更新日が表示できるようにしよう。 ※テンプレートの...

2019/08/07 19:00

【 SEO 】 画像サイズによるブログ表示速度の変化を検証してみた

2019/08/06 16:00

ブログのページ読み込み速度が SEO に関係するってホント？

2019/08/05 19:00

オリジナルなアイキャッチ画像を無料で作成【 Canva 】

2019/08/04 12:00

【 簡単 SEO 対策 】img タグには alt 属性を付けるといいことあるかも？

2019/08/03 12:00

【 ブログ1ヶ月目 】 アクセスなんてまったくない件

こんにちは HARU（ @HARU ）です。 新しくブログを始めて1ヶ月が経過しました。 今までこんなに頑張ってブログを書いたことがなかったから、 これアクセスじゃんじゃんくるんじゃね？ って思ってたときもありました（ 意味深 ） ブログを初めてやりましたって人...

2019/08/02 12:00

アイキャッチ画像に使える！簡単に はめ込み 画像作成 【 MockDrop 】

2019/07/27 12:00

ブロガーの頼もしい味方ソフト【 Screenpresso 】 の使い方と裏技

2019/07/26 12:00

【 ブログ初心者必見 】 ブログカスタマイズで先にやっておきたいこと 【 JQuery 】

2019/07/25 19:00

【 highlight.js 】 を使いやすくする！ソースコードをボタン1つで全選択他

2019/07/24 12:00

テキストエディタ 【 Atom 】 を使って実際にブログ記事を書いてみよう

2019/07/23 12:00

注意点は2つだけ！ブログにソースコードを表示させる

2019/07/22 14:00

【 Screenpresso 】 インストール方法 for Windows

2019/07/21 14:00

楽々スクリーンショットソフト 【 Screenpresso 】

こんにちは HARU（ @HARU ）です。 PC 画面上の内容をブログでシェアしたいなど、理由はいろいろあるだろうけどスクリーンショットを撮る機会は多々あるかと思う。 そんなとき、あなたはどうしているだろうか。 windows の PC であれば、[ Prt ...

2019/07/20 14:00

【 超初心者向け 】 Blogger のテンプレートを反映・編集する方法

2019/07/19 19:00

簡単に設置できる！Blogger ブログでトップへ戻るボタンを設置する

2019/07/18 19:00

ブログの文字の大きさはこれで決めよう！【 rem 】 を使ってフォントサイズを調整

2019/07/17 23:00

2枚の画像を比較できる。画像比較スライダー 【 Beer Slider 】 を Blogger ブログに導入

2019/07/16 22:00

自動で目次作成！Blogger ブログで目次を挿入する

2019/07/15 12:00

【 Atom 】 オススメな設定とプラグイン

こんにちは。HARU（ @HARU ）です。 Atom はそのままでも十分使いやすいテキストエディタだけど、設定とプラグインでさらに使いやすく、自分好みなエディタにカスタマイズすることができる。 今回は最低限、これだけはやっておいたほうがいいオススメな設定とプラグ...

2019/07/14 19:00

基本中の基本！ブログの書き方 【 p タグと br タグ 】

2019/07/13 19:00

Blogger でブログを始めてみよう

こんにちは。HARU（ @HARU ）です。 Google のサービスのひとつ。 Blogger でブログを作成する方法を説明したいと思う。 Blogger には他のブログ作成サービスと違って、自動で挿入される広告がないことや Google アドセンスの取得のし...

2019/07/12 12:00

Bloggerブログに表示するソースコードを見やすくしたい 【 highlight.js 】

2019/07/11 12:00

【 Atom 】 のインストール方法を図解で解説！for windows

2019/07/10 12:00

ブログを書くならテキストエディタ 【 Atom 】 を使って書こう

2019/07/09 12:00

本格的アクセス解析ツール 【 Googleアナリティクス 】 を導入

2019/07/08 12:00

簡単にブログのアクセスアップ！ping 送信を 【 PINGOO! 】 で一括管理

2019/07/07 12:00

ブログのアクセスアップすることはできるのか？ブログランキングサイトに登録してみた

2019/07/06 12:00

これしかない！Blogger でオススメなテンプレート 【 QooQ 】

2019/07/05 12:00

無料ブログなら Blogger 一択？勉強も兼ねて Blogger を使ってみる

2019/07/04 12:00

インドア趣味とかのブログ始めてみた

どうも初めまして、私の名前は HARU といいます。 ブログというものを書き始め5年ほど経っていますが、書いては休止、書いては休止を繰り返しダラダラと過ごしてきました。 ブログも20記事くらい書いては新しいブログを作りと、とにかく継続して書いたブログは……ないです...

2019/07/03 11:32