bloggerでのHTML5のdata-の書き方

Question

このスライドショーをBloggerに導入したいと考えています。
http://flickity.metafizzy.co/

自分のレンタルサーバーの練習用サイトでは

<div class="carousel" data-flickity>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
</div>

このように書くと問題なく動くのですが、Bloggerで使うとエラーとなります。

XML の解析中にエラーが発生しました。行 3989、列 36: Attribute name "data-flickity" associated with an element type "div" must be followed by the ' = ' character.

「data-flickity」の書き方に問題があるということで、「=」で書けよ、みたいなことだと思うのですが、調べていると

data-flickity-options='{ "cellAlign": "left", "contain": true }'

http://on-ze.com/archives/2147

このような書き方があるようでした。

特に値とかをいじらず、ちゃんとBloggerで動くようにするにはどう書けばよいでしょうか？