【はてなブログ】コードシンタックスでファイル名のタイトルを付けたい

経緯

はてなブログの記事作成時、
コードのシンタックスにファイル名を付け加えたいと思い

内容

はてなブログの記事作成時の
コードのシンタックスにファイル名表示のスタイルを追加する方法

参考

こちらを参考にしました

→ はてなブログでソースコード表示時にタイトルを付ける - 酔いどれ技術者の備忘録