diff --git a/css/style.css b/css/style.css
index 4bfdc2a..c456cf5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -248,7 +248,24 @@ color:#f2084a;
   -moz-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
 }
-    
+ 
+#bookmarklet{
+padding:15px;
+}
+
+.bookmarklet{
+position:relative;
+font-size:13px;
+color:gray;
+z-index:10;
+text-decoration:none;
+padding-left:30px;
+padding-right:30px;
+padding-top:10px;
+padding-bottom:10px;
+border: 2px dotted;
+}
+   
 .mp3
 {
     position:relative;
diff --git a/templates/footer.tpl b/templates/footer.tpl
index 2a5e4fd..ae9c9be 100644
--- a/templates/footer.tpl
+++ b/templates/footer.tpl
@@ -15,7 +15,6 @@
      ·
      Based on <a href="http://rg3.github.io/youtube-dl/">youtube-dl</a>
      &middot;
-     <a href="javascript:window.location='{$base_url}/api.php?url='+encodeURIComponent(location.href);">Bookmarklet</a>
      </div>
 </footer>
 </body>
diff --git a/templates/index.tpl b/templates/index.tpl
index 31a7114..34e1c82 100644
--- a/templates/index.tpl
+++ b/templates/index.tpl
@@ -21,4 +21,6 @@
     </div>
     </form>
     <a class="combatiblelink" href="extractors.php">See all supported websites</a>
+    <div id="bookmarklet"> <a class="bookmarklet" href="javascript:window.location='{$base_url}/api.php?url='+encodeURIComponent(location.href);">Bookmarklet</a> </div>
+
 </div>