Skip to content
This repository

Adding Gist support to blogger dynamic view

branch: master

Merge pull request #3 from sethillgard/master

Adding support for multi file gists.
latest commit af9c82b0fe
Moski Doski authored July 11, 2013
Octocat-spinner-32 public Update public/gistLoader.js February 18, 2013
Octocat-spinner-32 README.md Update README.md February 18, 2013
Octocat-spinner-32 config.ru first working copy January 20, 2012
README.md

A simple way to embed gist into Blogger's dynamic view. By Moski Doski.

Usage

At the end of each of your blog posts, include the following code using the HTML editor:

<script src="https://raw.github.com/moski/gist-Blogger/master/public/gistLoader.js" type="text/javascript"></script>

Now to include any gist template just add the following anywhere in your blog post.

<div class="gistLoad" data-id="GistID" id="gist-GistID">Loading ....</div>

Replace "GistID" with your gist id.

Optionally, you can specify a file to be loaded if your gist contains multiple files using the data-file attribute, like this:

<div class="gistLoad" data-id="GistID" data-file="YourFileName.extension" id="gist-GistID">Loading ....</div><br />

Example:

<div class="gistLoad" data-id="4982341" data-file="gistfile2.cs" id="gist-4982341">Loading ....</div><br />

Development

If you want to work with this script locally. You need to clone the repo using

git clone git@github.com:moski/gist-Blogger.git

To start up the server, just run

rackup

Now, to use the local version of the script, change the script embed code in your post to the local version

<script src="http://localhost:9292/gistLoader.js" type="text/javascript"></script>

You also need to change the main script path inside (gistLoader.js)

//var gistBloggerPath = "https://raw.github.com/moski/gist-Blogger/master/public/gistBlogger.js";
var gistBloggerPath = "http://localhost:9292/gistBlogger.js";

That's it, now blogger will start calling your script.

Thanks

Something went wrong with that request. Please try again.