diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index affd18a..14c3c34 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -17,6 +17,8 @@ blog = "blog/:slug/"
 
 [params]
 Author = "Arthur Dent"
+# Gravatar = "" # do not use in the same time as Avatar
+# Avatar = "" # path to image in static dir e.g img/avatar.png (do not use in the same time as Gravatar)
 CacheBuster = true
 DateForm = "Jan 2, 2006"
 DateFormFull = "Mon Jan 2 2006 15:04:05 MST"
@@ -30,5 +32,5 @@ Initials = "ad" # Displayed on single post page; DEPRECATED in v0.3.0.
 Lang = "en"
 LinkedIn = "//linkedin.com/in/you"
 Twitter = "//twitter.com/you"
-Gravatar = "abcdef"
+
 ExtraCssFiles = [ "/css/override.css" ] # In your `static/css`, add/remove files as necessary.
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 633d175..7e82ea7 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -9,7 +9,9 @@
     <div class="container">
         <div class="content">
             {{ if .Site.Param "Gravatar" }}
-              <img class="gravatar" src="https://gravatar.com/avatar/{{ .Site.Param "Gravatar" }}?s=50" />
+              <a href="/"><img class="avatar" src="https://gravatar.com/avatar/{{ .Site.Param "Gravatar" }}?s=50" /></a>
+            {{ else if .Site.Param "Avatar" }}
+              <a href="/"><img class="avatar" src="/{{ .Site.Param "Avatar" }}" /></a>
             {{ end }}
             <a href="/"><div class="name">{{ .Site.Param "Author" }}</div></a>
             <nav>
diff --git a/static/css/main.css b/static/css/main.css
index 1be718e..9d642a6 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -180,9 +180,10 @@ section.header .content {
   -ms-align-items: center;
   align-items: center;
 }
-section.header .container .content .gravatar {
+section.header .container .content .avatar {
   border-radius: 60px;
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
+  max-width: 50px;
 }
 section.header .name {
   font-size: 18px;