diff --git a/addons/website_blog/controllers/main.py b/addons/website_blog/controllers/main.py
index bd1f2c8f16f..93390f485d8 100644
--- a/addons/website_blog/controllers/main.py
+++ b/addons/website_blog/controllers/main.py
@@ -273,6 +273,7 @@ class WebsiteBlog(http.Controller):
               "image": "data:image/png;base64,%s" % blog.content_image,
               "date": blog.create_date ,
               "author": blog.create_uid.name,
+              "author_image": "data:image/png;base64,%s" % blog.create_uid.image,
               "title": blog.name,
               "title_secondary": "It's not too hard, really.",
               "content": blog.content,
diff --git a/addons/website_blog/static/lib/page-transitions/css/styles.css b/addons/website_blog/static/lib/page-transitions/css/styles.css
index e30cd01cd97..e1a5b03754a 100644
--- a/addons/website_blog/static/lib/page-transitions/css/styles.css
+++ b/addons/website_blog/static/lib/page-transitions/css/styles.css
@@ -79,6 +79,13 @@ body article.page.next .big-image, body article.page.next .big-image {
 body article.page.next .big-image .inner, body article.page.next .big-image .inner {
   opacity: 1;
 }
+body article.page.current .big-image .inner, body article.page.current .big-image .inner {
+  opacity: 1;
+}
+body article.page.current .big-image .inner .fader .text .goto-next, body article.page.current .big-image .inner .fader .text .goto-next {
+  opacity: 0;
+}
+
 body article.page.current .big-image, body article.page.current .big-image {
   background: #B2B2B2;
 }
@@ -142,6 +149,9 @@ body article.page .big-image .inner .fader .text {
 body article.page .big-image .inner .fader .text a, body article.page .big-image .inner .fader .text h1, body article.page .big-image .inner .fader .text h2 {
   color: white;
 }
+body article.page .big-image .inner .fader .text h4 {
+  color: white;
+}
 /* line 91, ../scss/styles.scss */
 body article.page .big-image .inner .fader .text a {
   color: white;
diff --git a/addons/website_blog/static/lib/page-transitions/js/app.js b/addons/website_blog/static/lib/page-transitions/js/app.js
index fdca48c2d66..1fc9103735b 100644
--- a/addons/website_blog/static/lib/page-transitions/js/app.js
+++ b/addons/website_blog/static/lib/page-transitions/js/app.js
@@ -97,8 +97,9 @@ ArticleAnimator.contentizeElement = function($el, d){
   $el.find('h1.title').html(d.title);
   $el.find('h2.description').html(d.title_secondary);
   $el.find('.content .text').html(d.content);
-  $el.find('h3.byline time').html(d.date);
-  $el.find('h3.byline .author').html(d.author);
+  $el.find('h4.byline time').html(d.date);
+  $el.find('h4.byline .author').html(d.author);
+  $el.find('h4.byline .author_image').html("<img class='img-circle' style='width: 3%; margin-right:10px;' src='" + d.author_image + "'/>")
 }
 
 ArticleAnimator.animatePage = function(callback){
diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index e347309ee8d..449d4b529bd 100644
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -165,16 +165,14 @@
                       <a class='goto-next'>Read Next</a>
                       <h1 class='title'></h1>
                       <h2 class='description'></h2>
+                      <h4 class='byline'>
+                        <span class='author_image'></span><span class='author'></span>
+                    </h4>
                     </div>
                   </div>
                 </div>
             </div>
             <div class='content text-center'>
-                <h3 class='byline'>
-                  Published <time></time> by <span class='author'></span>
-                </h3>
-              <h1 class='title'></h1>
-              <h2 class='description'></h2>
               <div class='text'></div>
             </div>
       </article>