diff --git a/addons/website_blog/controllers/main.py b/addons/website_blog/controllers/main.py
index 6a24c1f8e6d..67294488354 100644
--- a/addons/website_blog/controllers/main.py
+++ b/addons/website_blog/controllers/main.py
@@ -303,3 +303,10 @@ class WebsiteBlog(http.Controller):
                     'author_image': "data:image/png;base64,%s" % post.author_id.image,
                 })
         return values
+        
+    @http.route('/blogpsot/change_background', type='json', auth="public", website=True)
+    def bg_change(self, post_id=0,image=None, **post):
+        post_obj = request.registry.get('blog.post')
+        values = {'content_image' : image}
+        ids = post_obj.write(request.cr, SUPERUSER_ID, [int(post_id)], values)
+        return []
diff --git a/addons/website_blog/static/src/js/website_blog.editor.js b/addons/website_blog/static/src/js/website_blog.editor.js
index 1626015ea1c..6c3723a35fc 100644
--- a/addons/website_blog/static/src/js/website_blog.editor.js
+++ b/addons/website_blog/static/src/js/website_blog.editor.js
@@ -25,7 +25,31 @@
                 }).then(function (cat_id) {
                     document.location = '/blogpost/new?blog_id=' + cat_id;
                 });
-            }
+            },
         }),
+        edit: function () {
+            var res = this._super();
+            $('body').on('click', '#change_cover',change_bg);
+            return res;
+        },
+        save : function() {
+            openerp.jsonRpc("/blogpsot/change_background", 'call', {
+                'post_id' : $('#blog_post_name').attr('data-oe-id'),
+                'image' : $('.blog_cover')[0].style.background.replace('url(','').replace(')',''),
+            });
+            return this._super();
+        },
     });
+
+    function change_bg(ev){
+        var self  = this;
+        var editor  = new  website.editor.ImageDialog();
+        editor.on('start', self, function (o) {
+            o.url = $(self).parent()[0].style.background.replace('url(','').replace(')','');
+        });
+        editor.on('save', self, function (o) {
+            $(self).parent().css("background-image", o.url && o.url !== "" ? 'url(' + o.url + ')' : "");
+        });
+        editor.appendTo('body');
+    }
 })();
diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index 2956befa25b..b197c339b27 100644
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -265,6 +265,9 @@
         <h2 class="text-center " t-field="blog_post.sub_title"/>
     </xpath>
     <xpath expr="//div[@id='title']" position="inside">
+        <a t-ignore="true" id="change_cover" class="btn btn-primary hover-edition-button css_non_editable_mode_hidden" style="top: 533px; left: 648px; cursor :pointer">
+            Change Cover Photo
+        </a>
         <div class="text-center blog_item">
             <img class="img-circle" t-att-src="'/website/image?model=res.users&amp;field=image_small&amp;id='+str(blog_post.create_uid.id)" style="width: 30px; margin-right: 10px;"/>
             <small id="blog_author" t-field="blog_post.create_uid.name"/>