diff --git a/layout/_partial/header.ejs b/layout/_partial/header.ejs
index b108e41..d331e68 100755
--- a/layout/_partial/header.ejs
+++ b/layout/_partial/header.ejs
@@ -46,6 +46,20 @@
           <% function menu(value) { %>
             <% if (value.name == 'hr') { %>
               <hr>
+            <% } else if (value.icon && value.icon.indexOf('fa-compact-disc') > -1 && value.url  == undefined && value.rows  == undefined) { %>
+              <li>
+                <a class="flat-box">
+                  <i class='<%= value.icon %> fa-fw music'></i>
+                  <%- value.name %>
+                </a>
+                <ul class="submenu">
+                  <li class='header'>
+                    <div class="aplayer-container">
+                      <%- partial('../_third-party/aplayer', {post: null, where: 'footer'}) %>
+                    </div>
+                  </li>
+                </ul>
+              <li>
             <% } else if (value.name != undefined && value.url  == undefined && value.rows == undefined) { %>
               <li class='header'>
                 <% if (value.icon) { %>
diff --git a/source/css/_layout/navbar.styl b/source/css/_layout/navbar.styl
index c803ab7..ecb8651 100644
--- a/source/css/_layout/navbar.styl
+++ b/source/css/_layout/navbar.styl
@@ -168,6 +168,19 @@
       display: block
       padding: 0 8px
       color: alpha($color-text, 85%)
+      i.music
+        animation: rotate-effect 1.5s linear infinite
+        @keyframes rotate-effect
+          0%
+            transform: rotate(0)
+          25%
+            transform: rotate(90deg)
+          50%
+            transform: rotate(180deg)
+          75%
+            transform: rotate(27  0deg)
+          100%
+            transform: rotate(360deg)
       &.current
         border-bottom: $border-line solid alpha($color-theme, 80%)