chiroito https://blog.hatena.ne.jp/chiroito/ #chiroito ’s blog https://b.chiroito.dev/ Bloggerに切り替えるにあたってSyntaxHighlighterを導入しようと考えました。理由は格好良いから。まずは導入FaziBear's Blogger Widgetsここへアクセスします。「Add to Blogger」ボタンを押しブログを選択します。「タイトル」入力欄入力して「ガジェットを追加」ボタンを押すだけです。参考：クリボウの Blogger Tipsしかし、この状態では6行程度（100px）しか表示されず、それに満たない場合は灰色で埋められてしまい格好悪いです。そのため、CSSを修正します。一番上の方にある.dp-highlighterにheight: 100%;を追加し… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fb.chiroito.dev%2Fentry%2FSyntaxHighlighter%25E3%2581%25AE%25E8%25BF%25BD%25E5%258A%25A0" title="SyntaxHighlighterの追加 - #chiroito ’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2010-11-25 17:13:00 rich https://b.chiroito.dev/entry/SyntaxHighlighter%E3%81%AE%E8%BF%BD%E5%8A%A0 1.0 100%