吹き出しで会話形式にするのをめっちゃ楽にしてみた【はてなブログ】 - SHIROMAG

2016年10月2日17：53に追記： コード修正したのでそれ以前にコードを貼り付けたかたは貼り直しお願いします。お手数おかけいたします。 2019年12月23日17：20に追記： デザイン、CSSを微調整しました。 CSSとChrome拡張を使って会話形式の記事を書く 今回は、はてなブログで簡単に会話形式の記事を作る方法を紹介します。 吹き出しと画像を使って会話形式にする方法は他の記事でも紹介されているのですが、すごく面倒なのです。 「会話形式の記事書くの面倒」「シロマどうにかしろ」という意見があったので、楽に実装できる方法を頑張って作りました。 最初の設定は少し面倒です。ただ、一度設定してしまえば、後はめちゃ楽ちんになると思います。 見た目はこんな感じ↓↓ 先生、今日は吹き出しを簡単に実装する方法を紹介します。 運動と瞑想の習慣がない者の末路はいつも悲惨だ。恐ろしい恐ろしい。 ・・・

[xevra]

なんやこれ、電車の中で吹き出しちゃったじゃないか。

[Delete_All]

xevra先生に依存しすぎだろwww

[agnusdei28]

xevra先生がフリー素材のようになっていく。

[lacucaracha]

すごいxevra先生、電車乗るんだ・・・。（そこじゃない）／これはすごいなあ。いつか使ってみたい。

[shiromatakumi]

恐ろしい恐ろしい。/id:leoneko514 プレフィックス付けました。ありがとうございます。

[ak1024]

先生の絵はフリー素材だし文ももはやフリー素材

[htnmiki]

ワロタのでブラジリアンワックス贈っといた

[Rag-Rush]

ほんのり滲む｢xevraさんは魚拓運営の人ではないか｣疑惑

[leoneko514]

はてぶアプリだと尻尾が回転しておらぬ。 transformにプレフィックスは当てているか？まだ必要ですぞ！

[elve]

2016.10.02より前？

[cumata-tan]

吹き出し、難しそう。 頑張ってやってみます。

[honey_apple]

はてブロ会話形式CSS

[kotechama]

参考させていただきます！

[syu_rei]

参考になりました。ありがとうございます。

[h_beer22]

参考にさせていただきます！

[kawabata100]

ありがとうございます。大変わかりやすかったです！

[aoao0501]

参考になりました。ありがとうございます。

[Freelife-chiemama]

ありがとうございました！吹き出し画像出来ました！

[mizutamari-kago]

ブログで見かけて，いいなぁ，と思っていました。試したらできました。ありがとうございました。

[miyucho728]

すごく便利です！ありがとうございます！

[asaginodaiary]

参考にさせてもらいました。スゴイです。

[nipoqo]

吹き出しできました。これで簡単に吹き出しをいれることができますね！

[kuzu-doctor]

すごすぎる。今度導入させていただきます。

[karatte]

遅蒔きながらブクマ。via: はてなブログの編集で使えるChrome拡張機能 - masalibの日記 https://masalib.hatenablog.com/entry/2018/08/26/000000

[nekonenene]

はてなブログのChrome拡張すごい

[torikooptimism]

使わせていただきます！

[shunpon]

これ見れば誰でもはてなブログで吹き出し付けれるから、まだ残留はてな民はやってみてね

[hime55]

テーマの変更に伴い、今まで使っていた吹き出しの修正が上手くいかず解決案を探していたところ、こちらを発見！コードが短くて感動です(*'▽')使いやすい！ありがとうございます。

[p_pk]

使ってみたい

[megumakou2014]

使わせていただきました！一度設定すれば楽ですね！サクサク書けます、ありがとうございました(__)

[torimuso]

ありがとうございます。使わせてもらいます。

[eagle-3axel]

ありがとうございます！早速使わせてもらいます！

[brimley3]

面白そう！chromeなんで登録してみようかな

[microbiologist]

非常に参考になりました！ありがとうございます！

[nkmskacker53]

すごーい！

[lovemyfamily]

めちゃ参考なりました！チャレンジしてみます！

[livingcanada]

使わせていただきました。ありがとうございます(*^^*)

[Apps]

めっちゃいいのあったんですやん！！！探したつもりだったのになぁ。。。まだまだググり力が低い

[tidus_tabilog]

使わせて頂きます！