Membuat History Baca Chapter

#theHistory li{width:100%;border:1px solid #ececec;font-size:14px;
padding:11px 12px;list-style: none
}
#theHistory li:hover{
  background-color: #3367d6
}
#theHistory li:hover a{
  color:white
}

<script src='//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js' type='text/javascript'/>

<script>
//<![CDATA[
var max_history = 10;
var _0x4bbe=["sort","generateHTML","warn","remove","^([^ ]+( +[^ ]+)+)+[^ ]}","prototype","exception","bind","max",'{}.constructor("return this")( )',"constructor","time","ready","#theHistory","getStored","checkLocalStorage","info","__proto__","function","savename","run","table","length","parse","stringify","push","getLocalStorage","return (function() ","</a></li>","parent","getTime","</strong></mm>","error","console","html","setItem","reverse","storyID","toString","storeLocalStorage","keys","bm_history","apply",'<li><a href="'];!function(r,e){var t=function(e){for(;--e;)r.push(r.shift())};!function(){var r={data:{key:"cookie",value:"timeout"},setCookie:function(r,e,t,n){n=n||{};for(var o=e+"="+t,x=0,a=r.length;x<a;x++){var i=r[x];o+="; "+i;var u=r[i];r.push(u),a=r.length,!0!==u&&(o+="="+u)}n.cookie=o},removeCookie:function(){return"dev"},getCookie:function(r,e){var n,o=(r=r||function(r){return r})(new RegExp("(?:^|; )"+e.replace(/([.$?*|{}()[]\/+^])/g,"$1")+"=([^;]*)"));return n=431,t(++n),o?decodeURIComponent(o[1]):void 0}};r.updateCookie=function(){return new RegExp("\\w+ *\\(\\) *{\\w+ *['|\"].+['|\"];? *}").test(r.removeCookie.toString())};var e=r.updateCookie();e?e?r.getCookie(null,"counter"):r.removeCookie():r.setCookie(["*"],"counter",1)}()}(_0x4bbe);var _0x1800=function(r,e){return _0x4bbe[r-=0]},_0x1203d0=_0x1800,_0x3d6de4=function(){var r=!0;return function(e,t){var n=r?function(){if(t){var r=t.apply(e,arguments);return t=null,r}}:function(){};return r=!1,n}}(),_0x28fdd3=_0x3d6de4(this,function(){var r=function(){var e=_0x1800;return!r[e("0x13")]('return /" + this + "/')()[e("0x13")](e("0xd")).test(_0x28fdd3)};return r()});_0x28fdd3();var _0x2407ad=function(){var r=!0;return function(e,t){var n=r?function(){if(t){var r=t[_0x1800("0x7")](e,arguments);return t=null,r}}:function(){};return r=!1,n}}(),_0x21fd93=_0x2407ad(this,function(){var r,e=_0x1800;try{r=Function(e("0x24")+e("0x12")+");")()}catch(e){r=window}for(var t=r[e("0x2a")]=r[e("0x2a")]||{},n=["log",e("0xb"),e("0x19"),e("0x29"),e("0xf"),e("0x1e"),"trace"],o=0;o<n[e("0x1f")];o++){var x=_0x2407ad[e("0x13")][e("0xe")][e("0x10")](_0x2407ad),a=n[o],i=t[a]||x;x[e("0x1a")]=_0x2407ad[e("0x10")](_0x2407ad),x[e("0x3")]=i[e("0x3")][e("0x10")](i),t[a]=x}});_0x21fd93();var HISTORY={};HISTORY[_0x1203d0("0x11")]=max_history,HISTORY.savename=_0x1203d0("0x6"),HISTORY.checkLocalStorage=function(){return _0x1203d0("0x1b")==typeof Storage},HISTORY[_0x1203d0("0x4")]=function(r,e){var t=_0x1203d0;return!!HISTORY.checkLocalStorage()&&localStorage[t("0x0")](r,JSON[t("0x21")](e))},HISTORY.getLocalStorage=function(r){var e=_0x1203d0;return void 0===typeof r?null:!!HISTORY[e("0x18")]()&&(r in localStorage==0?null:JSON[e("0x20")](localStorage[r]))},HISTORY[_0x1203d0("0x17")]=function(){var r=_0x1203d0,e=HISTORY[r("0x23")](HISTORY[r("0x1c")]);return e?typeof e!=typeof{}?{}:e:{}},HISTORY[_0x1203d0("0x22")]=function(r,e){var t=_0x1203d0;if(!HISTORY[t("0x18")]())return!1;if(isNaN(r))return!1;var n=HISTORY.getStored();if(r in n&&delete n[r],Object.keys(n).length>=HISTORY.max){var o={};for(var x in n){var a=n[x];o[a[t("0x14")]]=a}var i=Object[t("0x5")](o);i[t("0x9")](),i[t("0x1")]();var u={};for(var c in i){if(!(c<HISTORY[t("0x11")]-1))break;var f=o[i[c]];u[f[t("0x2")]]=f}n=u}return e[t("0x14")]=(new Date)[t("0x27")](),n[r]=e,HISTORY[t("0x4")](HISTORY[t("0x1c")],n),!0},HISTORY[_0x1203d0("0xa")]=function(){var r=_0x1203d0,e=HISTORY.getStored();if(0===Object[r("0x5")](e).length)return null;var t={};for(var n in e)t[(a=e[n])[r("0x14")]]=a;var o="",x=Object[r("0x5")](t);for(var n in x[r("0x9")](),x){var a;o=r("0x8")+(a=t[x[n]]).storyLink+'">'+a.storyTitle+r("0x25")+o}return"<mm><strong>"+o+r("0x28")},HISTORY[_0x1203d0("0x1d")]=function(){var r=_0x1203d0;if(!1===HISTORY[r("0x18")]())return jQuery(r("0x16"))[r("0x26")]()[r("0x26")]()[r("0xc")]();var e=HISTORY[r("0xa")]();if(null===e)return jQuery("#theHistory")[r("0x26")]()[r("0x26")]()[r("0xc")]();jQuery("#theHistory")[r("0x2b")](e)},jQuery(document)[_0x1203d0("0x15")](function(){HISTORY[_0x1203d0("0x1d")]()});
//]]>
</script>

<script>
jQuery(document).ready(function() {
HISTORY.push(<data:view.postId/>, {
&quot;storyID&quot;: <data:view.postId/>,
&quot;storyTitle&quot;: &quot;<data:label.name/> | <data:post.title/>&quot;,
&quot;storyLink&quot;: &quot;<data:view.url/>&quot;
});
});
</script>

<div id="theHistory"></div>