Customize Gists

Setting up this blog, I knew I would be including a lot of code snippets into the postings.  GitHub gists seemed like a good option for easily embedding, formatting, and color-coding my code snippets.  The color scheme of the embedded gists somewhat clashed with my blog color scheme and the formatting of the gists made the blog posts look a bit busy.  After some searching, I found and modified some CSS code to give the embedded gists a cleaner look and mesh better with the overall design of the blog.  There seems to be a lot of options of which I only used a small subset.  It is essential to include “!important” after each CSS attribute, since the gist stylesheet will be loaded after your site's stylesheet, giving the gist stylesheet priority over your styles, unless you use the “!important”.

GibHub

Starting this blog, I found it difficult to share snippets of code easily through the blogger interface.  I stumbled across an easy tool to help do this: GitHub.  Its a pretty easy-to-use interface that allows you to paste your code into a text box, select which coding language you are using, and then creates an easy one line link you can embed into your Blogger blog.  It even highlights certain commands and syntax that are relevant to that coding language.  Pretty slick.