2018-02-17以前WordPressで吹き出し可能なプラグインを紹介しましたが、無料ブログでも「吹き出し」やりたいですよね。見てたら楽しそうですもんね。CSSとかHTMLとかよくわからない。ネット上で探してきたCSSを貼ってみたものの、吹き出しの色とか画像のサイズとか変えたくてもどこをどう変えればいいのかわからないということが多いかと思います。できるだけ簡単に変更できちゃうようにしてみようということでFC2ブログをベースに考えてみました。僕もCSSできるのかって聞かれると「いや~わかんないっすね」と即答してしまう程度なので、調べに調べまくってコーディングしてみました。ココ変だよってところがあったらコメントいただけると幸いです。ちなみに、今回はいつもの二人はお休みです。おなじ「吹き出し」ではあるんですけど、出処が違う吹き出しなので観てるあなたも僕も混乱しそうなので。ここでもプラグインではなく、新しいオリジナル吹き出しで表示するようにしました。新しいオリジナル吹き出しの記事も参考にしてみてくださいね。ブログで吹き出し会話第3弾!より使いやすくパワーアップ!以前、無料ブログでも吹き出しが使えるようにと以下の記事を書いたことがあります。まとめFC2にこの方法で吹き出しを追加してみるまずはこの方法でFC2に吹き出しを追加するとどんな感じになるのか気になるかと思いますので、画像とリンクを貼っておきますね。実際のページを見るにはココ:FB-800とかりんの日記CSSをFC2テンプレートに適用させる上記のような吹き出しを適用させるためにFC2ブログの「テンプレートの設定」から行っていきます。このとき、万が一間違ってしまっても大丈夫なようにテンプレートの複製をおすすめします。編集したいテンプレートを選んだら、スタイルシート編集でコードを追加します。スタイルシート編集で追加するコードは以下のコードです。以下のコードをすべてコピーして貼り付けてください。これでとりあえず吹き出しで会話をするための準備ができました。*****************************************************************/会話形式の記事を書く次に記事を書く際に以下のHTMLコードを使います。左側に画像が表示される吹き出しの場合はこちらのコードをコピーして画像URL:表示したい画像のURLここは左吹き出し:会話の内容に置き換えてください。-->右側に画像が表示される吹き出しの場合はこちらのコードをコピーして画像URL:表示したい画像のURLここは右吹き出し:会話の内容に置き換えてください。-->どうでしょうか?あなたのブログに吹き出しはでましたか?きっとあなたの感想はかりんも言ってますが、こうだと思います。「吹き出しの色がきもちわるくない?」はい、色変えちゃいましょう。あなた好みの吹き出しにカスタマイズブログのデザインやカラムのサイズによっては吹き出し本体サイズや色、アイコンサイズを少し変えたいなってときがあります。CSS中のいろいろなところを変えないといけなかったり、変え忘れてしまって「アレ?」ってことがあったり。なにより間違って変えてしまった日には戻せなくなって「もう、あ~きらめた!」なんてことも。そんなことがないようにできるだけ簡単に変更できるようにしてみましたので、参考にしてください。吹き出しの色を変えるまずは、あなたが一番気になっているであろう吹き出しの色を変えてみます。いうか簡単なのでいろいろ変えてみてあなたのブログに合った色にしてみてくださいね。先ほどスタイルシートに貼り付けたコードの一番最初の方に以下のような箇所があります。ここの色を好きな色に変えてみてください。カラーコードでOKですよ。white;/*吹き出しフォント色指定*/アイコンサイズを変えるもう少しアイコン大きい方が良かったり、小さい方がいいなってときはここのサイズを変えてみてください。90px;/*アイコンサイズ*/レスポンシブに対応するFC2ブログでレスポンシブに対応する場合は「スマートフォン用」のテンプレートの編集を行う必要があります。一度もスマートフォン用のテンプレートを設定したことがないという場合はテンプレート自体が設定されていませんので、まず好きなテンプレートを追加しましょう。テンプレートを設定したことがある場合は「テンプレート管理」テンプレートの設定をしたことがない場合は「テンプレートの追加」から追加後にテンプレートの管理に進みましょうスマートフォン用テンプレート管理に進んだら先ほどと同様にCSSの貼り付けを行います。その際以下のようにアイコンサイズと吹き出しサイズをスマートフォンに合ったサイズに変更します。ここもあなたのブログに合ったサイズに変更しましょう。160px;/*吹き出しサイズ*/まとめ実は、少しだけ変更を加えてはいますが、ここでも同じようにして吹き出しでの会話を表示させています。吹き出しを使えば、その寂しさも吹っ飛ぶかもしれません!基本的には吹き出し用CSSを貼り付けて、会話を入れたいところに吹き出し用HTMLを入れればよいので簡単にできると思います。活用してみてください。FC2ブログを例に登録方法を説明していきますね。方ははすこし手間どるかもしれませんが、順番通りにゆっくり進めていきましょう。こちらからFC2の登録画面に入ります。するとFC2ブログの初期ページが開きます。画面左上に「ブログをはじめる」とありますので、こちらをクリックします。Bubble」なんかこれいやだなぁ。した吹き出しで話したいよ。HTMLとかCSSとか変えないといけないんだよねぇ。遊び心というかブログを書いているとマンネリ化してモチベーションが↓↓ってことありますよね。楽しく読んでもらうには楽しく書かなきゃって思うんです。それで導入したいと思ったのが吹き出し。...2017/5/23意外な悩みの種。ハンドルネームはなににする?はじめまして、決めたばかりの真新しいハンドルネームで自己紹介「ロフ」です。当サイトの管理人です。ブログやサイトを運営する場合に決めなくてはいけないものひとつに「ハンドルネーム」がありますよね。いわゆるネット上での「ニックネーム」みたいなものですが、これが意外と悩んじゃうんですよね。できれば、「覚えやすくて」、「愛着も沸いて」、「被らなくて」、「おかしくない(名前として成立しそうなもの)」がいいですよね。先日、アフィリエイト関係の記事で「賢威7」を紹介したんですが、たくさん購入してもらえたらなぁと思い、購入特典を考えていました。それで、購入特典としてカスタマイズ用のコードをお披露目しようと思ってたんですが、購入特典用のページ作ってロックかけたりとか、特典用のバナーに貼りなおしたりとか、なんかもうめんどくさいわぁ。ことで、普通に公開することにしました。本人がいいと言ってるのでいいのでは?非効率的というかなんというか、もったいないのは間違いないですが。...2017/7/19ブログの表示改善に行った2つのことある日の午後の出来事。Poorって...今の仕事を始めたばかりの頃に、考え方がPoorだとか設計がPoorだとか言われたのを思い出しました。う~ん、いろいろネットで調べてみたんだけど「エックスサーバー」が良いっていうのが多かったかな。料金はいろんなサーバー同士で比較しやすいんだけどその他の用語がむずかしくて。用語解説もしながら比較してみましょう。簡単に主要な機能や性能、価格をまとめましたのでそれに沿ってみてみましょう。...2017/8/2サイトやブログの見た目をカスタマイズする意義サイトやブログを公開しているということは、多くの人に見てもらいたい。