投稿日：2022-01-11
＜＜会話風吹出しHTMLソースの生成[はてなブログ用]＞＞
以下の操作を行うことで、簡単に会話風/考え事風の吹出しHTMLソースを生成します。生成後は生成されたHTMLソースをコピーすることにより、自分のHTMLにペーストして利用します。
（１）吹出しタイプとアイコン位置をラジオボタンで選ぶ。
（２）人物アイコン情報と人物名を入力する。
（３）文章欄に会話風/考え事風にしたい文章を入力後、[HTML生成]ボタンをクリックする。
（４）[HTMLコピー]ボタンをクリックし、生成された吹出しHTMLソースをクリップボードにコピーする。
＜生成されたHTML＞
＜＜事前準備と注意事項＞＞
（１）以下を参照して、事前に『アイコン画像の用意』及び『「ダッシュボード-デザイン-カスタマイズ-{} デザインCSS」でCSSコードをコピー＆ペースト』する必要がある。
【はてなブログ】WordPressみたいな会話形式の吹き出しを使おう💓（コピペOK / 初心者向け） - 【ちゃんこめBlog】インド在住OLの雑記ブログ
（２）「ダッシュボード-デザイン-スマートフォン-詳細設定」で「リスポンシブデザイン」をチェックする。
（３）はてなブログのみで確認し、他のブログでは確認していない。
（４）吹出しの背景色や丸み・テキスト文字色などを変更したい場合は、参考資料「ちゃんこめBlog」を参考のこと。
＜＜参考資料＞＞
www.chankome.com
エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)
