This page is a demo that shows everything you can do inside blog posts. We’ve included everything you need to create engaging posts and show off your work in a beautiful way.
We’ve styled up all the basic text formatting options available in markdown.
You can create lists:
- Simple bulleted lists
- Like this one
- Are cool
- Numbered lists
- Like this other one
- Are great too
You can also add blockquotes, which are shown at a larger width to help break up the layout and draw attention to key parts of your content:
“Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple. But it’s worth it in the end because once you get there, you can move mountains.”
You can throw in some horizontal rules to break up your content too:
Embedding videos is super easy – just paste an embed code from YouTube or Vimeo, and Popcorn makes sure it displays perfectly:
You can use some simple HTML code to create image galleries:
Popcorn makes it easy to create grid layouts for your images. Just use a bit of simple HTML in your post to create a masonry grid image layout:
<div class="gallery" data-columns="3"> <img src="/images/demo/square-01.jpg"> <img src="/images/demo/portrait-02.jpg"> <img src="/images/demo/square-04.jpg"> <img src="/images/demo/square-03.jpg"> <img src="/images/demo/square-05.jpg"> <img src="/images/demo/landscape-05.jpg"> </div>
Change the number inside the ‘columns’ setting to create different types of gallery for all kinds of purposes. You can even click on each image to seamlessly enlarge it on the page.
Here’s another gallery with only one column, which creates a carousel slide-show instead. A nice little feature: the carousel only advances when it is in view, so your visitors won’t scroll down to find it half way through your images.
That’s about it for blog posts, enjoy!