Adding a CSS GitHub Ribbon to a Jekyll Site
It is possible that someone might want to reuse some of the code on this blog, or maybe the Jekyll configuration that drives it. For this reason I’ve added an HTML+CSS “Fork Me on GitHub” ribbon, here’s how.
There’s a great tutorial from Daniel Perez Alvarez. This is all I needed to make it happen. If you want to know more about how this works then chek out Daniel’s detailed tutorial.
For my blog all I needed to do was to add the following HTML to the body of my default.html template:
Then a little styling is needed. This is almost identical to Daniels CSS, the changes I made place my ribbon on the top right rather than top left. These changes are simply to change the position to ‘right’ rather than left and to rotate +45 degrees rather than -45 degrees.
- Adding Related Posts to Jekyll Blogs
- Adding an Edit Link to Github Pages in Jekyll
- Adding a Bing Search Box to a Website
- Schedule Jekyll Posts for Publication
- Dockerizing a Jekyll Site
- Adding a Twitter Button to a Jekyll Blog
- Adding Twitter Cards to a Jekyll Site
- Creating a Jekyll Blog