diff --git a/docs/user/website/docs.user.website.blog.md b/docs/user/website/docs.user.website.blog.md
index ec035a03440..b71836e016a 100644
--- a/docs/user/website/docs.user.website.blog.md
+++ b/docs/user/website/docs.user.website.blog.md
@@ -15,6 +15,11 @@ To create a new blog, just create a new Blog from:
 ![Blog](img/blog.png)
 
 
-You can format the blog using the same Markdown format
+You can format a blog using the Markdown format.You can also access your blog by going to the page “blog.html”.
+
+
+#### A sample blog-page.
+
+
+![Blog](img/blog-look.png)
 
-You can access your blog by going to the page “blog.html”
diff --git a/docs/user/website/docs.user.website.setup.md b/docs/user/website/docs.user.website.setup.md
index 3249637c2d3..4d1d7c7c070 100644
--- a/docs/user/website/docs.user.website.setup.md
+++ b/docs/user/website/docs.user.website.setup.md
@@ -29,11 +29,36 @@ To define the Top Bar Menus, Brand, Footers and Home Page, go to:
 
 > Website > Website Settings
 
+#### Step 1: Landing Page Details
 
 ![Website Setting](img/website-settings.png)
 
 <br>
 
+#### Step 2: Banner Details
+
+![Website Setting](img/website-settings-1.png)
+
+<br>
+
+#### Step 3: Top Bar Labels 
+
+![Website Setting](img/website-settings-2.png)
+
+> Note: Create seperate web pages which will be linked to the main web-icons like company, contact, products etc.
+
+<br>
+#### Step 4: Footer Details
+
+![Website Setting](img/website-settings-3.png)
+
+A website can be generated once all the settings and style requirements are added.
+
+A sample website generated by ERPNext would look like this.
+
+![Website](img/website-settings-4.png)
+
+<br>
 
 #### Top Menu