Library

/*initial post*/ #post-adTop,.sidebar{display:none}.Blog .post .post-entry img{display:block}.mainbar{width:100%}.Blog .post h1,.Blog .post h2,.Blog .post h3,.Blog .post h4,.Blog .post h5,.Blog .post h6{margin:0!important}.Blog .post .post-headline{margin:0 0 20px 0} /*tabs header*/ h2{margin:0;text-transform:uppercase}h6{margin:0;color:#777}.wrapper{margin:0 -20px;padding:0 20px;text-align:center;overflow:auto;white-space:nowrap}.tabs{font-size:15px;padding:0;list-style:none;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);display:inline-block;border-radius:50px;position:relative}.tabs a{text-decoration:none;color:#777;padding:10px 20px;display:inline-block;position:relative;z-index:1;transition-duration:.6s;font-family:var(--heading-font)}.dark-mode .tabs{background:#2d2d30}.dark-mode .tabs a{color:#fff}.tabs a.active{color:#fff}.tabs a i{margin-right:5px}.tabs .selector{height:100%;display:inline-block;position:absolute;left:0;top:0;z-index:1;border-radius:50px;transition-duration:.6s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);background:#05abe0;background:-moz-linear-gradient(45deg,#05abe0 0,#8200f4 100%);background:-webkit-linear-gradient(45deg,#05abe0 0,#8200f4 100%);background:linear-gradient(45deg,#05abe0 0,#8200f4 100%)} /* content tabs */ :root{--background-dark:#2d3548;--text-light:rgba(255,255,255,.6);--text-lighter:rgba(255,255,255,.9);--spacing-s:8px;--spacing-m:16px;--spacing-l:24px;--spacing-xl:32px;--spacing-xxl:64px;--width-container:1200px}.hero-section{align-items:flex-start;display:flex;min-height:100%;justify-content:center}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:var(--spacing-l);grid-row-gap:var(--spacing-l);max-width:var(--width-container);width:100%}@media screen and (min-width:960px){.card-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:960px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{list-style:none;position:relative}.card:before{content:'';display:block;padding-bottom:150%;width:100%}.card__background{background-size:cover;background-position:center;border-radius:var(--spacing-s);bottom:0;left:0;position:absolute;right:0;top:0;transform-origin:center;transform:scale(1) translateZ(0);transition:filter 200ms linear,transform 200ms linear}.card:hover .card__background,.card:hover .card__content{transform:scale(1.05) translateZ(0)}.card__content{font-weight:700;left:0;padding:0 8px 8px 8px;position:absolute;bottom:-7px;background:linear-gradient(0deg,black,#ffffff00);width:100%;border-radius:var(--spacing-s);transition:filter 200ms linear,transform 200ms linear}.card__category{color:#ffffffb3;font-size:.9rem;margin:0!important;padding:0}.card__heading{color:var(--text-lighter);font-size:16px;text-shadow:2px 2px 20px rgba(0,0,0,.2);line-height:1.4}@media screen and (max-width:540px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:540px){.card__content{padding:var(--spacing-l)}}.clamp1-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.time_history1{color:#e4e4e4;font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;place-items:center}.time_history1 svg{fill:#e4e4e4;width:13px;height:13px}#History{margin-bottom:10px!important}.chapter-text{color:#e4e4e4;font-size:.7em}.info_layout_mode{display:flex;margin:5px 0 40px 0;justify-content:space-between;font-family:var(--heading-font)}#listMode{display:flex}#listMode div{width:40px;height:40px;border-radius:50%;background:#ffffffc7;display:flex;align-items:center;place-content:center}.dark-mode #listMode div{background:#272727}#listMode div.active{background:#a5a5a5;-webkit-transition:all .4s ease;transition:all .4s ease}.nullgrid{fill:none;width:13px;height:13px;margin-right:5px}.no-data{display:grid;justify-items:center}.emotbot{font-weight:700;font-size:65px;user-select:none}.emotbottext2{font-weight:700;font-family:var(--heading-font);font-size:20px;border:2px dashed #837272;padding:5px;border-radius:5px;margin-top:-10px}.Tangal_today1{font-size:13px}.link_title_card{color: #fff;}.link_title_card:hover,.chapter_link1:hover{color:#fff;text-decoration:underline}.no-data *:not(p,strong){opacity:.4} /*list mode*/ .Blog .post .post-entry{line-height:unset}.title_judul_listm{font-weight:700}@media screen and (max-width:640px){.multipleItems .Blog.list-mode .post-thumbnail{width:125px}}.title_judul_listm .title_readhstr{color:var(--header-text-colors);font-family:var(--heading-font);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.Blog .post .post-info .post-header{display:unset}@media screen and (max-width:480px){.FeaturedPost article:after,.multipleItems .Blog .post-info .post-author{display:block}}.Blog .post .post-info{margin:0}.svg-openbook-start1{width:14px;height:14px}.Blog .post .post-info .post-author .post-authorName,.Blog .post .post-info .post-header .post-timestamp{max-width:unset}.svg-openbook-start1.unsetfill{fill:inherit;position:relative;top:2px;margin-right:3px}.Blog .post .post-info .post-published{display:flex}.Blog .post .post-info .post-authorName:before,.Blog .post .post-info .post-header .post-timestamp:before{font-size:12px}.time_hstr1{display:flex;align-items:center}.time_hstr1 svg{margin-right:5px}.svg-openbook-start1.snippert{position:relative;top:-3px}.Blog .post-snippet{font-size:14px}.dark-mode .title_judul_listm .title_readhstr{color:#fff}.dark-mode .Blog .post-snippet{color:var(--dark-sec-colors)}.dark-mode .svg-openbook-start1.unsetfill{fill:var(--dark-sec-colors)}.dark-mode .svg-openbook-start1{fill:none}.section-grid-mode{min-height:250px}span.close1{position:absolute;top:-50px;right:17px;width:4px}svg#close21{opacity:.6}#close1231{z-index: 5;}.card .grid_more1,.card .grid_more1 svg{position:absolute;top:0;right:0;margin-top:13px}.card .grid_more1 svg{fill:#fff}.chapter_link1{color:#fff}.box_more12{display:none;color:#000;border-radius:7px;background:#fff;z-index:2;margin-right:9px;-webkit-transition:all .1s ease;transition:all .1s ease}.box_more12 div{padding:6px 8px;font-size:11px}.box_more12 div:hover{background:#dadada}.box_more12 div:first-child{border-bottom:1px solid #000}@media screen and (max-width: 480px){.Blog .note {left:0}} /*css bookmark box*/ :root{--bg-color-select:#fefefe;--color-select-box:#2b2b2bd9;--darkbg-color-select:#2d2d30;--darkcolor-select-box:#ffffffd9}@media screen and (min-width:580){.Blog .post-shareInner ul{width:auto}}img.bookmarks-img{max-width:200px}.container-bookmarks{display:flex}.title-bookmark{text-align:left;font-family:Poppins,sans-serif;font-weight:700;font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:80px;max-width:385px}div.post-shareInner ul.box-modal-library{max-width:620px}.dark-mode div.post-shareInner ul.box-modal-library{background-color:var(--dark-bg-sec-colors)}.dark-mode div.post-shareInner ul.box-modal-library::before{background-color:var(--dark-bg-sec-colors);color:var(--dark-colors)}.button-info.bookmark-btn{align-items:end;position:absolute;bottom:30px;right:40px}.bookmark-btn-{cursor:pointer;justify-content:center}.bookmark-btn-.bookmark-btn-add{width:15em} @media screen and (min-width:491px){.bookmarks-img{display: contents}.bookmarks-img img{max-height:320px;border-radius: 9px;}}@media screen and (max-width:490px){#ImageDetails1{display: none !important;}.bookmarks-img{height:120px;width:84px;background-size:cover;border-radius:5px 30px 5px 30px;position:absolute;right:48px;box-shadow:4px 3px 10px 0 #2d2d3078}div.post-shareInner ul.box-modal-library{justify-content:flex-start}.container-bookmarks{display:block;text-align:center}.title-bookmark{padding:0;text-align:center;text-align:-webkit-center}.custom-select.sources{margin:0}.bookmarks-img img{max-height:100%;max-width:185px}.bookmark-btn-{margin:18px 0 0 0}.custom-options{text-align:start;top:-237px}.button-info.bookmark-btn{display:contents}.container-bookmarks{padding-bottom:15px}.image_in_bokmark{display:inline-flex!important}}.chara_list::-webkit-scrollbar,.scroll-1291::-webkit-scrollbar{display:none}.chara_list,.scroll-1291{-ms-overflow-style:none;scrollbar-width:none}li.scroll-1292{font-weight:700;position:relative;top:0px;left:10px;display:block}.scroll-1292 span{margin-bottom:5px}span.more-click1{text-align:center;display:block;opacity:.4}/*additional*/.whitepls1{color:#fff;text-decoration:none}@media screen and (min-width:474px){.bookmark-text{padding-left:20px}} /*post label*/ .post-label{display: flex;justify-content: space-between;}.Blog .post-label>:before{content: none;}.rightpanel321{display: flex;justify-content: space-between;}.rightpanel321 > div {width: 30px; height: 30px; display: flex; place-content: center; align-items: center; margin: 0 5px;padding: 7px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; border-radius: 50%; } .rightpanel321 > div.activehvRight1, .rightpanel321 > div:hover,.rightpanel321 > div:active { background: #dfdfdf; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; } .dark-mode .rightpanel321 > div.activehvRight1,.dark-mode .rightpanel321 > div:hover, .dark-mode .rightpanel321 > div:active{ background: #4c4c4c; } .svgdot321{width: 16px;height: 16px;}

