Perhaps neither? That is, you could always have two columns of text, with the examples arranged to fit up with your guide itself. Thus, as we are reading, we can flick our eyes to the side to see the example if we so wish, or ignore it. This still makes a massive post, and, if that is the only concern, it probably makes it worse. But it might increase readability (except on smartphones).
Alternately, if you were making a dead-tree version of the guide (or a PDF version), then you could always use a medieval gloss. That is, the example would be in a block of text at the center of the page, and your guide would be in the borders around the text, explaining what is going on. You can see an example of this here:
http://www.bodley.ox.ac.uk/dept/scwmss/ ... 201067.jpgEven if neither option appeals to you, I'd suggest that "inline v. at the end" is a false dichotomy.