Billboard Ads

Mengonfigurasi 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 Vulia Theme ini saya sematkan fitur Bookmark untuk menyimpan banyak postingan favorit. Berikut cara mengonfigurasinya.

Cara Membuat Halaman Bookmark

Aktifkan terlebih dahulu di opsi fitur Vulia Theme, caranya ikuti langkah berikut ini:
  1. Pada Dashboard Blogger pilih menu Tema > klik tombol SESUAIKAN/CUSTOMIZE.
  2. Buka menu dropdown Lanjutan.
  3. Buka menu dropdown Appearance dan ubah ke menu Features.
  4. Scroll ke bawah dan cari pada bagian opsi fitur berjudul Bookmark (Disable/Enable).
  5. Ubah nilai 1 ke 2.
  6. Setelah diaktifkan klik tombol Ikon SIMPAN di sebelah kanan bawah.
  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>
    
    <style>.comments{display:none}</style>
    
    <script>
    var _0x18c7ed=_0x3a4d;(function(_0x24bc07,_0x2a83c6){var _0x422d80=_0x3a4d,_0x8b998=_0x24bc07();while(!![]){try{var _0x391078=parseInt(_0x422d80(0xaf))/0x1+-parseInt(_0x422d80(0xbd))/0x2*(-parseInt(_0x422d80(0xd0))/0x3)+-parseInt(_0x422d80(0xbe))/0x4*(-parseInt(_0x422d80(0xcd))/0x5)+parseInt(_0x422d80(0xc9))/0x6*(parseInt(_0x422d80(0xcf))/0x7)+-parseInt(_0x422d80(0xc6))/0x8*(parseInt(_0x422d80(0xd1))/0x9)+-parseInt(_0x422d80(0xba))/0xa*(-parseInt(_0x422d80(0xc7))/0xb)+-parseInt(_0x422d80(0xb7))/0xc;if(_0x391078===_0x2a83c6)break;else _0x8b998['push'](_0x8b998['shift']());}catch(_0x5be64f){_0x8b998['push'](_0x8b998['shift']());}}}(_0x4bf7,0xd43d0));var bookmark=(function(){var _0x2c8bb7=_0x3a4d;list=[];function _0x8e1079(){var _0x243fad=_0x3a4d;localStorage[_0x243fad(0xbb)]('bookmark',JSON['stringify'](list));}function _0x542581(){var _0x418f71=_0x3a4d;list=JSON[_0x418f71(0xbf)](localStorage['getItem'](_0x418f71(0xc0)));}return localStorage[_0x2c8bb7(0xcc)]('bookmark')!=null&&_0x542581(),obj={},obj[_0x2c8bb7(0xc5)]=function(){list=[],_0x8e1079();},obj['removeThisItem']=function(_0x2473e4){for(var _0x5681b7 in list){if(list[_0x5681b7]['id']===_0x2473e4){list['splice'](_0x5681b7,0x1);break;}}_0x8e1079();},obj;}());function _0x4bf7(){var _0x2cbf2a=['clearALL','1558544BiuGtS','187KLjNto','html','196446lsiQkH','.bookmark_empty','img','getItem','7154475sBnPMd','title','7UoxnFF','9gcOjHy','63RZTuBw','(((.+)+)+)+$','show','\x22\x20src=\x22','272674mAsjLq','toString','search','</div><div\x20class=\x22post_remove\x22><button\x20aria-label=\x22Remove\x20Button\x22\x20class=\x22remove_button\x20vulia_theme_button\x20fab\x20small\x20rounded\x22\x20data-id=\x22','\x22\x20height=\x22112\x22\x20width=\x22112\x22></div></div></div></li>','</a></h2><div\x20class=\x22post_snippet\x22>','date','.bookmark_page\x20ul','4533996sTYqoB','Removed\x20from\x20Bookmark','link','120070pSKift','setItem','reverse','446972BnVGcl','4hwQhHz','parse','bookmark','</div></div><h2\x20class=\x22post_title\x22><a\x20href=\x22','\x22\x20title=\x22','\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','click'];_0x4bf7=function(){return _0x2cbf2a;};return _0x4bf7();}function displayIt(){var _0x2b1f4b=_0x3a4d,_0x140e29=(function(){var _0x266a9b=!![];return function(_0x1867d5,_0xe5c147){var _0x21a6e7=_0x266a9b?function(){if(_0xe5c147){var _0x5aed11=_0xe5c147['apply'](_0x1867d5,arguments);return _0xe5c147=null,_0x5aed11;}}:function(){};return _0x266a9b=![],_0x21a6e7;};}()),_0x545639=_0x140e29(this,function(){var _0x4dfda3=_0x3a4d;return _0x545639['toString']()['search'](_0x4dfda3(0xd2))[_0x4dfda3(0xb0)]()['constructor'](_0x545639)[_0x4dfda3(0xb1)](_0x4dfda3(0xd2));});_0x545639();var _0x3578a8=JSON[_0x2b1f4b(0xbf)](localStorage['getItem']('bookmark'))[_0x2b1f4b(0xbc)](),_0x25bd0e='';let _0x4520b9=0x0;for(var _0x3bab97 in _0x3578a8){_0x4520b9++,_0x25bd0e+='<li\x20class=\x22post_outer\x22><div\x20class=\x22post_summary\x22><div\x20class=\x22post_summary_start\x22><div\x20class=\x22post_meta\x22><div\x20class=\x22post_date\x22>'+_0x3578a8[_0x3bab97][_0x2b1f4b(0xb5)]+_0x2b1f4b(0xc1)+_0x3578a8[_0x3bab97][_0x2b1f4b(0xb9)]+_0x2b1f4b(0xc2)+_0x3578a8[_0x3bab97][_0x2b1f4b(0xce)]+'\x22>'+_0x3578a8[_0x3bab97][_0x2b1f4b(0xce)]+_0x2b1f4b(0xb4)+_0x3578a8[_0x3bab97]['snippet']+_0x2b1f4b(0xb2)+_0x3578a8[_0x3bab97]['id']+_0x2b1f4b(0xc3)+_0x3578a8[_0x3bab97]['title']+_0x2b1f4b(0xd4)+_0x3578a8[_0x3bab97][_0x2b1f4b(0xcb)]+_0x2b1f4b(0xb3);}_0x3578a8==null||_0x3578a8==''?($('.bookmark_page\x20ul')['html'](''),$(_0x2b1f4b(0xca))['addClass'](_0x2b1f4b(0xd3))):$(_0x2b1f4b(0xb6))[_0x2b1f4b(0xc8)](_0x25bd0e);}function _0x3a4d(_0x2f5714,_0x48b1c2){var _0x3c5d6c=_0x4bf7();return _0x3a4d=function(_0x207793,_0x50c3b6){_0x207793=_0x207793-0xaf;var _0x4bf72b=_0x3c5d6c[_0x207793];return _0x4bf72b;},_0x3a4d(_0x2f5714,_0x48b1c2);}displayIt(),$('.clearAll')['click'](function(){var _0x2d3b86=_0x3a4d;bookmark[_0x2d3b86(0xc5)](),displayIt();}),$(_0x18c7ed(0xb6))['on'](_0x18c7ed(0xc4),'.remove_button',function(_0x4ab78e){var _0x2a237d=_0x18c7ed;bookmark['removeThisItem']($(this)['data']('id')),showToast(_0x2a237d(0xb8)),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.
Post a Comment
Top Ads
Middle Ads 1
Parallax Ads
Middle Ads 2
Bottom Ads
Matched Content Ads