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
-
Masuk ke Dashboard Blogger > pilih menu Halaman.
-
Buat HALAMAN BARU
-
Pada kolom Judul isi dengan
Bookmark
. -
Pilih mode Tampilan HTML.
-
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>
-
Terakhir tekan tombol Publikasikan.
-
Selesai
- Top comments
- Newest first