GitHub/GistをBloggerに埋め込んだ場合の高さ制限

ブログにソースコードをそのまま貼り付けると、けっこう見難くて自分で読んでも嫌になってくるので、Gistを使用してソースを埋め込んでいます。

ただ、ソースコードが長いと表示されるボックスも長くなってしまうため、どうにかならないかなーと思っていたところ、下記のサイトを参考にしたらうまくできました。
ブログに貼りつけたGitHub/Gistのソース埋め込みの高さ設定が簡単だった

CSSを変更するやり方なのですが、Bloggerでの使用方法をまとめておきます。

ダッシュボードから「テンプレート」を選択　＞　「カスタマイズ」

「テンプレートデザイナー」から「上級者向け」＞「CSSを追加」を選択します。

右側のウィンドウ内に下記のコードを入力するだけです。

.gist-data {
max-height: 500px;
}

どこに書いたら良いのかわからずちょっと迷いましたが、以下のように長いコードもすっきりできました。