完全無料！Bloggerで副業ブログを始めよう！初心者向け完全ガイド
専業ブロガーではなく、副業や育児の副業としてブログを始めたい人にとって、初期費用がかからず完全無料でブログを始めたい人にとってBloggerは魅力的です。GoogleのブログサービスであるBloggerは、アフィリエイトもアドセンスも利用でき、収益化を目指してブログを始めること...
Blogger
ブログパーツ生成ツール：コピペボタン付きソースコードブロック
ブログにコードを載せるときにどうやって載せようか悩みませんか？コードを読者に手軽に使ってもらえるように、コピー機能付きのコードブロックを作りました。また、ブログをスマホで更新することが多い方にも便利なように、コードブロック内をその場で編集できる機能も追加してみました。よければ参考...
HTMLのみで画像を横並び2列にトリミングして配置する方法
Bloggerで画像をきれいに横並びに配置したいとき、標準機能だけでは少し工夫が必要です。スマホで撮った縦長の写真は何枚もブログに載せると画像だけでスクロールが必要で横並びしたくなりますよね。画像を表形式で並べたり、単に画像サイズを調整するだけでは、縦横比がばらばらになったり、1...
コピペOK！Bloggerでスマホ対応の吹き出し会話形式の作り方
吹き出し会話形式のブログをよく見かけますよね。会話形式にすることで単純に文字を読むより、メリハリができるので、使ってみたいと思いました。スマホとPCで見やすいサイズの吹き出しになるように考慮して最終的にはこのような形でできました。 Bootstrapを使うことで、初心者でも簡単...
Bloggerの個別ページにCSSを反映されない時の対策(スマホ/JetTheme対応)
Bloggerは無料でできるブログなので、始めやすいのですが、WordPressのようにもっと見やすい記事にしたいと思ってきました。特に会話形式がブログを読む上でテンポが良くなるので、やりたいと思い、CSSを適用してました。しかし、スマホでは反映されないという壁にぶち当たったので...
【Card】BootstrapのCardでピックアップ記事を複数表示しよう！(JetTheme)
Bloogerのデフォルトの「Featured Post」のウィジェットでは、1つの記事しか固定表示できなくて不便だと思ったことありませんか？ この記事では、JetThemeに組み込まれているBootstrapを使って、見せたい記事やジャンルを複数表示する方法を解説します。 Bo...
【記事の2列表示編】JetThemeでスマホでも見やすいブログを作ろう！初心者向け完全ガイド
この記事では、JetThemeをさらにカスタマイズして、より見やすく使いやすいブログにする方法を解説していきます。 まだJetThemeを導入していない方 は、まずはこちらの記事を読んで、JetThemeの初期設定を行いましょう。 【初期設定編】JetThemeでスマホでも見やす...
【初期設定編】JetThemeでスマホでも見やすいブログを作ろう！初心者向け完全ガイド
「bloggerでブログを始めてみけど、デフォルトのデザインがスマホで見にくい…」って思いませんか？Webデザインをしたことのない初心者の私ですが、中級者向けと言われる「JetTheme」に挑戦してみました。スマホでも見やすいブログにできたので、解説していきます。 1. Jet...