.multipleItems .Blog.list-mode .post-thumbnail{height: 100%;} .dataList-mode2{ background-size: cover; background-position: center; height: 100%;} .typeSeries31{place-self: flex-end;} .containerSVGinfoDetails{margin-right: 5px;display: inline-flex; align-items: center;} .containerSVGinfoDetails svg {width: 23px; height: 23px; opacity: .7;} .TimeDivInfoDetails{ display: flex; place-items: baseline;} .ContainerInfoDetails{font-size: .9em;} .ContainerInfoDetails > div {display: flex;} .dataBlock1{display: flex; align-items: center; margin-bottom: 20px; line-height: 1;} a.linkInfoDetails{color: var(--text-colors);} .dark-mode a.linkInfoDetails{color: var(--dark-colors);} .bookmark-text{text-align: start;} .titleSub1{font-weight: 600;} .post .extLink{display: contents;} @media screen and (min-width:900px){#news_reads_1{ display: grid; grid-template-columns: 50% 50%; grid-column-gap: 15px;}} .titleDetails{font-weight: 600;font-family: var(--heading-font);} .margin45{margin-bottom: 45px !important;} /* .hentry.mode_list2{max-width: 300px;} */ @media screen and (max-width: 640px){li.post-shareClose.close{top:10px !important;background:#00000057;border-radius:50%}li.post-shareClose.close label svg{fill:#fff !important}} Favorit Sedang dibaca Ingin dibaca Belum dibaca Drop Total 0 ¯\_(ツ)_/¯ Tidak ada list Library List yang anda masukkan ke Library ada disini. Anda bisa melanjutkan membaca dengan fitur ini hanya dengan klik Last read .. / Lanjut baca

*Tips: Untuk membuat fitur ini berfungsi secara maksimal. Pastikan untuk memakai browser Chrome .

<path d="m479.451 112.98-53.74-53.74c-7.811-7.811-20.474-7.811-28.284 0s-7.811 20.474 0 28.284l12.728 12.728-26.102 26.102c-33.978-28.346-75.292-45.458-119.362-49.441v-36.913h18c11.046 0 20-8.954 20-20s-8.954-20-20-20h-76c-11.046 0-20 8.954-20 20s8.954 20 20 20h18v36.913c-109.724 9.916-198 102.055-198 217.087 0 120.482 97.501 218 218 218 120.482 0 218-97.501 218-218 0-51.511-17.756-100.286-50.354-139.362l26.102-26.102 12.728 12.728c7.81 7.81 20.473 7.811 28.284 0 7.81-7.81 7.81-20.473 0-28.284zm-234.76 359.02c-98.149 0-178-79.851-178-178s79.851-178 178-178 178 79.851 178 178-79.85 178-178 178zm103.923-178c0 11.046-8.954 20-20 20h-83.922c-11.046 0-20-8.954-20-20v-117.675c0-11.046 8.954-20 20-20s20 8.954 20 20v97.675h63.922c11.046 0 20 8.954 20 20z" /> <path d=" M 74.72 31.41 C 72.53 29.71 75.82 26.51 77.49 28.70 C 84.43 35.70 91.17 42.91 98.03 50.00 C 91.15 57.07 84.46 64.34 77.46 71.29 C 75.91 73.47 72.64 70.33 74.66 68.66 C 79.84 63.00 85.30 57.61 90.54 52.01 C 62.35 52.00 34.16 51.98 5.97 52.02 C 4.43 52.03 2.14 52.11 2.00 50.02 C 2.10 47.87 4.47 47.97 6.03 47.98 C 34.20 48.01 62.37 48.01 90.55 47.99 C 85.31 42.42 79.89 37.03 74.72 31.41 Z" /> <path d="M284.286,256.002L506.143,34.144c7.811-7.811,7.811-20.475,0-28.285c-7.811-7.81-20.475-7.811-28.285,0L256,227.717 L34.143,5.859c-7.811-7.811-20.475-7.811-28.285,0c-7.81,7.811-7.811,20.475,0,28.285l221.857,221.857L5.858,477.859 c-7.811,7.811-7.811,20.475,0,28.285c3.905,3.905,9.024,5.857,14.143,5.857c5.119,0,10.237-1.952,14.143-5.857L256,284.287 l221.857,221.857c3.905,3.905,9.024,5.857,14.143,5.857s10.237-1.952,14.143-5.857c7.811-7.811,7.811-20.475,0-28.285 L284.286,256.002z"/> /*initial tabs header*/ var tabs = $('.tabs');var selector = $('.tabs').find('a').length;/*var selector = $(".tabs").find(".selector");*/var activeItem = tabs.find('.active');var activeWidth = activeItem.innerWidth();$(".selector").css({"left": activeItem.position.left + "px","width": activeWidth + "px"});$(".tabs").on("click", "a", function (e) {e.preventDefault();$('.tabs a').removeClass("active");$(this).addClass('active');var activeWidth = $(this).innerWidth();var itemPos = $(this).position();$(".selector").css({"left": itemPos.left + "px","width": activeWidth + "px"});}); Notiflix.Notify.Init({ fontFamily: "Nunito Sans, sans-serif", fontSize: "14px", borderRadius: "8px", distance: "20px", pauseOnHover: true, cssAnimationStyle: "from-right", showOnlyTheLastOne: true }); var textcopy123 = []; $(function () { var forDataJSONseries = []; var local_readbokmark = localStorage.getItem('data_bookmarks'); var bookmarkJSON = JSON.parse(local_readbokmark); if (local_readbokmark === null ) { $('.no-data').show(); $('.count_hstrt').hide(); $('.section-grid-mode').hide(); } else { $.each(bookmarkJSON.items , function(a,b){ $.each(b , function(c,d){ $.each(d , function(e,f){ textcopy123.push(d[e].url); var text_last_chapters1= d[e].last_chapter_url == '' ? 'Belum dibaca' : ' History Kamu: ' + d[e].last_chapter_id ; var text_last_url1 = d[e].last_chapter_url == '' ? d[e].url : d[e].last_chapter_url; var textNext21 = text_last_chapters1 == 'Belum dibaca' ? 'Lihat TOC' : 'Lanjut Baca dari '+ text_last_chapters1; var datas_grid =` Copy link Remove # ` + d[e].type_series + `

`+text_last_chapters1+` ` + d[e].title + ` `; $('.'+a+' .card-grid').append(datas_grid); /*list_mode*/ $('.'+a+' #news_reads_1').append(` #`+ d[e].type_series + ` `+ d[e].title + ` `+ d[e].sinopsis + ` `+ textNext21 +` `); $('.data_Info_details1').append(` Details

Type Series `+ d[e].type_series + `

Jumlah Postingan

Last Update

Terakhir dibaca `+text_last_chapters1+`

Dilihat `+d[e].last_timeRead+` Sinopsis `+d[e].sinopsis+`

`); let dataUpdateCh = d[e].dataLabel == undefined || d[e].dataLabel == '' ? d[e].title : d[e].dataLabel; forDataJSONseries.push(dataUpdateCh); }); }); }); } $(".tabs a").on("click", function () { var index = $(this).index() - 1; var counts_bookmark1 = $('.tabsdiv:eq('+index+') .card').length ; $('.tabsdiv').hide(); $('.tabsdiv:eq('+index+')').fadeIn('slow'); /*$('.text_count_hstr').text(counts_bookmark1 + ' Items ' + $(".tabs a.active").text());*/ setTimeout(function(){ $('.text_count_hstr').text(counts_bookmark1 + ' Items ' + $(".tabs a.active").text()); }, 200); if (counts_bookmark1 >= 1){ $('.listMode').show();$('.no-data').hide();$('#listMode div:first').trigger('click')}else {$('.listMode').hide();$('.no-data').show();} }); $('#listMode div:first').on('click', function(){ $('#listMode div').removeClass('active'); $(this).addClass('active'); $('.tabsdiv:visible .section-grid-mode').hide(); $('.tabsdiv:visible .multipleItems').show(); }); $('#listMode div:last').on('click', function(){ $('#listMode div').removeClass('active'); $(this).addClass('active'); $('.tabsdiv:visible .multipleItems').hide(); $('.tabsdiv:visible .section-grid-mode').show(); }); // $('.click_more12').on('click', function(){ // $(this).next().slideDown(); // }); // $('body').on('click', function(event){ // if (!$(event.target).closest('.click_more12').length && !$(event.target).is('.click_more12')){ // $(".box_more12").hide(); // } // }); /*copy link*/ $('.share_grid_1').on('click', function(){ var index_copy = $(this).index(); navigator.clipboard.writeText(textcopy123[index_copy]); Notiflix.Notify.Success('Copied'); }); $('.remove_grid1').on('click', function(){ var indexi = $(this).index() - 1; $('.mode_list2:eq(' + indexi + ')').slideUp(); $('.card:eq(' + indexi + ')').slideUp(); var countmin = $('.text_count_hstr'); countmin.text( parseInt(countmin.text() ) - 1); var get_idcard = $('.card:eq(' + indexi + ')').attr('data-text'); removeJSONbookmarkdelete (get_idcard); var loadhistoripush = JSON.stringify(bookmarkJSON); localStorage.setItem('data_bookmarks', loadhistoripush); }); $('svg#close21').on('click', function(){ var dataIndex1 = $(this).parents('article.mode_list2').index(); console.log(dataIndex1); var get_idcard = $(this).parents('article.mode_list2').attr('data-text'); Notiflix.Confirm.Show( 'Konfirmasi Remove', 'Apakah Anda ingin menghapus series ini dari Library?', 'Hapus', 'Batal', function(){ /*yes*/ $('article.mode_list2').eq(dataIndex1).slideUp(); $('.card').eq(dataIndex1).slideUp(); var countmin = $('.text_count_hstr'); countmin.text(parseInt(countmin.text()) - 1); removeJSONbookmarkdelete (get_idcard); var loadhistoripush = JSON.stringify(bookmarkJSON); localStorage.setItem('data_bookmarks', loadhistoripush);}, function(){ } ); }); function removeJSONbookmarkdelete (data){ $.each(bookmarkJSON.items, function(a,b){ $.each(b, function(c,d){ $.each(d , function(e,f){ if (bookmarkJSON.items[a][c][e].id === data){ var database_Library = firebase.database().ref('WhizMyId').child('countLibrary').child(bookmarkJSON.items[a][c][e].post_id); database_Library.transaction(function(data) {return data - 1;}); bookmarkJSON.items[a].splice(c,1); }; }); }); }); } var checkitemfav = $('.tabsdiv.Favorit .card').length; if (checkitemfav >= 1){ $('.listMode').show(); $('.text_count_hstr').text(checkitemfav + ' Items ' + $(".tabs a.active").text()); $('.no-data').hide(); }else { $('.no-data').show(); } function tab_click(a, b) { var href = new URL(window.location.href); href.searchParams.set(a, b); window.history.pushState(null, null, href.toString()); } var betab1 = []; var params = new URLSearchParams(window.location.search); $.each(bookmarkJSON.items, function (a, b) { betab1.push(a); if (params.get('tab') === a) { var batab1 = betab1.indexOf(a); $( ".tabs a:eq("+batab1+")" ).trigger( "click" ); } }); $('.tabs a').on('click', function () { var a = $(this).index() - 1; tab_click('tab', betab1[a]); }); window.addEventListener('load', function(){ $('#listMode div:first').trigger('click'); var titleDataJSON = forDataJSONseries; $.each(forDataJSONseries,function(i,el){ var elplus = el.replace(/ /g, '+'); var dataJSONUpdatech = 'https://www.googleapis.com/blogger/v3/blogs/8442766364756633445/posts?labels='+elplus+'&maxResults=500&fetchBodies=false&key=AIzaSyDAkjXragoddz2JW38UBH5aZqRPJvz_9ao'; $.getJSON(dataJSONUpdatech, function(data) { let dataTitleEJSON = data.items[0].title; let splitTitleDataJSON = dataTitleEJSON.split(titleDataJSON[i]).join(''); $('.LastUpdateCh123').eq(i).append(' '+splitTitleDataJSON+' '); $('.jumlahPostingan1').eq(i).text(data.items.length+' Halaman'); }); }); }); $('.activehvRight1').click(function(){ $(this).removeClass('activehvRight1'); }); });