Cara Membuat Halaman Bookmark

<div class="bookmark_page">
  <ul></ul>
  <div class="bookmark_empty">
    Add your favorite articles to the list. Simply click the <svg fill="none" viewBox="0 0 24 24"><path d="M17.5 1.25a.5.5 0 0 1 1 0v2.5H21a.5.5 0 0 1 0 1h-2.5v2.5a.5.5 0 0 1-1 0v-2.5H15a.5.5 0 0 1 0-1h2.5v-2.5zm-11 4.5a1 1 0 0 1 1-1H11a.5.5 0 0 0 0-1H7.5a2 2 0 0 0-2 2v14a.5.5 0 0 0 .8.4l5.7-4.4 5.7 4.4a.5.5 0 0 0 .8-.4v-8.5a.5.5 0 0 0-1 0v7.48l-5.2-4a.5.5 0 0 0-.6 0l-5.2 4V5.75z" fill="currentColor"></path></svg> on any bookmark icon button to get started.
  </div>
</div>

<script>
function _0x30b4(){var _0x288bd2=['4095774ezwIyv','data','12dGXQJh','search','toString','</div><div\x20class=\x22post_date\x22>','getItem','click','77vwUrwr','<li\x20class=\x22post_outer\x22><div\x20class=\x22post_summary\x22><div\x20class=\x22post_summary_start\x22><div\x20class=\x22post_thumbnail\x22><img\x20alt=\x22','bookmark','parse','16yajNlI','5778610YDWNsT','link','.bookmark_page\x20ul','constructor','\x22\x20height=\x22250\x22\x20src=\x22','apply','snippet','.clearAll','img','addClass','clearALL','label','</a></div><h2\x20class=\x22post_title\x22><a\x20href=\x22','setItem','4268716IhjBco','stringify','1949017pYAUuS','3622386VNdsNt','reverse','</div><div\x20class=\x22post_remove\x22><button\x20aria-label=\x22Remove\x20Button\x22\x20class=\x22remove_button\x20gmp_button\x20fab\x20small\x20filled\x20rounded\x22\x20data-id=\x22','\x22></use></svg>','(((.+)+)+)+$','removeThisItem','html','title','\x22><svg\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-linecap=\x22round\x22\x20stroke-linejoin=\x22round\x22\x20stroke-width=\x221\x22\x20viewBox=\x220\x200\x2024\x2024\x22><use\x20xlink:href=\x22#','956977nQaOBg','\x22\x20type=\x22button\x22><svg\x20fill=\x22currentColor\x22\x20viewBox=\x220\x200\x2024\x2024\x22><path\x20d=\x22M7.5\x203.75a2\x202\x200\x200\x200-2\x202v14a.5.5\x200\x200\x200\x20.8.4l5.7-4.4\x205.7\x204.4a.5.5\x200\x200\x200\x20.8-.4v-14a2\x202\x200\x200\x200-2-2h-9z\x22></path></svg></button></div></div></div></li>','2eTZjLU','48190yiaTPq','.remove_button','Removed\x20from\x20Bookmark','</a></h2><div\x20class=\x22post_snippet\x22>'];_0x30b4=function(){return _0x288bd2;};return _0x30b4();}var _0x5673b9=_0x4d40;function _0x4d40(_0x2c7bbc,_0xb14112){var _0x1cd969=_0x30b4();return _0x4d40=function(_0x520c04,_0x34b73a){_0x520c04=_0x520c04-0x1f1;var _0x30b439=_0x1cd969[_0x520c04];return _0x30b439;},_0x4d40(_0x2c7bbc,_0xb14112);}(function(_0x2a9f8f,_0x534ce2){var _0x1d2605=_0x4d40,_0x51dde4=_0x2a9f8f();while(!![]){try{var _0x518c23=-parseInt(_0x1d2605(0x20e))/0x1+parseInt(_0x1d2605(0x210))/0x2*(parseInt(_0x1d2605(0x205))/0x3)+-parseInt(_0x1d2605(0x202))/0x4+parseInt(_0x1d2605(0x1f4))/0x5+-parseInt(_0x1d2605(0x217))/0x6*(parseInt(_0x1d2605(0x204))/0x7)+-parseInt(_0x1d2605(0x1f3))/0x8*(-parseInt(_0x1d2605(0x215))/0x9)+parseInt(_0x1d2605(0x211))/0xa*(parseInt(_0x1d2605(0x21d))/0xb);if(_0x518c23===_0x534ce2)break;else _0x51dde4['push'](_0x51dde4['shift']());}catch(_0x6473de){_0x51dde4['push'](_0x51dde4['shift']());}}}(_0x30b4,0xb1437));var bookmark=(function(){var _0x38671f=_0x4d40,_0x38eae2=(function(){var _0x415a8c=!![];return function(_0x226da6,_0x2564ad){var _0xc2f484=_0x415a8c?function(){var _0x100824=_0x4d40;if(_0x2564ad){var _0x321633=_0x2564ad[_0x100824(0x1f9)](_0x226da6,arguments);return _0x2564ad=null,_0x321633;}}:function(){};return _0x415a8c=![],_0xc2f484;};}());list=[];function _0x1e4465(){var _0x484c07=_0x4d40;localStorage[_0x484c07(0x201)](_0x484c07(0x1f1),JSON[_0x484c07(0x203)](list));}function _0x466bf1(){var _0x43ea85=_0x4d40,_0x512344=_0x38eae2(this,function(){var _0x5de692=_0x4d40;return _0x512344[_0x5de692(0x219)]()[_0x5de692(0x218)](_0x5de692(0x209))['toString']()[_0x5de692(0x1f7)](_0x512344)[_0x5de692(0x218)]('(((.+)+)+)+$');});_0x512344(),list=JSON['parse'](localStorage[_0x43ea85(0x21b)](_0x43ea85(0x1f1)));}return localStorage['getItem']('bookmark')!=null&&_0x466bf1(),obj={},obj[_0x38671f(0x1fe)]=function(){list=[],_0x1e4465();},obj[_0x38671f(0x20a)]=function(_0x115b8d){for(var _0x49f0e2 in list){if(list[_0x49f0e2]['id']===_0x115b8d){list['splice'](_0x49f0e2,0x1);break;}}_0x1e4465();},obj;}());function displayIt(){var _0x8309cb=_0x4d40,_0x18a128=JSON[_0x8309cb(0x1f2)](localStorage[_0x8309cb(0x21b)](_0x8309cb(0x1f1)))[_0x8309cb(0x206)](),_0x470d12='';let _0xcb8478=0x0;for(var _0x1aff96 in _0x18a128){_0xcb8478++,_0x470d12+=_0x8309cb(0x21e)+_0x18a128[_0x1aff96][_0x8309cb(0x20c)]+_0x8309cb(0x1f8)+_0x18a128[_0x1aff96][_0x8309cb(0x1fc)]+'\x22\x20width=\x22250\x22></div></div><div\x20class=\x22post_summary_end\x22><div\x20class=\x22post_label\x22><a\x20href=\x22/search/label/'+_0x18a128[_0x1aff96][_0x8309cb(0x1ff)]+_0x8309cb(0x20d)+_0x18a128[_0x1aff96][_0x8309cb(0x1ff)]+_0x8309cb(0x208)+_0x18a128[_0x1aff96][_0x8309cb(0x1ff)]+_0x8309cb(0x200)+_0x18a128[_0x1aff96][_0x8309cb(0x1f5)]+'\x22>'+_0x18a128[_0x1aff96][_0x8309cb(0x20c)]+_0x8309cb(0x214)+_0x18a128[_0x1aff96][_0x8309cb(0x1fa)]+_0x8309cb(0x21a)+_0x18a128[_0x1aff96]['date']+_0x8309cb(0x207)+_0x18a128[_0x1aff96]['id']+_0x8309cb(0x20f);}_0x18a128==null||_0x18a128==''?($(_0x8309cb(0x1f6))['html'](''),$('.bookmark_empty')[_0x8309cb(0x1fd)]('show')):$(_0x8309cb(0x1f6))[_0x8309cb(0x20b)](_0x470d12);}displayIt(),$(_0x5673b9(0x1fb))[_0x5673b9(0x21c)](function(){var _0x4e2d34=_0x5673b9;bookmark[_0x4e2d34(0x1fe)](),displayIt();}),$(_0x5673b9(0x1f6))['on']('click',_0x5673b9(0x212),function(_0x448b0d){var _0x292893=_0x5673b9;bookmark['removeThisItem']($(this)[_0x292893(0x216)]('id')),showToast(_0x292893(0x213)),displayIt();});
</script>