bloggerでgoogleのcode-prettifyを使ってコードを表示する

投稿作成モードを「HTMLビュー」にして次の赤字部分を記載する。 

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=desert"></script>
<pre class="prettyprint linenums">
#------------------------
# SAMPLE  CODE
#------------------------
#!/usr/bin/bash
# get dirname of this script
SCRIPT_DIR=$(cd $(dirname $0) ; pwd)
echo $SCRIPT_DIR
</pre>