Top Parallax Ads
Scroll to continue reading
Cara Mengonfigurasi Fitur Halaman Bookmark
Floating Ads
Close
Billboard Ads

Cara Mengonfigurasi Fitur Halaman Bookmark

Bookmark pada umumnya suatu pengingat atau penanda alamat atau halaman – halaman suatu situs pada web browser seperti Google Chrome, Mozila Firefox, Internet Explorer, dll.

Fungsi bookmark kita akan dimudahkan dalam mencari postingan yang kita inginkan sebab, kita tidak direpotkan lagi untuk mengetik kata kunci pada kolom pencarian, melainkan tinggal memilih postingan yang telah disimpan sebelumnya.

Pada template Spade ini saya sematkan fitur Bookmark untuk menyimpan banyak postingan favorit. Berikut cara mengonfigurasinya.

Cara Membuat Halaman Bookmark

  1. Masuk ke Dashboard Blogger > pilih menu Halaman.

  2. Buat HALAMAN BARU

  3. Pada kolom Judul isi dengan Bookmark.

  4. Pilih mode Tampilan HTML.

  5. Pada kolom code editor isi dengan kode di bawah ini:

    <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 _0x491d(_0x138312,_0x2e3f70){var _0x500d3d=_0x5622();return _0x491d=function(_0x3c4792,_0x254e9a){_0x3c4792=_0x3c4792-0x134;var _0x5622da=_0x500d3d[_0x3c4792];return _0x5622da;},_0x491d(_0x138312,_0x2e3f70);}var _0x12ef1a=_0x491d;(function(_0x157a93,_0x48cd3f){var _0x4acda2=_0x491d,_0x14e0ed=_0x157a93();while(!![]){try{var _0x1ad027=parseInt(_0x4acda2(0x140))/0x1+-parseInt(_0x4acda2(0x154))/0x2+parseInt(_0x4acda2(0x14b))/0x3+parseInt(_0x4acda2(0x14c))/0x4*(parseInt(_0x4acda2(0x143))/0x5)+-parseInt(_0x4acda2(0x14f))/0x6+-parseInt(_0x4acda2(0x134))/0x7+parseInt(_0x4acda2(0x14d))/0x8;if(_0x1ad027===_0x48cd3f)break;else _0x14e0ed['push'](_0x14e0ed['shift']());}catch(_0x3e7d75){_0x14e0ed['push'](_0x14e0ed['shift']());}}}(_0x5622,0xdc91c));function _0x5622(){var _0x376469=['15817032oefxIZ','click','10701912MUsiyC','splice','removeThisItem','link','</a></h2><div\x20class=\x22post_date\x22>','2912420IkfGss','</div><div\x20class=\x22post_remove\x22><button\x20aria-label=\x22Remove\x20Button\x22\x20class=\x22remove_button\x20spade_button\x20fab\x20small\x20filled_tonal\x20rounded\x22\x20data-id=\x22','html','8702946ApEYxl','.bookmark_page\x20ul','constructor','clearALL','search','.remove_button','(((.+)+)+)+$','.bookmark_empty','getItem','data','<li\x20class=\x22post_outer\x22><div\x20class=\x22post_summary\x22><div\x20class=\x22post_summary_start\x22><div\x20class=\x22post_label\x22><a\x20href=\x22/search/label/','label','1441293EMiRzO','addClass','\x22\x20height=\x22250\x22\x20src=\x22','10CYdFFJ','setItem','apply','img','date','\x22\x20width=\x22250\x22></div></div></div></li>','parse','bookmark','2804406EAAwGd','2066736NCfxLl'];_0x5622=function(){return _0x376469;};return _0x5622();}var bookmark=(function(){var _0x1a84a2=_0x491d;list=[];function _0x15b8e3(){var _0x560f49=_0x491d;localStorage[_0x560f49(0x144)](_0x560f49(0x14a),JSON['stringify'](list));}function _0x489b2f(){var _0x5d43dd=_0x491d;list=JSON[_0x5d43dd(0x149)](localStorage[_0x5d43dd(0x13c)](_0x5d43dd(0x14a)));}return localStorage['getItem']('bookmark')!=null&&_0x489b2f(),obj={},obj[_0x1a84a2(0x137)]=function(){list=[],_0x15b8e3();},obj[_0x1a84a2(0x151)]=function(_0x441718){var _0x30e498=_0x1a84a2;for(var _0x16fb35 in list){if(list[_0x16fb35]['id']===_0x441718){list[_0x30e498(0x150)](_0x16fb35,0x1);break;}}_0x15b8e3();},obj;}());function displayIt(){var _0x308257=_0x491d,_0x20d12a=(function(){var _0x2a6eca=!![];return function(_0x255493,_0x455554){var _0x340509=_0x2a6eca?function(){var _0x844527=_0x491d;if(_0x455554){var _0x4fadc3=_0x455554[_0x844527(0x145)](_0x255493,arguments);return _0x455554=null,_0x4fadc3;}}:function(){};return _0x2a6eca=![],_0x340509;};}()),_0x2d9748=_0x20d12a(this,function(){var _0x34ac9f=_0x491d;return _0x2d9748['toString']()[_0x34ac9f(0x138)](_0x34ac9f(0x13a))['toString']()[_0x34ac9f(0x136)](_0x2d9748)[_0x34ac9f(0x138)]('(((.+)+)+)+$');});_0x2d9748();var _0x1d3559=JSON[_0x308257(0x149)](localStorage[_0x308257(0x13c)]('bookmark'))['reverse'](),_0x7c6fee='';let _0xecc287=0x0;for(var _0x871fe0 in _0x1d3559){_0xecc287++,_0x7c6fee+=_0x308257(0x13e)+_0x1d3559[_0x871fe0][_0x308257(0x13f)]+'\x22>'+_0x1d3559[_0x871fe0]['label']+'</a></div><h2\x20class=\x22post_title\x22><a\x20href=\x22'+_0x1d3559[_0x871fe0][_0x308257(0x152)]+'\x22>'+_0x1d3559[_0x871fe0]['title']+_0x308257(0x153)+_0x1d3559[_0x871fe0][_0x308257(0x147)]+_0x308257(0x155)+_0x1d3559[_0x871fe0]['id']+'\x22\x20title=\x22Remove\x22\x20type=\x22button\x22><svg\x20fill=\x22none\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\x20fill=\x22var(--color-primary-text)\x22></path></svg></button></div></div><div\x20class=\x22post_summary_end\x22><div\x20class=\x22post_thumbnail\x22><img\x20alt=\x22'+_0x1d3559[_0x871fe0]['title']+_0x308257(0x142)+_0x1d3559[_0x871fe0][_0x308257(0x146)]+_0x308257(0x148);}_0x1d3559==null||_0x1d3559==''?($('.bookmark_page\x20ul')[_0x308257(0x156)](''),$(_0x308257(0x13b))[_0x308257(0x141)]('show')):$('.bookmark_page\x20ul')[_0x308257(0x156)](_0x7c6fee);}displayIt(),$('.clearAll')[_0x12ef1a(0x14e)](function(){var _0x1d330a=_0x12ef1a;bookmark[_0x1d330a(0x137)](),displayIt();}),$(_0x12ef1a(0x135))['on'](_0x12ef1a(0x14e),_0x12ef1a(0x139),function(_0x4f463a){var _0x524516=_0x12ef1a;bookmark['removeThisItem']($(this)[_0x524516(0x13d)]('id')),showToast('Removed\x20from\x20Bookmark'),displayIt();});
    </script>
  6. Terakhir tekan tombol Publikasikan.

  7. Selesai


Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.
LoneCipher
Halo, Saya adalah seorang Web Designer dan Front-End Developer, saya mengejar passion dalam dunia teknologi dan berusaha menghadirkan dampak positif melalui karya-karya saya. ☯
Post a Comment
300 x 600
Side Column Ads (Left)
300 x 600
Side Column Ads (Right)