【 QooQ カスタマイズ 】 bxSlider を使って関連記事をスライド表示させる
Blogger のテンプレート QooQ の関連記事を、bxSlider を使ってスライド表示にするカスタマイズを紹介します。応用次第で、カスタマイズの幅が広がること間違いなしです。
Blogger に画像スライダー 【 bxSlider 】 を実装する方法
ブログなどに簡単に実装できる画像スライダー bxslider を紹介します。オプションも豊富で、自分好みのスライダーを実装することができます。写真をたくさん利用する Web ページなどは、使う価値がありそうですね。
自動車税はクレジットカードで支払ったほうが得?大きなメリットは感じなかった。
自動車税のクレジットカード支払いに、それほど大きなメリットはありません。強いて言えば、期日内にいつでも、どこでも支払うことが可能なことがメリットです。めんどくさがり屋さんにとっては、良いサービスかもしれません。
【 CodePen 】 Web 上で作成した HTML や CSS をブログの記事内にデモ付きで表示させる
Codpen は Web 上で HTML や CSS の記述ができ、リアルタイムで確認することのできるサービスです。ここでは CodePen の基本的な使い方を説明します。
ブログの収益化は罪ではなく、文字書きとして成長できた証だと思います。ここではアフィリエイトについて、基本的なことを覚え書きとして残しています。
コピペで簡単!はてなブログカード風ブログカードを作成する方法
コピペで簡単にブログカードを作成できるサービスの紹介です。参考に「はてなブログカード」のように表示させる CSS を載せておきました!CSS をカスタマイズして自分好みのブログカードを作ってみましょう。
Google アドセンスで廃止されたリンクユニットを設置する方法
ここでは Google アドセンスで廃止された「リンクユニット(リンク広告)」を設置する方法を紹介します。ディスプレイ広告など、主張性が強い広告を使いたくない方は、リンクユニット広告がオススメです。
【 QooQ 1カラム化まとめ 】 1カラムデザインカスタマイズ完成しました!
Blogger のテンプレート QooQ を1カラム化したときに行ったカスタマイズのまとめになります。1カラムデザインにもメリット、デメリットはありますが、個人的にはメリットが優っていると思っています。是非、1カラム化してみてください。
【 QooQ カスタマイズ 】 パンくずリスト移動とそれに伴う調整
トップページにパンくずリストはいらないですよね?Blogger のテンプレート QooQ のパンくずリストを記事一覧ページ( トップページ )でなく、個別記事ページのトップに移動させる方法になります。また、一緒に「 〇〇〇 の投稿を表示しています。 」という表示もさせます。
【 QooQ カスタマイズ 】 画面左側に縦型のナビゲーションバーを設置する
Blogger のテンプレート QooQ の カスタマイズ。画面左側に縦型のナビゲーションバーを設置する方法になります。上側や下側に固定するナビゲーションバーよりも、記事を読んでいるときの邪魔になりにくいと思います。
【 QooQ カスタマイズ 】 ナビゲーションバーを下スクロールで消えて、上スクロールで表示されるようにする
画面上部に固定したナビゲーションバーを下スクロールで消し、上スクロールで表示されるようにする方法です。今回は例として Blogger のテンプレート QooQ のナビゲーションバーに導入してみました。ID や Class を変更することで、違うテンプレートにも適用できると思います!
Blogger ブログで頂いたコメントを一覧表示させる方法になります。簡単に設置できる方法と、個別ページに設置する方法の2通りをご紹介します。
【 QooQ カスタマイズ 】 記事一覧にスニペットの導入と調整
Blogger のテンプレート QooQ の記事一覧にスニペットを導入する方法と、スマホ画面サイズでスニペットを表示しても邪魔にならないように調整する方法です。記事一覧をリスト表示することによりスペースが確保できたため、スニペット導入を決めました!
【 シンプル・レスポンシブ対応・ドロップダウン 】 ナビゲーションバー 【 決定版 】
シンプルでレスポンシブ対応、ドロップダウンメニューも実装したナビゲーションバーの作成方法です。例では Blogger のテンプレート QooQ を使用していますが、どんなテンプレート、ブログサービスでもコピペで使えると思います。ドロップダウンメニューは自動で閉じるようにしてあります。
【 QooQ カスタマイズ 】 サイドバーをボタンで開閉できるようにする
Blogger のテンプレート QooQ のサイドバーを通常は隠しておき、ボタンを押すことで表示させるカスタマイズ方法です。ブログデザインを2カラムから1カラムにしたいときなど、使用用途はいろいろ考えられます。
無料で使えるコピペツール 【 Clibor 】 でブログ執筆効率を劇的アップさせる!
コピペツールとして優秀な Clibor ( クリボー )の紹介です。Clibor は、定型文を保存することができ、即座に必要な定型文をコピペすることができるようになるソフトです。ブログを書く上でも重宝するフリーソフトですので、ブログ執筆効率をアップさせたい人、必見です!
ブログでの 「 About 」 がどういう意味なのか調べてみた
この記事はこんな悩みを解決します! ブログや Web サイトの About ってどういう意味なんだろう こんにちは、HARU( @HARU )です。 皆さんは「 About 」って意味知っていますか? 普通に翻訳すると「...
ブログや SNS のプロフィールアイコンどうしよう。悩んだ挙句、フリー素材を選びました。
この記事はこんな悩みを解決します! プロフィールアイコンってそんなに大事? ブログや SNS でプロフィールアイコンどうしよう アイコンを無料で作成できるサービスを知りたい こんにちは!HARU( ...
【 QooQ カスタマイズ 】 トップページの記事一覧をリスト表示にしてみたよ!
この記事はこんな悩みを解決します! QooQ の記事一覧をリスト表示にさせたい こんにちは、HARU( @HARU )です。 久しぶりに QooQ のカスタマイズやってみようと思います。 今回は トップページの記事一覧を...
使いやすくなったのか?Blogger のインターフェースが新しくなった件。
こんにちは、HARU( @HARU )です。 かなり前から Blogger のインターフェースが変わる( というより変わっていた )ことは知っていました。 しかし、今まで使い慣れていたというのもあって、新しいインターフェースを使うことを拒んでいたのが実情です。通知...
Google フォームのお問い合わせを自分好みにカスタマイズ!
この記事はこんな悩みを解決します! Google フォームでお問い合わせを作ったけど、見た目をカスタマイズしたい お問い合わせ送信後のサンクスページを別タブで表示させたい スパム対策を強化したい こ...
【 QooQ 】 関連記事のサムネイル画像が表示されないことがある
この記事はこんな悩みを解決します! Blogger のテンプレート QooQ の関連記事のサムネイルが表示しないときがある こんにちは、HARU( @HARU )です。 Blogger のテンプレートである QooQ を...
この記事はこんな悩みを解決します! Google フォームで作ったお問い合わせフォームなどにスパム対策をしたい こんにちは、HARU( @HARU )です。 ここでは Google フォームで作成したお問い合わせフォームな...
【 Blogger 】 お問い合わせページの作成には Google フォーム
この記事はこんな悩みを解決します! Blogger ブログにお問い合わせページを作りたい こんにちは、HARU( @HARU )です。 Blogger ブログにはお問い合わせ用の連絡フォームがガジェットで追加できます。 ...
この記事はこんな悩みを解決します! そもそもパーマリンクって何? Blogger ブログのページにパーマリンクを設定したい 記事ページにもパーマリンクを設定したい こんにちは、HARU( @HARU...
無料で良質なアイコンをブログに使いたい方へ 【 Font Awesame 】
この記事はこんな悩みを解決します! 自分のブログにアイコンを表示させたい Font Awesome の使い方が知りたい こんにちは HARU( @HARU )です。 自分でブログや Web サイトを運営してい...
【 Blogger 】 ブログ上部に設置できるメニュー(ナビゲーションバー)を作ってみた
この記事はこんな悩みを解決します! Blogger ブログで上部にメニュー( ナビゲーションバー )を設置したい QooQ みたいなナビゲーションバーが欲しい こんにちは HARU( @HARU )です。 今...
この記事はこんな悩みを解決します! ブログを始めて1年後にはどうなっているんだろう 1年間の実際の収益って…? これからブログで収益をあげたい!って方へのアドバイス こんにちは HARU( @HAR...
【 Blogger 】 サイドバーメニュー(ドロップダウン付き)を改良してみた
この記事はこんな悩みを解決します! このブログで紹介されているサイドバーメニューで親要素にもリンクが欲しい こんにちは HARU( @HARU )です。 今回は前回作成したサイドバーメニューを改良して、 階層メニューがある...
【 Blogger / QooQ 】サイドバーメニュー(ドロップダウン付き)を作ってみた
この記事はこんな悩みを解決します! Blogger ブログでサイドメニューを設置したい ブログにコピペで設置できるサイドメニューのひな型が欲しい こんにちは HARU( @HARU )です。 今回は Blog...
こんにちは HARU( @HARU )です。 Blogger ブログでは難しいと思っていた、 ラベル別に自動で階層表示させる方法 が見つかりました! これにより、 ラベル機能でカテゴリーとタグを区別させることができます。 今回、QooQ のテンプレートをベースに...
ページ内リンクを 「 すぅ~っと 」 スムースにスクロールさせたい
こんにちは! HARU( @HARU )です。 ブログを書いているとたまに使うページ内リンクですが、 よくあるスムースに「 すぅ~と 」スクロール されるようにしたくないですか? 実はこれ簡単に実装することができるのです。 たまにと言いましたが、実際は「 目次 ...
【 QooQ カスタマイズ 】 ナビゲーションバーをカスタマイズする
こんにちは! HARU( @HARU )です。 Blogger のテンプレートである QooQ の ナビゲーションバー についてカスタマイズしてみました。 変更点 ナビゲーションバーの位置変更 ナビゲーションバーの位置固定 ...
【 QooQ カスタマイズ 】 読みやすいブログを目指して記事欄の幅を変更
こんにちは! HARU( @HARU )です。 ブログはレイアウト次第で、読みやすくもなり、読みづらくもなります。 Blogger のテンプレートである QooQ は、レスポンシブデザインであり、 画面サイズにより記事欄の幅が自動で調整されます。 これは Qoo...
こんにちは! HARU( @HARU )です。 今回は Blogger でヘッダーのタイトルを画像に変更する方法 について説明します。 いわゆる ヘッダー画像 を入れる方法ですね。 タイトルを表示させたまま、画像の埋め込みも可能 です。 ブログのヘッダーを華や...
Blogger では “ 実質無制限 ” に画像をアップロードできる!
こんにちは! HARU( @HARU )です。 ブログサービスには必ず、 アップロードした画像や動画の容量制限があります。 もちろん無料ブログサービスだとって意味です。有料ブログであれば、最大容量は増やせるでしょう。 Blogger にも容量制限がありますが、 ...
CSS の display を覚えれば ブログのレイアウト調整はらくちん
こんにちは! HARU( @HARU )です。 ブログのカスタマイズ( レイアウト調整 )をしているときに、何かうまくいかないなってことありませんか? もしかしたら、display の指定をすることで解決するかもしれません! ということで、ブログのカスタマイズを...
【 QooQ カスタマイズ 】 ラベル・人気の投稿・次( 前 )の投稿ボタン リンク範囲変更
こんにちは! HARU( @HARU )です。 今回は Blogger のテンプレートである QooQ の、 各リンク範囲について変更 してみました。 変更場所 ガジェットで追加できるラベル集 ガジェットで追加できる人気の投稿欄 ...
【 QooQ カスタマイズ 】 ラベル別記事一覧の表示記事数を変更
こんにちは! HARU( @HARU )です。 今回は Blogger のテンプレートである QooQ の、 ラベル別記事一覧で表示される記事数の変更 をしてみました。 Blogger ブログでは標準の機能であるラベル( 一般にはカテゴリ? )をクリックすると、ラ...
ads.txt って何だ?Blogger ブログで ads.txt を設定してみた
こんにちは! HARU( @HARU )です。 久しぶりに収益の無い() Google アドセンスの管理画面を見に行ったら、こんな文章が表示されていました。 「 要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。」 ……...
img タグ( 画像 )を p タグ などで囲む理由とタグの使い分け
こんにちは! HARU( @HARU )です。 皆さんはブログ記事本文内の 画像( img タグ )は p タグなどで囲んでいますか? 結論から言うと、基本的に 画像( img タグ )は p タグや div タグなどで囲むのが一般的です。 囲まなくても画像を表...
こんにちは HARU( @HARU )です。 ここでは私が実際に行っている SEO 対策について紹介したいと思います。 個人的には SEO 対策は不要 と考えていますが、郷に入れば郷に従え。 自分で考えて意味のあると思ったこと、苦にならないことならばやろうと思い...
【 QooQ カスタマイズ 】 Blogger ブログで最終更新日を表示させたい
こんにちは HARU( @HARU )です。 私のブログで使っているテンプレートの QooQ は、ブログ記事を更新したときに最終更新日が表示されない。 ということで QooQ で ブログ記事が更新された場合、最終更新日が表示できるようにしよう。 ※テンプレートの...
こんにちは HARU( @HARU )です。 新しくブログを始めて1ヶ月が経過しました。 今までこんなに頑張ってブログを書いたことがなかったから、 これアクセスじゃんじゃんくるんじゃね? って思ってたときもありました( 意味深 ) ブログを初めてやりましたって人...
楽々スクリーンショットソフト 【 Screenpresso 】
こんにちは HARU( @HARU )です。 PC 画面上の内容をブログでシェアしたいなど、理由はいろいろあるだろうけどスクリーンショットを撮る機会は多々あるかと思う。 そんなとき、あなたはどうしているだろうか。 windows の PC であれば、[ Prt ...
こんにちは。HARU( @HARU )です。 Atom はそのままでも十分使いやすいテキストエディタだけど、設定とプラグインでさらに使いやすく、自分好みなエディタにカスタマイズすることができる。 今回は最低限、これだけはやっておいたほうがいいオススメな設定とプラグ...
こんにちは。HARU( @HARU )です。 Google のサービスのひとつ。 Blogger でブログを作成する方法を説明したいと思う。 Blogger には他のブログ作成サービスと違って、自動で挿入される広告がないことや Google アドセンスの取得のし...
どうも初めまして、私の名前は HARU といいます。 ブログというものを書き始め5年ほど経っていますが、書いては休止、書いては休止を繰り返しダラダラと過ごしてきました。 ブログも20記事くらい書いては新しいブログを作りと、とにかく継続して書いたブログは……ないです...
「ブログリーダー」を活用して、HARUさんをフォローしませんか?