diff --git a/src/templates/timeslider.html b/src/templates/timeslider.html
index 6cddfc15a..0372b66c7 100644
--- a/src/templates/timeslider.html
+++ b/src/templates/timeslider.html
@@ -32,17 +32,19 @@
   <meta charset="utf-8">
   <meta name="robots" content="noindex, nofollow">
   <link rel="shortcut icon" href="<%=settings.faviconTimeslider%>">
-
+  <% e.begin_block("timesliderStyles"); %>
   <link rel="stylesheet" href="../../static/css/pad.css">
   <link rel="stylesheet" href="../../static/css/timeslider.css">
   <link rel="stylesheet" href="../../static/custom/timeslider.css">
   <style type="text/css" title="dynamicsyntax"></style>
+  <% e.end_block(); %>
 
   <link rel="localizations" type="application/l10n+json" href="../../locales.json" />
   <script type="text/javascript" src="../../static/js/html10n.js"></script>
   <script type="text/javascript" src="../../static/js/l10n.js"></script>
 </head>
 
+<% e.begin_block("timesliderBody"); %>
 <body id="padbody" class="timeslider limwidth">
   <div id="padpage">
     <div id="timeslider-top">
@@ -73,6 +75,7 @@
 
       <div class="timeslider-bar">
           <div class="editbarright toolbar" id="editbar">
+            <% e.begin_block("timesliderEditbarRight"); %>
             <ul>
               <li onClick="window.padeditbar.toolbarClick('import_export');return false;">
                 <a id="exportlink" data-l10n-id="timeslider.toolbar.exportlink.title">
@@ -81,6 +84,7 @@
               </li>
             </ul>
             <a id="returnbutton" data-l10n-id="timeslider.toolbar.returnbutton"></a>
+          <% e.end_block(); %>
           </div>
 
           <div>
@@ -221,6 +225,7 @@
     });
   })();
 </script>
+<% e.end_block(); %>
 </body>
 </html>
 
