diff --git a/addons/website_blog/data/website_blog_demo.xml b/addons/website_blog/data/website_blog_demo.xml
index 1b82e42ab86..91e651e2ac3 100644
--- a/addons/website_blog/data/website_blog_demo.xml
+++ b/addons/website_blog/data/website_blog_demo.xml
@@ -25,7 +25,7 @@
             <field name="website_meta_description">The Future of Emails</field>
             <field name="content_image">/website_blog/static/src/img/post1.jpg</field>
             <field name="content"><![CDATA[
-        <section class="mt16 mb16 readable" data-snippet-id='image-text'>
+        <section class="mt16 mb16" data-snippet-id='image-text'>
             <div class="container">
                 <div class="row">
                     <iframe width="361" height="200" src="http://www.youtube.com/embed/EkbBFmIWoTE" frameborder="0" allowfullscreen></iframe>
@@ -49,7 +49,7 @@
                 </div>
             </div>
         </section>
-        <section class="mt16 mb16 readable" data-snippet-id='text-block'>
+        <section class="mt16 mb16" data-snippet-id='text-block'>
             <div class="container">
                 <div class="row">
                     <p>
@@ -155,7 +155,7 @@
                 </div>
             </div>
         </section>
-        <section data-snippet-id='cms-screeen' class="readable">
+        <section data-snippet-id='cms-screeen'>
             <div class="container">
                 <p>
                     OpenERP claims to be 'the Open Source software that makes
@@ -280,7 +280,7 @@
             <field name="website_meta_description">Sorry SAP Campaign - The Making Of</field>
             <field name="content_image">/website_blog/static/src/img/post3.jpg</field>
             <field name="content"><![CDATA[
-        <section data-snippet-id="text" class="readable">
+        <section data-snippet-id="text">
             <div class="container">
                 <div class="row">
                     <p>I needed to change the world. I wanted to ... You know how
@@ -293,7 +293,7 @@
                 </div>
             </div>
         </section>
-        <section data-snippet-id="text-image" class="readable">
+        <section data-snippet-id="text-image">
             <div class="container">
                 <div class="row">
                     <p>
diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index 8c1924e5b86..5df65e5ffc2 100644
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -144,9 +144,8 @@
             </div>
             <div class="row col-sm-12 text-muted">
                 <h3 t-field="blog_post.sub_title"/>
-                <span t-field="blog_post.create_uid.name"/>
-                <p class="post-meta text-muted text-left hidden" name='blog_post_data'>
-                    <span class="fa fa-calendar oe_date"> <span t-field="blog_post.create_date"/> &amp;nbsp;</span>
+                <p class="post-meta text-muted text-left " name='blog_post_data'>
+                    <span t-field="blog_post.create_uid.name"/> <span class="fa fa-calendar oe_date"> <span t-field="blog_post.create_date"/> &amp;nbsp;</span>
                 </p>
             </div>
             <hr class="mb0 mt0"/>
@@ -205,7 +204,7 @@
         </t>
     </div>
 
-    <div id="blog_content" t-field="blog_post.content"/>
+    <div id="blog_content" t-field="blog_post.content" class="readable"/>
 
     <section id="comments" class="container">
         <ul class="media-list" id="comments-list">