美容・健康2020-01-22【はてなブログ】吹き出し会話形式の設定方法【画像で解説】ブログこんにちは。モミジです!この記事は、はてなブログで吹き出し会話の設定方法を画像付きで紹介します。(画像を用意)1パソコンのデスクトップに画像を用意します。Blogにする6パソコンのデスクトップに用意した画像を画像をアップロードの所にドラッグ(移動)させる7画像がアップロードされました。Blogを選択すると先程アップロードした画像が入っています。10画像の上で右クリック、画像アドレスをコピーを選択コピーした画像のURLはどこか別のテキストやメモに貼り付けておきます。吹き出し会話の設定方法(CSS設定)11ブログの記事管理画面へ移り、デザインを選択12スパナマークを選択13デザインCSSを選択14下記のコードを貼り付けて、赤い部分を変更(名前、画像URL)して下さい。{background-image:url(10でコピーした画像のURL);}※名前はローマ字表記で好きな名前を入力して下さい。(覚えやすい名前がオススメです!名前をつけたら忘れないようにメモしておきます)15貼り付け終わったら、変更を保存するで保存します。スマホでも表示されるように設定するためスマホマークを選択16ヘッダを選択17スマートフォン用にHTMLを設定するを選択18先程の14と同じCSSコードを貼り付け貼り付け終わったら、変更を保存するで保存して下さい。(記事作成)19記事を書くを選択20見たままモードで文章を書きます。21HTML編集を選択すると画像のようになっています。22HTML編集で吹き出しにしたい文章に下記のコードを当てはめます。名前の部分は14で考えた名前を入れます。吹き出し右だとこんな感じ!吹き出し左はこうなります♪23プレビューを選択すると吹き出しとして表示されます。スマートフォンでも表示されているか確認をしてみて、PCとスマートフォンどちらも表示されていたら完成です。お疲れ様でした多少手間がかかりますが、完成した時は嬉しかったです。一度設定してしまえは楽チンなので是非設定してみて下さい。それでは、ここまで見て下さりありがとうございました。ついての情報発信ブログです。読者になるこのブログについてプライバシーポリシーお問い合わせリンクはてなブログブログをはじめる週刊はてなブログはてなブログProスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。