node package manager


Liveblog 3 SEO Theme

User-friendly, indexable and fast Liveblog theme.


This theme requires Live Blog version 3.3 or higher.


The best starting point for the development of custom theme extensions is our Wiki:


Just issue a npm i followed by gulp watch-static.
Development server is up and running at localhost:8008.
Entry point for Browserify is js/liveblog.js.

you can also point to an existing liveblog api entry point by add a --embedUrl param.

gulp watch-static --embedUrl http://undefined.local:5000/embed/592ec5d15e543257f9f6ffc6


Use make or alternatively zip this directory without the node_modules and .git folders.


Generate documentation via jsdoc.

Full screen in the parent page

When embedding liveblog, you want to have to have the fullscreen mode the slideshow taking all the available space. For this you need to modify the embed code as follow:

<iframe id="liveblog-iframe" width="100%" height="715" src="http://localhost:8008/" frameborder="0" allowfullscreen></iframe>
<script type="text/javascript">
  var liveblog = document.getElementById('liveblog-iframe')
  liveblog.addEventListener('load', () => {
    var receiver = liveblog.contentWindow;
    var url = liveblog.getAttribute('src');
    receiver.postMessage(window.location.href, url);
    window.addEventListener('message', function(e) {
      if ( === 'fullscreen') { = 'position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%';
      } else { = '';

or the compressed version:

<iframe id="liveblog-iframe" width="100%" height="715" src="http://localhost:8008/" frameborder="0" allowfullscreen></iframe>
<script type="text/javascript">
var l=document.getElementById("liveblog-iframe");l.addEventListener("load",function(){var t=l.contentWindow,e=l.getAttribute("src");t.postMessage(window.location.href,e),window.addEventListener("message",function(t){"fullscreen""position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height: 100%"""})});


Liveblog 3 is licensed under AGPL v3, as is this theme.