Facebook
From biscuit, 1 Year ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 274
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.   <head>
  5.     <script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2292256742011359'/>
  6.     <link href='https://fonts.googleapis.com/css?family=Fira Sans' rel='stylesheet'/>
  7.     <!-- Meta Umum -->
  8.     <b:include data='blog' name='google-analytics'/>
  9.     <meta content='width=device-width,initial-scale=1' name='viewport'/>
  10.     <link expr:href='data:view.url.canonical' rel='canonical'/>
  11.     <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
  12.     <b:if cond='data:blog.adultContent'><meta content='adult' name='rating'/></b:if>
  13.     <b:tag cond='data:blog.googleProfileUrl' expr:href='data:blog.googleProfileUrl' name='link' rel='publisher'/>
  14.     <link expr:href='data:blog.homepageUrl.canonical' expr:hreflang='data:blog.locale' rel='alternate'/>
  15.     <meta content='blogger' name='generator'/>
  16.     <meta expr:charset='data:blog.encoding'/>
  17.     <meta content='unsafe-url' name='referrer'/>
  18.     <!-- Meta Kata Kunci -->
  19.     <meta expr:content='&quot;bahasa indonesia, manga, manhua, manhwa, komik, online, baca, &quot; + data:blog.pageName' name='keywords'/>
  20.     <meta expr:content='data:blog.title' property='article:tag'/>
  21.     <!-- Meta Deskripsi -->
  22.     <meta expr:content='&quot;Baca Komik &quot; + data:blog.pageName + &quot; Bahasa Indonesia&quot;' property='og:description'/>
  23.     <meta expr:content='&quot;Baca Komik &quot; + data:blog.pageName + &quot; Bahasa Indonesia&quot;' name='description'/>
  24.     <!-- Meta Judul -->
  25.     <b:if cond='data:view.isHomepage'>
  26.       <title><data:view.title.escaped/> - Baca Komik Online Bahasa Indonesia</title>
  27.       <meta expr:content='data:view.title' property='og:title'/>
  28.       <meta expr:content='data:view.title' property='og:image:alt'/>
  29.       <meta expr:content='data:view.title' name='twitter:title'/>
  30.       <meta expr:content='data:view.title' name='twitter:image:alt'/>
  31.       <b:elseif cond='data:view.isPost'/>
  32.       <title><data:blog.pageName/> - Baca Komik Online Bahasa Indonesia</title>
  33.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:title'/>
  34.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:image:alt'/>
  35.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='twitter:title'/>
  36.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='twitter:image:alt'/>
  37.       <b:elseif cond='data:view.isPage'/>
  38.       <title><data:blog.pageName/></title>
  39.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:title'/>
  40.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:image:alt'/>
  41.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='twitter:title'/>
  42.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='twitter:image:alt'/>
  43.       <b:elseif cond='data:view.isMultipleItems and !data:view.isHomepage'/>
  44.       <title>Rekomendasi Komik <data:blog.pageName/> Terbaik</title>
  45.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:title'/>
  46.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:image:alt'/>
  47.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='twitter:title'/>
  48.       <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='twitter:image:alt'/>
  49.       <b:elseif cond='data:view.isError'/>
  50.       <title>Page Not Found</title>
  51.       <meta expr:content='&quot;Page Not Found - &quot; + data:blog.title' property='og:title'/>
  52.       <meta expr:content='&quot;Page Not Found - &quot; + data:blog.title' property='og:image:alt'/>
  53.       <meta expr:content='&quot;Page Not Found - &quot; + data:blog.title' name='twitter:title'/>
  54.       <meta expr:content='&quot;Page Not Found - &quot; + data:blog.title' name='twitter:image:alt'/>
  55.       <b:else/>
  56.       <title><data:view.title/></title>
  57.       <meta expr:content='data:view.title' property='og:title'/>
  58.       <meta expr:content='data:view.title' property='og:image:alt'/>
  59.       <meta expr:content='data:view.title' name='twitter:title'/>
  60.       <meta expr:content='data:view.title' name='twitter:image:alt'/>
  61.     </b:if>    
  62.     <!-- Meta Image -->
  63.     <b:if cond='data:widgets'>
  64.       <b:loop values='data:widgets.Blog.last.posts where (p =&gt; p.featuredImage) map (p =&gt; p.featuredImage) limit 1' var='imageUrl'>
  65.         <meta expr:content='resizeImage(data:imageUrl,1200,&quot;1200:1200&quot;)' property='og:image'/>
  66.       </b:loop>
  67.     </b:if>
  68.     <meta expr:content='data:view.isHomepage ? &quot;website&quot; : &quot;article&quot;' property='og:type'/>
  69.     <meta expr:content='data:view.url.canonical' property='og:url'/>
  70.     <!-- Meta Robot -->
  71.     <meta content='index/follow' name='robots'/>
  72.     <!-- Feeds -->
  73.     <data:blog.feedLinks/>
  74.     <data:blog.meTag/>
  75.  
  76.     <b:skin><![CDATA[
  77.  
  78. /*
  79. <Variable name="keycolor" description="Main Color" type="color" default="#ff0000" hideEditor="true"  value="#9c27b0"/>
  80. <Group description="Body">
  81.   <Variable name="body.background.color" description="Background color" type="color" default="#fff"  value="transparent"/>
  82. </Group>
  83. <Variable name="secclr" description="Secondary Color" type="color" default="#7b0000"  value="#460052"/>
  84. <Variable name="border.radius" description="Border Radius" type="length"
  85.             min="2px" max="50px" default="2px"  value="3px"/>
  86. <Variable name="b.w" description="Blog Width" type="length"
  87.             min="1000px" max="1300px" default="1180px"  value="1200px"/>
  88. <Variable name="s.w" description="Sidebar Width" type="length"
  89.             min="300px" max="500px" default="315px"  value="339px"/>
  90. <Group description="Status Color">
  91. <Variable name="com" description="Completed Color" type="color" default="#228b22"  value="#7e701f"/>
  92. <Variable name="ong" description="Ongoing Color" type="color" default="#ffa500"  value="#f8007c"/>
  93. <Variable name="soo" description="Coming Soon Color" type="color" default="#2f4f4f"  value="#243721"/>
  94. <Variable name="drp" description="Dropped Color" type="color" default="#ff0000"  value="#d400f8"/>
  95. </Group>
  96. <Group description="New Comment Required - Dont edit">
  97. <Variable name="body.background" description="Background" color="#505050" type="background" default="$(color) none repeat scroll center center"  value="$(color) none repeat scroll center center"/>
  98. <Variable name="body.text.font" description="Font komentar Blogger" type="font" default="$(fontBody)" value="400 14px &#39;Roboto&#39;, sans-serif"/>
  99. <Variable name="body.text.color" description="Color" type="color" default="#505050"  value="#464646"/>
  100. <Variable name="body.link.color" description="Link color" type="color" default="#161617"  value="#000000"/>
  101. <Variable name="posts.title.color" description="Post title color" type="color" default="#161617"  value="#000000"/>
  102. <Variable name="posts.text.color" description="Post text color" type="color" default="#505050"  value="#464646"/>
  103. <Variable name="posts.icons.color" description="Post info color" type="color" default="#505050" value="#464646"/>
  104. <Variable name="posts.background.color" description="Post background color" type="color" default="#f7f7fc"  value="#f6fcfb"/>
  105. <Variable name="tabs.font" description="Font" type="font" default="400 14px &#39;Roboto&#39;, sans-serif" value="400 14px &#39;Roboto&#39;, sans-serif"/>
  106. <Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="#ffffff"  value="#ffffff"/>
  107. <Variable name="labels.background.color" description="Labels background color" type="color" default="#fff" value="#ffffff"/>
  108. </Group>
  109. */
  110. /*!************************************************
  111. * Name    : ZeistManga
  112. * Version : 5.3
  113. * Revisi  : r1
  114. * Website : emissionhex.blogspot.com
  115. **************************************************/
  116. :root {
  117.   --primary-color: $(keycolor);
  118. --v171: #17151b;
  119. --v999: #999;
  120. --hf1f: #f1f1f1;
  121. }
  122. .dark-mode {--hf1f: #333}
  123. *, ::after, ::before {
  124.     box-sizing: border-box;
  125. }
  126. html{height:100%;scrollbar-width: thin;scroll-behavior:smooth;}
  127. ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; height: 5px;}
  128. ::-webkit-scrollbar-thumb {background: gray;}
  129. body{overflow-x:hidden;height:100%;}
  130. iframe{width:100%;border:0}
  131. svg{width:24px;height:24px}
  132. .svg-1{stroke:white;width:34px;height:34px;}
  133. .svg12 {width: 14px;height: 14px;color: rgba(255,255,255,0.4);}
  134. .svg14 svg{width:14px;height:14px}
  135. .svg12sv svg {width:12px;height:12px}
  136. .dark-mode{background-color:#1a1a1a;color:white}
  137. .modeSwitch{position:relative;display:inline-block;width:32px;height:17px}
  138. .modeSwitch input{opacity:0;width:0;height:0}
  139. .toggleSwitch{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.28);transition:.3s;border-radius:17px}
  140. .toggleSwitch:before{position:absolute;content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:whitesmoke;transition:.4s;border-radius:50%}
  141. input:focus+.toggleSwitch{box-shadow:0 0 1px #2196f3}
  142. .dark-mode input+.toggleSwitch:before{transform:translateX(15px)}
  143. body{font-family:fira sans,sans-serif;counter-reset:section;background-color:#e8ebf5;color:#222d34;font-size:15px;line-height:1.4;}
  144. a{color:#222d34;text-decoration:none}
  145. a:hover,.infolimit a,::marker{color:$(keycolor)}
  146. .link a,.dark-mode .link a,#allert a{color:$(keycolor)}
  147. #sidebar a{color:#222}
  148. .m-0,body,#sidebar .title,.flat,figure,#PopularPosts2 .title,.related.style-2,#main .widget .title,#feed .title,#wpac-rating{margin:0}
  149. .pen .separator a,.page-view .separator a{padding:0 !important}
  150. .max-w,.fw .mx-feed,#notification .widget{max-width:$(b.w)}
  151. .ads img,#sidebar .widget-content img{max-width:100%;height:auto;}
  152. .pv main .max-w{max-width:1080px}
  153. .h-14{height:14px;vertical-align:middle;}
  154. .w-180{width:180px}
  155. .w-50p{max-width:600px}
  156. .w-25{width:25px}
  157. .wh-18-svg svg{width: 18px;height: 18px}
  158. .mra,#notification .widget{margin-right:auto}
  159. .mla,#notification .widget{margin-left:auto}
  160. .mta{margin-top:auto}
  161. .p-y6x12{padding:6px 12px}
  162. .p-y5x20{padding:5px 20px}
  163. .p-y0x15{padding:0 15px}
  164. .p-y7x15-a a{padding:7px 15px}
  165. .p-y10x15{padding:10px 15px;}
  166. .p-y12x15{padding:12px 15px}
  167. .p-15,#disqus_thread{padding:15px}
  168. .p-20,#downloadlist{padding:20px}
  169. .p-10,.prev,.all,.next,.pv .m-GwWBFmbcL{padding:10px}
  170. .p-5,.ofz{padding:5px}
  171. .p-6{padding:6px}
  172. .p-13,#sidebar .widget-content{padding:13px}
  173. .pr-15{padding-right:15px}
  174. .pl-15{padding-left:15px}
  175. .px-5 {padding-left: 5px;padding-right: 5px}
  176. .pr-10{padding-right:10px}
  177. .mr-13{margin-right:13px}
  178. .mr-20{margin-right:20px}
  179. .ml-20,#downloadlist .db{margin-left:20px}
  180. .ml-7{margin-left:7px}
  181. .pv .ml-7{margin-left:auto}
  182. .ml-0{margin-left:0}
  183. .md-ml-0{margin-left:0}
  184. .mr-40{margin-right:40px}
  185. .mr-7,h2 > svg,h3 > svg{margin-right:7px}
  186. .mt-5{margin-top:5px}
  187. .mt-15,.ch-bottom,.ch-top{margin-top:15px}
  188. .mt-35{margin-top:35px}
  189. .mb-2{margin-bottom:2px}
  190. .mx-5{margin-right: 5px;margin-left: 5px}
  191. .mb-6{margin-bottom:6px}
  192. .mt8{margin-top:8px}
  193. .mt-24,#disqus_thread,.svo .mt-sv15{margin-top:24px}
  194. .mt-n100{margin-top:-100px}
  195. .mb-13{margin-bottom:13px}
  196. .mb-20,.not-home-mb20{margin-bottom:20px}
  197. .mb-0{margin-bottom:0}
  198. .mb-15,.ch-top,#disqus_thread,.pv .m-GwWBFmbcL{margin-bottom:15px}
  199. .label-view .mb-20lv, #sidebar .widget:last-child{margin-bottom:20px}
  200. .mr-3{margin-right:3px}
  201. .mt-0{margin-top:0}
  202. #main .widget-content,#slide .widget-content{margin:13px}
  203. .grid,#sidebar,.overlay,.flat,#Blog1,.ChapterNav,.style-2{display:grid}
  204. .flex,#sidebar .list-label-widget-content .label-name,#PageList2,.score,.ofz,.slider-nav,.nextPrev a{display:flex}
  205. .block,.b-img img,.homechapter a,.icon,figure .separator img,.block-a a{display:block}
  206. .header-image-wrapper img{transition:.3s;max-height:50px;max-width: 150px;}
  207. .header-image-wrapper img:hover{transform:scale(1.2);}
  208. .i-mage img{position:absolute;height:100%;left:0;top:0;}
  209. .i-block{display:inline-block}
  210. .i-flex{display:inline-flex}
  211. .hidden,.post .separator,.hi .index-list,.hi #downloadlist,#Viewer-module,#sidebar .item-byline,#notification h3,#recommendations .title,#ecHome,#myUL li:not([data*="Chapter"]),.post #character{display:none}
  212. .gtc-3c {grid-template-columns: auto auto 1fr;gap: 10px;}
  213. .gtr-mc{grid-template-rows:max-content}
  214. .gtc-header{grid-template-columns:auto 1fr auto}
  215. .gtc-main{grid-template-columns:1fr $(s.w)}
  216. .gtc-175fr{grid-template-columns:175px 1fr}
  217. .gtc-1frxa{grid-template-columns:1fr minmax(100px,150px) minmax(100px,150px);border-bottom:solid 1px #eceff5}
  218. .gtc-f141a{grid-template-columns:repeat(auto-fill,minmax(141px,1fr))}
  219. .hfeed{grid-template-columns:repeat(auto-fill,minmax(141px,1fr))}
  220. .gtr-a1fa{grid-template-rows:auto 1fr auto}
  221. .gtc-rx1fr{grid-template-columns:1fr 1fr}
  222. .gtc-100a1fr{grid-template-columns:minmax(100px,auto) 1fr}
  223. .gtc-4x{grid-template-columns:repeat(4, 1fr);padding:5px}
  224. .gtc-101{grid-template-columns:101px auto}
  225. .gtc-142{grid-template-columns:repeat(auto-fill,minmax(114px,1fr))}
  226. .gtc-4460{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
  227. .a1{grid-area:a1;}
  228. .a2{grid-area:a2;}
  229. .a3{grid-area:a3;}
  230. .a4{grid-area:a4;}
  231. @media screen and (min-width:1024px){.gtc-235fr{grid-template-columns:235px minmax(200px,auto);grid-template-areas: "a1 a2""a3 a3""a4 a4";}
  232. }
  233. .ChapterNav{grid-template-columns:repeat(3,1fr)}
  234. .aic,.nextPrev a{align-items:center}
  235. .pcc{place-content:center}
  236. .pic{place-items:center}
  237. .jic{justify-items:center}
  238. .bsc{background-size:cover}
  239. .fdcr{flex-direction:column}
  240. .jcsb,.label-name,.ofz{justify-content:space-between}
  241. .jcc,.slider-nav{justify-content:center}
  242. .jsc{justify-self:center}
  243. .tac,.ChapterNav,.score,.ads .widget-content,#notification .widget-content{text-align:center}
  244. .lsn,.Label,.flat,.related.style-2 li,#downloadlist ul,#myUL{list-style:none}
  245. .Label ul,.flat,.pl-0,.related.style-2,.dsq-widget-list,#downloadlist ul,#myUL{padding-left:0}
  246. .bg-main,.pagecurrent,.all,.releases,#PageList2{background:linear-gradient(to right, $(keycolor) , $(secclr))}
  247. .header-background {background-color: $(keycolor)}
  248. .jsfe{justify-self:flex-end}
  249. .lh-60{line-height:60px}
  250. .lh-42{line-height:42px}
  251. .lh-37 {line-height:37px}
  252. .lh-25px {line-height:25px}
  253. .lh-26{line-height:26px}
  254. .lh-20{line-height:20px}
  255. .lh-1d7,.homechapter{line-height:1.7}
  256. .lh-35{line-height:35px}
  257. .gg-30{grid-gap:30px}
  258. .gg-20,#sidebar,#Blog1{grid-gap:20px}
  259. .gg-15{gap:15px}
  260. .gg-10,.style-2{gap:10px}
  261. .g5 {gap: 5px}
  262. .fw-600,#sidebar #BlogArchive1 a,.subItem li .chpName{font-weight:600}
  263. .fw-500{font-weight:500}
  264. .fsi{font-style:italic}
  265. #sidebar .c-fff ,.c-fff,#sidebar .overlay a,.date,.post-labels,.white\:hover:hover,.pagecurrent,.all,.all:hover{color:white}
  266. .dim\:hover:hover{filter:brightness(80%)}
  267. .c-666{color:#666}
  268. .c-ddd{color:#ddd}
  269. .c-999,.c-999-a a{color:var(--v999)}
  270. .c-22{color:#222d34}
  271. .c-555{color:#555}
  272. .bg-171{background-color:var(--v171)}
  273. .bg-999{background-color:var(--v999)}
  274. .c-cc,#PageList2 a:hover{color:#ccc}
  275. .bn{border:none}
  276. .bg-trans{background:rgba(0,0,0,.18)}
  277. .bg-222{background:#222}
  278. .bt{background-color:transparent}
  279. .r3,.col section .counter::before{border-radius:3px}
  280. .tlr-5{border-top-left-radius:5px;border-top-right-radius:5px;}
  281. .r4{border-radius:4px}
  282. .r5{border-radius:5px}
  283. .r50p{border-radius:50%}
  284. .r-50{border-radius:50px}
  285. #sidebar .widget,.r2,.FeaturedPost,#PopularPosts2,#disqus_thread,.ChapterNav,#downloadlist,.ofz,#main .HTML:not(.ads),.alr,.char:hover,.pv .m-GwWBFmbcL,#feed .widget,.tab li{border-radius:$(border.radius)}
  286. .r2f {border-radius: 2px;border: .5px solid var(--primary-color);color: var(--primary-color);}
  287. #sidebar .title {border-top-left-radius:$(border.radius);border-top-right-radius:$(border.radius);}
  288. .c-fff-force {color: white !important;}
  289. .tl-r3{border-top-left-radius:3px}
  290. .bl-r3{border-bottom-left-radius:3px}
  291. .br-r3{border-bottom-right-radius:3px}
  292. .tr-r3{border-top-right-radius:3px}
  293. .cp,.feather-filter,#prev,#next{cursor:pointer}
  294. .feather-sun, .feather-moon{width:14px;height:14px;fill:white;stroke:white}
  295. .feather-star{width:15px;height:13px;fill:$(keycolor);stroke:$(keycolor)}
  296. .feather-bell{stroke:white;}
  297. .unset{all:unset}
  298. #sidebar .widget,.bc-fff,.FeaturedPost,#PopularPosts2,#allert .widget-content,#disqus_thread,.index-list,#downloadlist,#main .HTML:not(.ads),.pv .m-GwWBFmbcL,#feed .widget{background-color:white}
  299. #sidebar .widget,.s1,.FeaturedPost,#PopularPosts2,#disqus_thread,#downloadlist,#main .HTML:not(.ads),#feed .widget{box-shadow:1px 3px 8px rgba(49,49,49,0.1)}
  300. .s2{filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.7))}
  301. #sidebar .title{font-size:17px;padding-bottom:15px}
  302. #sidebar .title,.c-theme,#PopularPosts2 .title,#downloadlist .db,#main .widget .title,#feed .title{color:$(keycolor)}
  303. .col{grid-template-columns:repeat(3,1fr)}
  304. .col section:nth-child(1){grid-column:1 / -1;}
  305. .col img,.full,.post-thumb,.page-view img{width:100%}
  306. .col section:nth-child(n+2) .post-title,.col section:nth-child(n+2) .byline,.col section:nth-child(n+2) .date{display:none}
  307. .col section:nth-child(n+2) img,.ofc{height:135px;object-fit:cover}
  308. .col section:nth-child(1) img{height:165px;object-fit:cover;object-position:top}
  309. .col section:nth-child(1) .ov-title{background:linear-gradient(to bottom,#0000,#000)}
  310. .col section:nth-child(n+2){margin:7px}
  311. #sidebar, #main,.min{grid-auto-rows:min-content}
  312. .relative{position:relative}
  313. .absolute{position:absolute}
  314. .col section .counter::before{counter-increment:section;content:counter(section);position:absolute;top:6px;left:4px;background:$(keycolor);color:white;padding:3px 7px;font-size:13px}
  315. .ov-img, .ov-title{grid-row:1 / -1}
  316. .ov-img{grid-column:1 / -1}
  317. .ov-title{grid-column:1 / -1;align-self:self-end;padding:10px 15px;overflow:hidden}
  318. .date,#sidebar .post-labels{font-size:13px}
  319. #sidebar .post-labels,.wsn{white-space:nowrap}
  320. .clamp{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
  321. #sidebar .post-title,.fwn{font-weight:500}
  322. .toe{text-overflow:ellipsis}
  323. .oh,#PopularPosts2,#main .widget,#feed .widget,#sidebar .widget,#HTML3{overflow:hidden}
  324. #sidebar #PopularPosts1{padding:0 0 3px 0}
  325. #sidebar #PopularPosts1 .title{padding-bottom:0}
  326. .ttu{text-transform:uppercase}
  327. .fz-0d95r{font-size:.9rem}
  328. .fs-30{font-size:30px}
  329. .fs-25{font-size:25px}
  330. .fs-20{font-size:20px}
  331. .fs-9{font-size:9px}
  332. .fs-14,.Label .label-name,.BlogArchive .widget-content,#allert .widget-content,.FeaturedPost .post-labels,.ChapterNav{font-size:14px}
  333. .fs-15,.index-list,#downloadlist ul,#feed .title,#sidebar .title,.fw #main .title{font-size:15px}
  334. .fs-13,.blog-pager{font-size:13px}
  335. .fs-12,.share-icon{font-size:12px}
  336. .fs-11{font-size:11px}
  337. .fs-17{font-size:17px}
  338. .p-3y6x{padding:3px 6px}
  339. .pb-15{padding-bottom:15px}
  340. #downloadlist ul{max-height:500px;overflow:auto}
  341. .info{color:#00529B;background-color:#BDE5F8}
  342. .success{color:#4F8A10;background-color:#DFF2BF}
  343. .warning{color:#9F6000;background-color:#FEEFB3}
  344. .error{color:#D8000C;background-color:#FFBABA}
  345. .boxs{padding:10px;margin:10px 0}
  346. .list-label-widget-content:hover,#download:hover{scrollbar-width:thin}
  347. .list-label-widget-content,#download{max-height:300px;scrollbar-color:$(keycolor) #d4dae6;scrollbar-width:none;overflow:scroll;-webkit-overflow-scrolling:touch;}
  348. .list-label-widget-content:hover,#download:hover{overflow-y:scroll}
  349. .list-label-widget-content::-webkit-scrollbar,#download::-webkit-scrollbar{width:7px}
  350. .list-label-widget-content::-webkit-scrollbar-track,#download::-webkit-scrollbar-track{background:#d4dae6}
  351. .list-label-widget-content::-webkit-scrollbar-thumb,#download::-webkit-scrollbar-thumb{background:$(keycolor)}
  352. .list-label-widget-content li,#downloadlist li{border-bottom:solid 1px #eceff5;padding:7px 10px}
  353. .list-label-widget-content li:hover{background:#f1f1f14f}
  354. .flat{grid-template-columns:1fr 1fr;grid-gap:6px}
  355. .flat .archivedate{background:#f8f9fb;padding:3px;text-align:center;line-height:28px}
  356. .post-count{font-size:12px;color:#999;margin-left:5px;font-weight:normal;}
  357. .post-count::before{content:"("}
  358. .post-count::after{content:")"}
  359. .cloud-label-widget-content .label-size{padding:3px 6px;border:1px solid $(keycolor);display:inline-block;margin-bottom:5px}
  360. #sidebar .cloud-label-widget-content .label-count{margin-left:5px;color:$(keycolor);font-weight:bold}
  361. ::selection{color:white;background:$(keycolor)}
  362. .PopularPosts .post-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
  363. .item-thumbnail:hover img{filter:brightness(50%);transition:.2s}
  364. #PopularPosts3 .item-thumbnail img {width: 58px;height: 75.85px;object-fit: cover;border-radius: 2px;}
  365. .bb-1pxsf,.ofz,#main .widget .title,#sidebar .title,#feed .title{border-bottom:1px solid #f1f1f1}
  366. .bt-1pxs3{border-top:1px solid #333333a1}
  367. .bb-2pxsec{border-bottom:solid 2px #eceff5}
  368. .bt-2sf{border-top:2px solid #f1f1f1}
  369. .s3f5{border-bottom:solid 3px #f5f7fa}
  370. .y9x19p,#main .widget .title,#slide .widget .title,#sidebar .title,#feed .title{padding:8px 15px}
  371. .yb10m,#main .widget .title,#slide .widget .title{margin-bottom:10px}
  372. .m-3{margin:3px}
  373. .m-y0x4-li li{margin:0 4px}
  374. .y10x0{padding:10px 0}
  375. .y3x5p{padding:3px 5px}
  376. .y6x0p{padding:6px 0}
  377. .y5x10p{padding:5px 10px}
  378. .y0x9p{padding:0 9px}
  379. .label{padding:4px 12px;color:$(keycolor);border:1px solid $(keycolor);background-color:$(keycolor)17;}
  380. .label:hover{background-color:$(keycolor);color:white}
  381. .yt8m{margin-top:8px;margin-bottom:8px}
  382. .pv .mtn150{margin-top:-150px}
  383. .pt-140p{padding-top:140%}
  384. .pt-137p{padding-top:137%}
  385. .y6x11p{padding:6px 11px}
  386. .fd\:hover:hover{background-color:#fdfdfd}
  387. .bc-f5{background-color:#f5f7fa}
  388. .bc-2b{background-color:#2b2b2b}
  389. .bc-22{background-color:#222}
  390. .bc-33{background-color:#33333380}
  391. .bc-e8{background-color:#e8ebf5}
  392. .bg\:hover:hover{background:$(keycolor)}
  393. .h-140{height:140px}
  394. .h-220 img{height:199px}
  395. .h-200{height:125px}
  396. .h-135{height:135px}
  397. .h-60{height:60px;width:40px;}
  398. .h-17{height:17px}
  399. .full-i img{width:100%;object-fit:cover;border-radius:2px;}
  400. .b-0{bottom:0}
  401. .l-0{left:0}
  402. .t-3 {top: 3px}
  403. .t-5{top:5px}
  404. .r-5{right:5px}
  405. .b\(50\){filter:brightness(50%)}
  406. .dt{float:right}
  407. [dir="rtl"] .dt{float:left}
  408. .PageList [data]:before{margin-right:5px;vertical-align:sub}
  409. [data="Series"]:before {content: url('https://api.iconify.design/ic:twotone-grid-view.svg?color=rgba(255,255,255,.6)&height=16');}
  410. [data="Home"]:before {content: url('https://api.iconify.design/ant-design:home-twotone.svg?color=rgba(255,255,255,.6)&height=16');}
  411. [data="Other"]::before {content: url('https://api.iconify.design/icon-park-outline:other.svg?color=rgba(255,255,255,.6)&height=16');}
  412. [data="Komik"]::before {content: url('https://api.iconify.design/bx/bxs-book-reader.svg?color=rgba(255,255,255,.6)&height=16');}
  413. [data="Manga List"]::before {content: url('https://api.iconify.design/bx/bx-list-minus.svg?color=rgba(255,255,255,.6)&height=16');}
  414. [data="Bookmark"]::before {content: url('https://api.iconify.design/fluent/library-20-filled.svg?color=rgba(255,255,255,.6)&height=16');}
  415. .chap-by-tag a:visited{color:gray}
  416. .chap-by-tag div:not(:last-child){border-bottom:1px dashed $(keycolor)}
  417. #Label2 .label-count{top:-5px;right:-8px;background:$(keycolor);width:16px;height:16px}
  418. .share-icon{padding:2px 7px;margin:5px}
  419. .facebookThis{background:#1877f2}
  420. .twitterThis{background:#1da1f2}
  421. .whatsappThis{background:#01ba6d}
  422. .pinterestThis{background:#e81737}
  423. .share-icon svg{fill:white;margin-right:4px;width:20px;height:20px}
  424. .fill-f{fill:white}
  425. .vam{vertical-align:middle}
  426. .o5{opacity:.5}
  427. .ofc-f img{width:150px;height:200px;object-fit:cover}
  428. .f-1{flex:1}
  429. .index-list{border-bottom:1px solid #eceff5}
  430. .index-list a{display:block;padding:11px 15px}
  431. .FeaturedPost .post-labels a{color:#606060;display:inline-block;background:#e8e8e9;padding:1px 4px}
  432. .feather-user{width:15px;height:15px;stroke:$(keycolor)}
  433. .feather-tag{width:15px;height:15px;vertical-align:text-top;margin-right:3px}
  434. .dark-mode .header-background,.dark-mode #sidebar .widget,.dark-mode .bc-fff, .dark-mode .FeaturedPost, .dark-mode #PopularPosts2, .dark-mode #allert .widget-content, .dark-mode #disqus_thread,.dark-mode .next,.dark-mode .prev,.dark-mode .index-list,.dark-mode #downloadlist,.dark-mode #main .widget:not(.Blog),.dark-mode .m-GwWBFmbcL,.dark-mode #feed .widget{background-color:#222;}
  435. .dark-mode .bb-1pxsf, .dark-mode #main .widget .title,.dark-mode .ofz,.dark-mode #sidebar .title,.dark-mode #feed .title{border-bottom:1px solid #333}
  436. .dark-mode #sidebar a,.dark-mode a,.dark-mode .next,.dark-mode .prev,.dark-mode .bt-2sf,.dark-mode #downloadlist{color:#ccc}
  437. .dark-mode .list-label-widget-content li,.dark-mode .gtc-1frxa,.dark-mode .index-list,.dark-mode #downloadlist li{border-bottom:solid 1px #333333d6}
  438. .dark-mode .list-label-widget-content li:hover,.dark-mode .fd\:hover:hover{background:#33333361}
  439. .dark-mode .list-label-widget-content,.dark-mode #download{scrollbar-color:$(keycolor) #333333d6}
  440. .dark-mode .list-label-widget-content::-webkit-scrollbar-track,.dark-mode #download::-webkit-scrollbar-track{background:#333333d6}
  441. .dark-mode .bc-f5{background-color:#3333338f}
  442. .link\:hover:hover .ck{color:$(keycolor)}
  443. .dark-mode .flat .archivedate{background:#2b2b2b}
  444. .dark-mode .bt-2sf{border-top:2px solid #333333cf}
  445. .dark-mode .bb-2pxsec{border-bottom:solid 2px #333333cf}
  446. .dark-mode .c-ee{color:#eee}
  447. .dark-mode .bc-e8{background-color:#2b2b2b}
  448. .bg-photo-container{overflow:hidden;position:relative;}
  449. #custom-hero,#custom-hero img,.limit img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;}
  450. .limit img {border-radius: 2px}
  451. .post #custom-hero{display:none;}
  452. .hero-background{height:264px;background-position:center;background-size:cover;width:100%;transform:scale(1.1);filter:blur(5px) saturate(2) brightness(70%);}
  453. @media (max-width:768px){.gtc-175fr{grid-template-columns:125px 1fr}
  454. }
  455. @media (max-width:900px){.gtc-main{grid-template-columns:auto}
  456. }
  457. @media (max-width:375px){.gtc-175fr{grid-template-columns:auto}
  458. .md\:tac{text-align:center}
  459. .fdc-375{flex-direction:column}
  460. }
  461. @media (max-width:600px){#Text1{padding-right:13px;padding-left:13px}
  462. }
  463. @media (max-width:1024px){
  464. .calc-wn20 {width: calc(100% - 20px);margin-right: auto;margin-left: auto;}
  465. .gtc-235fr {grid-template-columns: auto;grid-template-areas: "a1""a2""a3""a4";}
  466. .md-w120{width:120px}
  467. .hero-background{height:170px;}
  468. .md-auto{margin:0 auto}
  469. .module-ctrl.top h1{font-size:1.2rem}
  470. .md-ml-0{margin-left:revert}
  471. .gtc-header{grid-template-columns:auto 1fr;padding:0 13px}
  472. .fdc{flex-direction:column}
  473. #PageList1{justify-self:flex-start}
  474. #Header1{display:flex;align-items:center}
  475. #PageList1,.md\:none{display:none}
  476. .md\:jcc{justify-content:center}
  477. .right{float:right}
  478. .w-180,.md\:full,#PageList1{width:100%}
  479. #PageList1 ul{padding-left:0}
  480. #PageList1 li{border-bottom:1px solid #f1f1f1}
  481. .dark-mode #PageList1 li{border-bottom:1px solid #333}
  482. }
  483. @media (max-width:900px){
  484. .sm\:dn,#Query-input{display:none;}
  485. .menu-item{width:35px;height:35px;overflow:hidden;}
  486. .right{width:35px;height:35px;padding:10px;background:rgba(0,0,0,.4);margin-left:4px;border-radius:5px;display:grid;place-content:center;}
  487. }
  488. @media (min-width:1025px){.search,.menu{display:none}
  489. }
  490. .completed{color:green}
  491. .dropped{color:orangered}
  492. .blog-pager{margin-top:20px;border-top:1px solid #eceff5;padding-top:10px;padding-bottom:10px;text-align:center}
  493. #blog-pager a,.showpageOf,.pagecurrent{padding:9px 16px;margin:5px;border-radius:2px;background-color:#eceff5;display:inline-block}
  494. .dark-mode #blog-pager a,.dark-mode .showpageOf{background-color: #16151d;}
  495. .pagecurrent {background: var(--primary-color);}
  496. .dark-mode .showpageOf,.dark-mode .pagecurrent{border-color:#333333d6;color:#ccc}
  497. .dark-mode #blog-pager a, .dark-mode .blog-pager{border-color:#333333d6}
  498. .pagecurrent{border:none}
  499. .box{box-sizing:border-box}
  500. .icon{height:18px;width:102px;margin-bottom:7px}
  501. .z-1{z-index:1}
  502. .scale-2{scale:2}
  503. .entry-title{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  504. .gtc-1frxa:last-child,.index-list:last-child{border-bottom:none}
  505. .label-view #Blog1{grid-gap:0}
  506. #content{display:none}
  507. .score{position:absolute;right:0;z-index:1;padding:3px 5px;font-size:12px;font-weight:500;bottom:0;background:rgba(0,0,0,.8);color:rgba(255,255,255,.9)}
  508. .f1{flex:1}
  509. [data*="Chapter"]{margin-right:5px;color:$(keycolor)}
  510. .ex[data]{display:none}
  511. .ex[data*="Chapter"]{display:block}
  512. .xe[data]{display:inline-flex}
  513. .xe[data*="Chapter"]{display:none}
  514. .hot::before{content:"H";background:orangered;color:white;font-size:14px;padding:1px 4px;margin-right:4px;border-radius:4px;}
  515. .new::before{content:"N";background:limegreen;color:white;font-size:14px;padding:1px 4px;margin-right:4px;border-radius:4px;}
  516. .sac{scroll-snap-align:center}
  517. .sac {scroll-margin-top: 5rem;}
  518. .widget-content.list-label-widget-content::-webkit-scrollbar{display:none}
  519. textarea:focus, input:focus{outline:none}
  520. sup{font-size:15px;vertical-align:top}
  521. .slide{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;}
  522. .slide{align-content:center;display:grid;grid-template-columns:repeat(10,minmax(145px,1fr));grid-gap:1em;}
  523. .slide::-webkit-scrollbar{display:none;}
  524. :is(#feed,.slide,#recommendations)  img:hover{transform: scale(1.2);}
  525. :is(#feed,.slide,#recommendations) img {transition: .3s;}
  526. #s11{width:0;height:0;}
  527. .com{top:18px;left:-29px;transform:rotate(-45deg);background:$(com);color:white;padding:2px 24px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.5);}
  528. .ong{top:17px;left:-25px;transform:rotate(-45deg);background:$(ong);color:white;padding:2px 24px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.5);}
  529. .soo{top:24px;left:-33px;transform:rotate(-45deg);background:$(soo);color:white;padding:2px 24px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.5);}
  530. .drp{top:18px;left:-29px;transform:rotate(-45deg);background:$(drp);color:white;padding:2px 24px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.5);margin-left:4px;}
  531. .blob{background:black;border-radius:20px;box-shadow:0 0 0 0 rgba(0, 0, 0, 1);margin:5px 10px;height:12px;width:19px;transform:scale(1);animation:pulse-black 2s infinite;display:inline-block;}
  532. .blob.key{background:$(keycolor);box-shadow:0 0 0 0 $(keycolor)d1;animation:pulse-red 2s infinite;}
  533. @keyframes pulse-red{0%{transform:scale(0.95);box-shadow:0 0 0 0 $(keycolor)d1;}
  534.  70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255, 82, 82, 0);}
  535.  100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255, 82, 82, 0);}
  536. }
  537. .pv figure .separator a,.p figure .separator a, .pen .separator a{pointer-events:none;}
  538. .dark #listItem{background:#1b1b1b;}
  539. .list-judul{padding:9px 19px;border-bottom:1px solid #ccd0d7;}
  540. .dark-mode .list-judul{border-bottom:1px solid #514a4a;}
  541. .list-judul h3{margin:0;font-size:19px;font-weight:500}
  542. .searcch{padding:9px 8px}
  543. input#searchchapter{font-weight:300;background:#e8ebf5;box-shadow:none !important;width:100%;height:34px;font-size:14px;line-height:1.42857143;color:white;border:none;border-radius:3px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding:10px;}
  544. .char:hover{background-color:$(keycolor)1c}
  545. .dark-mode input#searchchapter,.dark-mode .char:hover{background:#171616}
  546. input#searchchapter::placeholder{color:#555}
  547. .ep-item{padding:0;list-style:none;margin:0;display:flex;flex-wrap:wrap;}
  548. .ep-right{margin-right:9px}
  549. ul.ep-item::-webkit-scrollbar{width:2px;height:2px}
  550. ul.ep-item::-webkit-scrollbar-thumb{border-radius:7px;background-color:#a20a0a}
  551. .ep-item .char{padding:11px 15px 11px 8px;padding-top:11px;font-size:14px;position:relative;width:100%;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;flex:0 0 33%;max-width:33%;}
  552. @media (max-width:768px){.ep-item .char{flex:100%;max-width:50%}
  553. }
  554. .ep-item .char:first-child{padding-top:11px}
  555. .ep-item .char:last-child{border-bottom:none;}
  556. .ep-right .eps{background:$(keycolor);padding:10px;color:#fff;display:block;text-align:center}
  557. .ep-left,.ep-left .eps-jdl{overflow:hidden;width:100%}
  558. .ep-left{flex:1}
  559. .ep-left .eps-jdl{line-height:21px;text-overflow:ellipsis;white-space:nowrap;float:left}
  560. span.eps a{color:#fff}
  561. span.eps a:hover,span.eps-jdl a:hover{color:#a20a0a}
  562. span.eps-jdl a{color:$(keycolor);}
  563. .file-list span{font-size:7px}
  564. .file-list span.eps-date{font-size:14px}
  565. #threaded-comment-form .alr {background: #006b3c;}
  566. .alr{margin-bottom:18px;box-shadow:0 2px 3px rgba(0,0,0,.1);color:#fff;background:#d7382d;font-size:13px;grid-template-columns:50px 1fr;}
  567. .alr.royal{background:royalblue}
  568. #Viewer-module:checked ~ .module-ctrl, .module-ctrl *{transition:.2s;}
  569. .module-ctrl{max-height:0;opacity:0;visibility:hidden;overflow:hidden;}
  570. #Viewer-module:checked ~ .module-ctrl.top, #Viewer-module:checked ~ .module-ctrl.bottom, .module-ctrl{position:fixed;width:100vw}
  571. .module-ctrl{background-color:wheat}
  572. .dark-mode .module-ctrl{background-color:#514d4d}
  573. #Viewer-module:checked ~ .module-ctrl.top, .module-ctrl.top{top:0;}
  574. #Viewer-module:checked ~ .module-ctrl.bottom{bottom:0;}
  575. #Viewer-module:checked ~ .module-ctrl{max-height:200px;opacity:1;visibility:visible;}
  576. .check-box img{max-width:100%;height:auto;margin:0 auto;}
  577. .series-chapterlist{list-style:none;padding:0;font-size:15px;}
  578. .flexch-infoz{padding:5px;}
  579. .series-chapterlist li{background:#f7fafc;border-bottom:solid 1px #edf2f7;}
  580. .flexch{display:grid;grid-template-columns:50px auto 50px;align-items:center;}
  581. .series-chapterlist li time{display:block;}
  582. .flexch-book, .flexch-dllink{position:relative;padding:10px;background:#edf2f7;font-size:25px;color:#777;text-align:center;}
  583. .series-chapterlist li time{font-size:12px;}
  584. .series-chapterlist li:hover svg{color:white;}
  585. .series-chapterlist li:hover{color:#fff;}
  586. .series-chapterlist li:hover a{color:#fff !important;}
  587. .series-chapterlist li:hover .flexch-book, .series-chapterlist li:hover .flexch-dllink{background:#020202;}
  588. .series-chapterlist li svg{color:$(keycolor)}
  589. .dark-mode .series-chapterlist li{background:#3b3c4c;border-bottom:solid 1px #2f303e;}
  590. .dark-mode .flexch-book, .dark-mode .flexch-dllink{background:#48495b;color:#eee;}
  591. .dark-mode .series-chapterlist svg{color:#eee;}
  592. .series-chapterlist li:hover{background:$(keycolor)e6;}
  593. .ch-title{font-weight:normal;}
  594. .ch-title span{font-weight:800;color:$(keycolor)}
  595. .ch-title svg{width:20px;height:20px;vertical-align:middle;}
  596. .flexch-infoz a:visited,.flexch > a:visited svg{color:red;}
  597. .fit .header-background,.fit #disqus_thread,.fit footer{display:none;}
  598. .fl-box{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;visibility:hidden;padding:5px;}
  599. .dl-box{width:100%;max-width:500px;max-height:90%;display:flex;margin:0 auto -50%;background-color:white;border-radius:8px;transition:inherit;z-index:3;overflow:hidden;position:relative;box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);padding:10px;}
  600. #allert .Text{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;visibility:hidden;padding:5px;}
  601. #allert .widget-content{width:100%;max-width:500px;max-height:90%;margin:0 auto -50%;background-color:white;border-radius:8px;transition:inherit;z-index:3;position:relative;box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);}
  602. .dark-mode .dl-box{background-color:#222}
  603. #dl-module:checked ~ .fl-box{opacity:1;visibility:visible;background:rgba(0,0,0,.8);}
  604. #dl-module:checked ~ .fl-box .dl-box{margin:0 auto;}
  605. .mdl-close{z-index:1;padding:0;transform:rotate(45deg);}
  606. .close{background:$(keycolor);border-radius:99rem;color:white;}
  607. .fl-close{position:absolute;right:-.6rem;top:.1rem;min-width:3rem;z-index:1;padding:0;height:3rem;transform:rotate(45deg);}
  608. .dl-box table{width:100%;}
  609. .dl-box tbody{text-align:center;}
  610. .dl-box td:first-child, .dl-box th:first-child{text-align:left;}
  611. .dl-box td, .dl-box th{padding:.5rem;}
  612. .dl-box .num{color:$(keycolor);font-weight:700;}
  613. .dl-box .btn{font-size:.75rem;font-weight:700;padding:0 1.5rem;}
  614. .btn{cursor:pointer;padding:.5rem 1.5rem;display:inline-block;vertical-align:top;text-align:center;line-height:2rem;width:auto;background-color:$(keycolor);color:var(--text);min-width:3rem;border:0;border-radius:5rem;}
  615. #buttonDisqs {padding: .375rem 2.625rem;line-height: 1.5;background: $(keycolor);border-radius:$(border.radius);color: white;cursor: pointer;}
  616. #scInput{width:100%;color:$(keycolor);font-family:inherit;padding:7px 10px;border:1px solid $(keycolor)70;border-radius:3px;background-color:$(keycolor)17;}
  617. #myUL{display:flex;flex-wrap:wrap;gap:10px;line-height:1.5;max-height:300px;overflow-y:scroll;overflow-x:hidden;padding-right:5px;scrollbar-width:thin;}
  618. #myUL li{display:flex;padding:5px 10px;border:1px solid $(keycolor)36;font-size:14px;border-radius:5px;flex:1 1 0;justify-content:space-between;min-width:20%;background:$(keycolor)1c;transition:.2s;flex-direction: column;}
  619. #myUL span{display:block;}
  620. @media (max-width: 550px){#myUL li {min-width: 50%}}
  621. span.chapterdate{font-size:12px;color:#888;}
  622. #myUL li:hover{background:$(keycolor);}
  623. #myUL li:hover a{color:white;}
  624. #myUL time {color: #888;font-size: 13px;}
  625. #sidebar .LinkList ul{padding-left:15px;display:grid;grid-template-columns:repeat(3,auto);gap:10px;margin:0;font-size:14px;}
  626. .image{width:100%;height:280px;background-position:center;}
  627. .radio{display:none;}
  628. .images,#homepage-slider{position:relative;}
  629. .images-inner{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;}
  630. .images-inner{align-content:center;display:grid;grid-template-columns:repeat(10, 100%);grid-gap:1em;}
  631. .labels{position:absolute;right:15px;bottom:10px;}
  632. .fake-radio{float:right;z-index:4;position:relative;}
  633. #slide1:checked ~ div .fake-radio .radio-btn:nth-child(1),#slide2:checked ~ div .fake-radio .radio-btn:nth-child(2),#slide3:checked ~ div .fake-radio .radio-btn:nth-child(3){background:$(keycolor);}
  634. .radio-btn{width:9px;height:9px;border-radius:5px;background:gray;display:inline-block !important;margin:0 1px;cursor:pointer;}
  635. .bg::after{content:'';position:absolute;left:0;top:0;width:50%;height:100%;background:linear-gradient(to right,#000 0%,rgba(0,0,0,0) 100%);z-index:1;}
  636. .slideinfo{max-width:1270px;margin:0 auto;position:relative;z-index:2;color:white;display:flex;height:100%;align-items:flex-end;padding:15px;}
  637. .infolimit h3{font-size:23px;font-weight:normal;color:white;}
  638. .infolimit{max-width:700px;padding-bottom:20px;}
  639. .text{font-size:13px;}
  640. .quality{display:inline-block;padding:2px 7px;background:#ffffff;color:#333;vertical-align:top;font-weight:700;font-size:11px;border-radius:2px;margin-right:10px;text-transform:uppercase;}
  641. .gallery{padding:0;display:grid;grid-template-columns:repeat(10, 100vw);grid-template-rows:1fr;overflow:auto;height:280px;scroll-snap-type:both mandatory;margin:0;scrollbar-width:none;scroll-behavior:smooth;}
  642. .swiper-pagination{position:absolute;right:20px;bottom:10px;z-index:20;display:flex;}
  643. .swiper-pagination a{background:white;width:10px;height:10px;border-radius:99rem;padding:6px;margin:7px;}
  644. @media (max-width:1024px){.gallery{height:180px;}
  645. .infolimit p,.swiper-pagination a{display:none;}
  646. }
  647. .gallery::-webkit-scrollbar{display:none;}
  648. .active{scroll-snap-type:unset;}
  649. .gallery li{scroll-snap-align:center;display:inline-block;background-position:center;background-size:cover;position:relative;}
  650. #Label3{max-width:1100px;margin:0 auto;}
  651. #Label3 .cloud-label-widget-content{position:relative;padding:0 10px 0 10px;margin-top:-25px;z-index:4;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,.1);}
  652. #Label3 .cloud-label-widget-content .label-name{line-height:50px;color:white;text-transform:uppercase;padding:0 20px;display:inline-block;}
  653. @media (max-width:1024px){#Label3 .cloud-label-widget-content{text-align:center;}
  654. }
  655. .label-more::after{content:attr(data-text);}
  656. .label-more::after{flex-shrink:0;font-size:14px;margin-left:4px;color:white;}
  657. .labelInput ~ .labelAll{transition:.3s ease-in-out;max-height:0;overflow:hidden;}
  658. .labelInput:checked ~ .labelAll{max-height:100vh;margin-bottom:10px;}
  659. .genres-list{float:left;width:100%;}
  660. .genres-list a{width:150px;color:#fff;font-size:15px;cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;}
  661. .mySlides{display:none}
  662. img{vertical-align:middle;}
  663.  
  664. .hotx .iconify{width:20px;height:20px;color:white;}
  665. .colored .iconify{width:18px;height:18px;color:#222d34;}
  666. .hotx{position:absolute;bottom:5px;right:5px;z-index:1;width:25px;text-align:center;background:#f44336;border-radius:99rem;height:25px;}
  667. .colored{position:absolute;z-index:1;bottom:5px;left:5px;background:#ebcf04;color:rgba(0,0,0,.7);font-weight:700;font-size:10px;padding:2px 5px;border-radius:3px;text-transform:uppercase;display:flex;align-items:center;}
  668. .m-GwWBFmbcL svg{width:16px;height:16px;color:$(keycolor);}
  669. .dropdown{position:relative;}
  670. .check-box {user-select: none;pointer-events: none;}
  671. .dropMenu ~ ul{border-radius:6px;box-shadow:0 4px 4px rgba(0,0,0,.38);left:-5px;opacity:0;pointer-events:none;position:absolute;top:52px;user-select:none;padding:5px 0;min-width:240px;}
  672. .p-y7x15-a a:hover{background:rgba(0,0,0,.32);color:white;transition:color .5s;}
  673. .dropMenu a{padding:7px 15px;}
  674. .dropMenu:checked ~ ul{animation:v-4fbac4e1 .25s;opacity:1;pointer-events:auto;user-select:auto;z-index:100;}
  675. .dropdown ul::before{width:0;height:0;content:"";z-index:2;transform:scale(1.01);border-bottom:.6rem solid currentColor;border-left:.4rem solid transparent;border-right:.4rem solid transparent;bottom:100%;color:var(--v171);left:23%;position:absolute;}
  676. @keyframes v-4fbac4e1{0%{opacity:0;transform:translateY(-15px) }
  677.  60%{opacity:1 }
  678.  to{transform:none }
  679. }
  680. .row{display:flex;justify-content:space-between;align-items:center;}
  681. .entry{position:relative;transition:.15s;}
  682. .entry .cover{display:none;max-width:0;min-width:0;padding:0;width:0;}
  683. .entry > div{flex:2;padding:8px 10px;text-align:center;}
  684. .entry .titles{flex:5;padding-left:15px;text-align:left;display:flex;align-items:center;}
  685. .entry .titles{order:-1;}
  686. .entry .titles a{transition:0s;margin-right:auto;}
  687. .entry:hover .cover{display:block;}
  688. .entry .cover .image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;height:40px;width:40px;}
  689. .entry:hover .cover .image{border-radius:3px;display:block;padding:0;position:absolute;top:-60px;width:140px;z-index:111;}
  690. .entry:hover{background:$(keycolor);color:white;}
  691. .entry:hover a{color:white}
  692. .alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba;position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;width:100%}
  693. .pop-area::-webkit-scrollbar{display:none}
  694. .pop-area{display:flex!important;width:100%;height:100%;position:fixed;top:0;left:0;background:rgb(0 0 0 / 51%);visibility:hidden;opacity:0;transition:all 0.25s ease-in-out;z-index:999999;overflow-y:scroll}
  695. .pop-area.open{opacity:1;visibility:visible}
  696. .pop-html{background:#fff;padding-bottom:10px;display:block;margin:auto auto;width:calc(100% - 20px);max-width:500px;visibility:hidden;opacity:0;overflow:hidden;transition:all 0.5s ease-in-out;transform:scale(.5);border-radius:7px;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}
  697. .pop-area.open .pop-html{opacity:1;transform:scale(1);visibility:visible}
  698. .head-pop{width:-webkit-fill-available;padding:12px 30px;overflow:hidden;background:$(keycolor)}
  699. .close-btn{float:right;cursor:pointer;fill:#7e7e7e}
  700. .body-content{padding:10px}
  701. .text-center{display:grid;text-align:center;grid-gap:15px}
  702. .text-center svg{margin:0 auto}
  703. .btn.btn-outline-info{width:fit-content;margin:0 auto;text-decoration:none}
  704. .table{width:100%;border:1px solid $(keycolor);border-radius:7px;margin:5px 0;padding:5px}
  705. .table img{border-radius:4px;width:auto}
  706. .table a{text-decoration:none}
  707. .img-left{width:1px}
  708. .span-spc{margin-top:3px;white-space:unset;color:#888;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
  709. .item-left{vertical-align:-webkit-baseline-middle;padding-right:10px}
  710. .btn-remove{cursor:pointer}
  711. .show-bookmark{color:#fff;background-color:#007bff;position:relative;top:-20px;right:10px;font-size:50%;padding:.15em .3em;display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:50%;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
  712. .hartomy-bookmark-btn,.btn-outline-info{position:relative;display:inline-block;box-sizing:border-box;border:none;border-radius:4px;padding:0 16px;width:100%;height:36px;vertical-align:middle;text-align:center;text-overflow:ellipsis;text-transform:uppercase;color:rgb(var(--pure-material-onprimary-rgb,255,255,255));box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);font-family:var(--pure-material-font,"Roboto","Segoe UI",BlinkMacSystemFont,system-ui,-apple-system);font-size:14px;font-weight:500;line-height:36px;overflow:hidden;outline:none;cursor:pointer;transition:box-shadow 0.2s;margin-bottom:15px;}
  713. .hartomy-bookmark-btn::-moz-focus-inner{border:none}
  714. .hartomy-bookmark-btn svg{vertical-align:middle}
  715. .buka-tutup{color:white;}
  716. .dark-mode .body-content,.dark-mode .pop-html{background:#222;}
  717. .dark-mode .table{border:1px solid #333;}
  718. .myGrid .bookItem,.bookItem>a{position:relative;overflow:hidden}
  719. .bookItem>.data>h2,.subItem li .chpName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  720. .myGrid{display:grid;grid-template-columns:repeat(3,1fr)}
  721. .myGrid .bookItem>a{float:left;height:141px;margin-right:10px;border-radius:3px}
  722. .snippet-thumbnail {aspect-ratio: 3/4;}
  723. .bookItem .snippet-thumbnail img{width:90px;height:auto;object-fit:cover;border-radius:$(border.radius);}
  724. .myGridv2 .bookItem .snippet-thumbnail img {width:100%}
  725. .bookItem>.data{overflow:hidden;line-height:21px;}
  726. .bookItem>.data>h2{font-size:.98em;font-weight:500}
  727. .myGrid .bookItem>.data>h2{margin:0;}
  728. .myGridv2 .bookItem>.data>h2{margin:8px 0;}
  729. .bookItem a{color:#333;text-decoration:none}
  730. .bookItem>.data>.subItem{margin:10px 0 0;padding-left:15px}
  731. .myGrid .bookItem {padding: 15px 10px;}
  732. .bookItem:last-child {border-bottom: none}
  733. .subItem li{margin-bottom:5px;font-size:13px}
  734. .myGrid .subItem li .chpName{float:left;max-width:80px}
  735. .myGrid .subItem li .chpDate{float:right;color:#999;font-size:12px}
  736. .snippet-thumbnail{overflow:hidden;position:relative;}
  737. .myGridv2{display:grid;grid-template-columns:repeat(auto-fill,minmax(141px,1fr));gap:20px;padding:15px;}
  738. .myGridv2 .bb-1pxsf{border-bottom:none;}
  739. .myGridv2 .new-tag{display:none;}
  740. .myGridv2 .bookItem > .data > .subItem{padding-left:0;list-style:none;margin:0;}
  741. .myGridv2 .char{display:flex;align-items:center;justify-content:space-between;}
  742. .myGridv2 .chpName{padding:0 7px;background:$(keycolor)2e;border-radius:10px;}
  743. @media screen and (max-width:1080px){.myGrid{grid-template-columns:repeat(3,1fr)}
  744. }
  745. @media screen and (max-width:500px){.myGrid{grid-template-columns:repeat(1,1fr)}
  746. }
  747. .po{bottom:4px;right:4px;background:gray;padding:0 6px;font-size:13px;border-radius:4px;color:white;}
  748. .manga {background:#ff0038;}
  749. .manhua {background:#007fff;}
  750. .manhwa {background:#006b3c;}
  751. .myGridv2 .bookItem > a{position:unset;}
  752.  
  753. .dark-mode .bookItem a{color:#ccc}
  754. .nav-a a,.nav-a label{color:rgba(255,255,255,.6);font-weight:500;}
  755. .subItem li .chpName a:visited,#myUL a:visited{color:$(keycolor)}
  756. .nav-a a:hover,.nav-a label:hover{color:#fff;}
  757. .nav-a a::after,.nav-a label::after{content:'';display:block;width:0;height:2px;z-index:1;position:relative;background:white;transition:0.3s;}
  758. .nav-a a:hover::after,.nav-a label:hover::after{width:100%;transition:0.3s;}
  759. .dark-mode #sidebar ul.genre::before,.dark-mode #sidebar ul.genre::after{background:#333}
  760. #notification{background-color:$(keycolor);color:white;}
  761. #notification .widget-content{padding:7px;}
  762. .tab{overflow:hidden;background-color:#f1f1f1;}
  763. .dark-mode .tab{background-color:#333}
  764. .tab li{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:4px;transition:0.3s;font-size:14px;width:20%}
  765. .dark-mode .tab li{color:#ccc}
  766. .tab li:hover{background-color:#ddd;}
  767. .dark-mode .tab li:hover{background-color:$(keycolor)4a;}
  768. .tab li.active{background-color:$(keycolor);color:white;}
  769. @media only screen and (max-width:590px){.tab li:nth-child(n+4){display:none;}
  770.  .tab li{width:33.3%}
  771. }
  772. #recommendations .widget{display:none;}
  773. #recommendations .widget{padding:10px 0;}
  774. .jp{background-image:url(https://blogger.googleusercontent.com/img/a/AVvXsEgy78vVijPJfAhiDZibEiink5MdFFe99hZw8-rVzqfgJXqeTclaiQCcjxEN-37ZZSqllxyfOkQATOqQW6-RDHw15lj5v7jJCfmfCtkbKqeiRWpl_7hqU6EbwIDNiG9xQkMr3WegbTmCjmoV3KeVsuz5_wSLCg_XPSHvfhdFh3_gPO6w6qAJuWblIL4rWQ=s50);}
  775. .cn{background-image:url(https://blogger.googleusercontent.com/img/a/AVvXsEh7o3WESCpE9G2NSiDpLhD6_N9WYQBJ74JJHavvaQVGBwgIV6D4zL8l4sguDSqkFqhzsOfBq0y1NmE3tEF9A6Y_4BwqBD6DTI9BIZ-UL58sQyEMyDPRGoW9Y-iSmr4t3BxpOgMkxJDEBfMRGdHAucprfhrPC8Pc4ZtC-xY3zuabK7nY39w6seW4GOv7Hw=s50);}
  776. .kr{background-image:url(https://blogger.googleusercontent.com/img/a/AVvXsEi18s6Wr5BOAC7-G2x7GLPX7aEOIoqLCbiU3YAslN0a7J8Jz2OMe0OhGHMgM9g3WeM9rQHP3Qz-u4ooyiOwyRTGznCktu_EJfTMqj_y2GVYwThGNKTLAKs_o_1RjLL3yEUNlQiazeCXruPpY0nS2xudxDeV_VJIYosrC9pwwzDTehjVtJ5F9eb8zy9WpQ=s50);}
  777. #chapterSelect{background:#333;border:1px solid #333;font-family:inherit;display:block;color:#9b9b9b;padding:3px 10px;border-radius:20px;font-size:13px;max-width: 150px;}
  778. .nextPrev a{padding:3px 15px;border-radius:20px;color:#fff;font-size:13px;background:$(keycolor);}
  779. .nextPrev svg{width:18px;height:18px;}
  780. #ecNext a{padding-right:8px;}
  781. #ecPrev a{padding-left:8px;}
  782. .progress-custom{display:flex;align-items:center;background:;}
  783. .progress{display:flex;height:1rem;overflow:hidden;font-size:0.75rem;background-color:;border-radius:0.25rem;height:1rem;font-size:0.6em;flex:1;position:relative;}
  784. .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;transition:width 0.6s ease;overflow:hidden;background:linear-gradient(to right, $(keycolor), $(secclr));padding-right:calc(100% - var(--width));width:100%;height:100%;-webkit-clip-path:inset(0 calc(100% - var(--width)) 0 0);clip-path:inset(0 calc(100% - var(--width)) 0 0);}
  785. .progress-custom .progress-value{font-size:0.8em;padding:0 0.5em;}
  786. div#ec_Select { visibility: hidden;user-select: none;pointer-events: none;width: 0;}
  787.  
  788. /* Random Post Multi Tab Dagruel */
  789. .series-gen ul.nav-tabs{display:flex;list-style:none;margin:0;padding:6px;overflow:hidden;}
  790. .series-gen ul.nav-tabs li{flex:1;cursor:pointer;text-align: center;}
  791. .customAF.scroll{display:none;position:relative;padding:5px 10px;}
  792. .customAF.scroll.active{display:block;}
  793. .customAF.scroll .scrollButton{display:inline-block;position:absolute;top:calc(50% - 63px);z-index:3;background:#303030;transition:.3s;padding:30px 10px;outline:0;border:none;cursor:pointer;opacity:0;}
  794. .customAF.scroll:hover .scrollButton{opacity:.9;}
  795. .customAF.scroll .scrollButton:hover{background:#3b3b3b;opacity:1;}
  796. .scrollButton.left{left:10px;}
  797. .scrollButton.right{right:10px;}
  798. .scrollButton svg{width:24px;height:24px;vertical-align:middle;}
  799. .scrollButton svg path{fill:#fff;}
  800. .customAF .inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;padding:5px 5px 0;width:calc(100% - 10px);}
  801. .customAF .inner.scrolling{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));overflow-x:hidden;scroll-behavior:smooth;padding:0;width:100%;}
  802. .customAF .inner .customAgata{float:left;width:calc(20% - 10px);padding:0 5px;margin-bottom:10px;}
  803. .customAF .inner.scrolling .customAgata{float:none;width:auto!important;padding:0;margin:0;}
  804. .customAgata .images{position:relative;}
  805. .customAF .inner .customAgata .images figure{position:relative;margin:0;padding-top:142%;border-radius:3px;overflow:hidden;}
  806. .customAgata .images figure:after,.customAgata .images figure:before{content:'';}
  807. .customAgata .images figure img,.customAgata .images figure:after,.customAgata .images figure:before{position:absolute;left:0;right:0;bottom:0;top:0;}
  808. .customAgata .images figure:before{margin:auto;width:3rem;height:3rem;line-height:3rem;text-align:center;font-size:1.5rem;z-index:2;transform:scale(0);background-repeat:no-repeat;background-position:center;background-size:50px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"%3E%3Cpath fill="white" d="M928 161H699.2c-49.1 0-97.1 14.1-138.4 40.7L512 233l-48.8-31.3A255.2 255.2 0 0 0 324.8 161H96c-17.7 0-32 14.3-32 32v568c0 17.7 14.3 32 32 32h228.8c49.1 0 97.1 14.1 138.4 40.7l44.4 28.6c1.3.8 2.8 1.3 4.3 1.3s3-.4 4.3-1.3l44.4-28.6C602 807.1 650.1 793 699.2 793H928c17.7 0 32-14.3 32-32V193c0-17.7-14.3-32-32-32zM324.8 721H136V233h188.8c35.4 0 69.8 10.1 99.5 29.2l48.8 31.3l6.9 4.5v462c-47.6-25.6-100.8-39-155.2-39zm563.2 0H699.2c-54.4 0-107.6 13.4-155.2 39V298l6.9-4.5l48.8-31.3c29.7-19.1 64.1-29.2 99.5-29.2H888v488zM396.9 361H211.1c-3.9 0-7.1 3.4-7.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c.1-4.1-3.1-7.5-7-7.5zm223.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c0-4.1-3.2-7.5-7.1-7.5H627.1c-3.9 0-7.1 3.4-7.1 7.5zM396.9 501H211.1c-3.9 0-7.1 3.4-7.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c.1-4.1-3.1-7.5-7-7.5zm416 0H627.1c-3.9 0-7.1 3.4-7.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c.1-4.1-3.1-7.5-7-7.5z"%2F%3E%3C%2Fsvg%3E');transition:transform .2s ease-out;}
  809. .customAgata:hover .images figure:before{opacity:1;transform:scale(1);}
  810. .customAgata .images figure img{object-fit:cover;}
  811. .customAgata .images figure img,.customAgata .images figure:after{width:100%;height:100%;}
  812. .customAgata .images figure:after{border-radius:3px;background-color:#263238;opacity:0;transition:opacity .2s ease-out;}
  813. .customAgata:hover .images figure:after{opacity:.5;}
  814. .customAgata .entry-title{font-size:.95em;margin:8px 0;margin-bottom:8px;margin-bottom:5px;font-weight:500;line-height:19px;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
  815. @media screen and (min-width:1120px){.customAF.scroll .scrollButton {display: none;}}
  816. @media screen and (max-width:1120px){.customAF .inner .customAgata{width:calc(25% - 10px);}}
  817. @media screen and (max-width:768px){.customAF .inner .customAgata{width:calc(33.333333% - 10px);}}
  818. @media screen and (max-width:544px){.customAF .inner .customAgata{width:calc(50% - 10px);}}
  819. .customAF .inner.scrolling::-webkit-scrollbar{display:none;}
  820. .scrollButton.left{border-radius:0 0.25rem 0.25rem 0;}
  821. .scrollButton.right{border-radius:0.25rem 0 0 0.25rem;}
  822. .series-gen .title svg{vertical-align:middle;margin-left:10px;transition:.5s;}
  823. .head svg {transition: .5s}
  824. .head:hover svg{transform:rotate(180deg);transition:.5s;}
  825. @media screen and (min-width:1279px){.gta-ms{grid-template-columns:1fr minmax(200px,330px);gap:1.3rem;}}
  826.  
  827.  
  828.  
  829. /* Search Filter */
  830. .BlogSearch input[type=checkbox]:not(.simple,.hidden){position:relative;-webkit-appearance:none;width:12px;height:18px;border:1px solid #DDD;border-radius:5px;-webkit-transition:.4s;transition:.15s;vertical-align:-25%;display:inline-block;cursor:pointer;outline:0;margin: 0;}
  831. .dark-mode .BlogSearch input[type=checkbox]:not(.simple,.hidden){border-color:#666}
  832. input[type=checkbox]:not(.simple,.hidden):after{content: url('https://api.iconify.design/bi/check.svg?color=%23ddd');position:absolute;top:0;left:0;bottom:3px;transition:.15s;}
  833. .BlogSearch input[type=checkbox]:not(.simple):checked{background:$(keycolor);}
  834. .BlogSearch input[type=checkbox]:not(.simple):checked:after{transition:.15s;}
  835. .BlogSearch input[type=checkbox]:not(.simple).nocolor:checked{background-color:var(--primary);}
  836. .filters button[type="submit"]{color:#fff;transition:all .15s;width:100%;border:1px solid var(--primary-color);background:var(--primary-color);border-radius:.25rem;}
  837. .filters button{font-size:13px;font-weight:400;padding: 3px 6px;}
  838. .filters button[type="submit"]:hover{filter:brightness(90%);}
  839. .filters .searchf{padding:0 15px;margin-left:0;margin-right:0;margin-bottom:8px;}
  840. .filters input:focus,.filters input:hover{color:#d5d5d5;border-color:#404040;}
  841. .filters input{padding:0 8px;border:1px solid #363636;transition:all .15s;width:100%;background:0 0;color:#666;height:30px;border-radius:.25rem;}
  842. .filters{counter-reset:checked;}
  843. .filters input:checked{counter-increment:checked;}
  844. .filters .dropdown-menu li input:checked ~ label {color:$(keycolor);}
  845. .filters .dropdown-menu li label{color:#666;line-height:23px;padding-left:2px;background:0 0!important;border-radius:2px;cursor: pointer;}
  846. .dropdown-menu {scrollbar-width: thin;}
  847. .count:after{content:counter(checked);}
  848. .filters svg{height:15px;}
  849. .filter{position:relative;}
  850. .dropdown-toggle{width:100%;border:1px solid #efefef;outline:0;line-height:25px;border-radius:.25rem;background:#efefef;font-size:.85em;color:#666;display:block;}
  851. .dark-mode .dropdown-toggle{border:1px solid #262626;background:#262626;color:#ccc;}
  852. .dropdown-toggle .value{color:var(--primary-color);}
  853. .dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;float:left;width:100%;margin:.125rem 0 0;font-size:.94rem;color:#aaa;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;opacity:0;user-select:none;pointer-events:none;}
  854. .filters .dropdown-menu{background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.175);padding:10px;margin-top:1px;font-size:.9em;overflow: hidden;}
  855. .c4:hover {overflow-y: scroll;}
  856. .dark-mode .filters .dropdown-menu{background:#212121;box-shadow:0 6px 12px rgba(0,0,0,.175);}
  857. .filters .dropdown-menu.c4{width:500px;}
  858. .filters .opt{display:grid;grid-template-columns:1fr 1fr;padding:15px;gap:8px;}
  859. .filters .dropdown-toggle{transition:all .15s;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:center;cursor:pointer;color:#2f2f2f;}
  860. @media screen and (min-width:1280px){.filters .dropdown-menu.lg{max-height:240px;}}
  861. @media screen and (max-width:576px){.filters .dropdown-menu.lg{width:300px;}}
  862. @media only screen and (max-width: 900px){.dropdown-menu{right: 0;left: 0;max-width: unset}}
  863. .hidden{display:none;}
  864. #Genre:checked ~ ul,#Status:checked ~ ul,#Type:checked ~ ul,#Lang:checked ~ ul,#Country:checked ~ ul,#Quality:checked ~ ul{opacity:1;user-select:auto;pointer-events:auto;}
  865. .opt > div:nth-child(2n) .dropdown-menu{left:auto;right:0;}
  866. .filters .dropdown-toggle:hover{background:#d0d0d0;border-color:#d0d0d0;}
  867. .dark-mode .filters .dropdown-toggle:hover{background:#2d2d2d;border-color:#2d2d2d;}
  868. .dark-mode .filters .dropdown-toggle {color:#666}
  869. .chk:checked ~ [for]{background:var(--primary-color);color:white;}
  870. .chk:checked ~ .dropdown-toggle .value{color:white;}
  871. .dropdown-menu{display:grid;gap:5px;}
  872. .c4{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));}
  873. #sidebar .widget {overflow: unset;}
  874. #close,.mystyle #submit {
  875.   display: none;
  876. }
  877. .mystyle #close {
  878.   display: flex;
  879. }
  880. .mystyle {
  881.   position: absolute;
  882.   left: 5px;
  883.   right: 5px;
  884.   border-radius: 5px;
  885.   width: auto;
  886.   background: #17151b;
  887.   padding: 4px;
  888.   margin-right: 0;
  889.   display:flex !important;
  890. }
  891.  
  892.     /* Star Rating Css by Wolv Themes */
  893.  
  894. .starRating .p{background:#fefefe; padding-left:5px;width:160px; border:1px solid #eceff1;border-radius:10px;
  895. position: relative; top:20px;margin-top:-45px;text-transform: uppercase;}     .darkMode .starRating .p{background:#232323;}    
  896.  /* Product Rating */
  897. .rating-produk i.icon-star-angka{font-weight:400;font-size:12px;margin-left:5px;vertical-align:1px}
  898. .rating-produk{padding:0;width:55%;float:left;box-sizing:border-box;margin-top:10px}
  899. b.widget-rating{display:block;margin-bottom:10px}
  900. i.icon-star,.icon-star{font-weight:400;font-style:normal;display:inline-block}
  901. i.icon-star:before,.icon-star:before{content:&#39;&#39;;width:17px;height:17px;display:inline-block;margin:-2px;transition:all .3s ease;background:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z&#39; fill=&#39;%23ffc53e&#39;/%3E%3C/svg%3E&quot;) no-repeat}
  902. i.icon-star.silver:before,i.icon-star.silver:before{content:&#39;&#39;;width:17px;height:17px;display:inline-block;margin:-2px;transition:all .3s ease;background:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z&#39; fill=&#39;%23a9acad&#39;/%3E%3C/svg%3E&quot;) no-repeat}
  903.  
  904. .check-box img{opacity:1;transition:opacity 1s}
  905. .check-box img[data-src]{opacity:0}
  906.  
  907. .menu-item{display:flex;place-content:center;color:white;background-color:rgba(0,0,0,.4);padding:4px 10px;border-radius:5px;}
  908. .shwx{position:absolute;top:53px;left:0;width:100%;background:#222;z-index:3;height:100%;display:block!important;}
  909. .shwx ul{margin:20px;}
  910. #PageList1.shwx li{border-bottom:none;}
  911.  
  912.    /* Post Comment */
  913. #comments {grid-area: a4;}
  914. #showComments, #disqus_thread{margin-top:30px;text-align:center;}
  915. #showComments:target, #showComments + #comments{display:none} #showComments:target + #comments{display:block}
  916. .show-comment a, .comment-add .comment-reply{display:block;padding:18px 20px;border:1px solid #505050;border-radius:5px;font-size:13px;color:#505050;text-align:center}
  917. .comment-add .comment-reply.hidden{display:none}
  918. .show-comment a:hover, .comment-add .comment-reply:hover{border-color:#989b9f;color:#989b9f}
  919. .comments{margin-top:30px}
  920. .comments .comment-disable{text-align:center}
  921. .comments ol, .comments ul{list-style:none;margin:0;padding:0}
  922. .comments li{position:relative;padding:15px 20px;border-radius:$(border.radius);background-color:rgba(255,255,255,.7);box-shadow:0 4px 12px 0 rgba(9,32,76,.05)}
  923. .comments li{margin-bottom:15px}
  924. .comments li a{color:inherit}
  925. .comments li .avatar-image-container{display:flex;align-items:center;position:absolute;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#ebeced url("data:image/svg+xml,") center / 18px no-repeat;transition:all .2s ease-out;-webkit-transition:all .2s ease-out}
  926. .comments li .avatar-image-container img{margin:auto;width:40px}
  927. .comments li .comment-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;height:40px;margin:0 0 20px 50px;padding:3px 0}
  928. .comments li .comment-header .datetime{width:100%;font-size:11px;color:#989b9f}
  929. .comments li .comment-header .datetime a{color:inherit}
  930. .comments li .comment-header .user{flex:0 0 auto;display:flex;align-items:flex-start;font-size:13px;font-weight:700;font-family:'Nunito Sans', sans-serif;color:#161617}
  931. .comments li .comment-header .user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
  932. .comments li .comment-header .user svg{width:16px;height:16px;fill:#519bd6;margin:0 0 0 5px}
  933. .comments li .comment-header .user .blog-author{display: block;background-color: #e4e6eb;margin-left: 5px;border-radius: 4px;font-size: 11px;padding-left: 4px;padding-right: 4px;font-weight: 600;color: #65676b;}
  934. .comments li .comment-actions, .comments li .comment-replies .comment-reply{margin:10px 0 0 auto;font-size:13px}
  935. .comments li .comment-replies + .comment-actions{display:none}
  936. .comments li .comment-replies{margin:10px 0 0 auto}
  937. .comments li .comment-replies .thread-toggle,
  938. .comments li .comment-replies .comment-reply a, .comments li .comment-actions a{display:inline-flex;align-items:center;font-size:13px;}
  939. .comments li .comment-replies .thread-toggle svg, .comments li .comment-replies .comment-reply svg, .comments li .comment-actions svg{width:14px;height:14px;margin-right:5px;stroke:#505050}
  940. .comments li .comment-replies .thread-show:checked + .comment-thread .thread-toggle svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
  941. .comments li .comment-replies .thread-show:checked + .comment-thread .thread-chrome,
  942. .comments li .comment-replies .thread-show:checked + .comment-thread + .comment-reply{display:none}
  943. .comments li .comment-replies .thread-chrome{margin-top:20px}
  944. .comments li .comment-replies .comment-reply{width:calc(100% - 55px);display:flex;align-items:center;}
  945. .comments li .comment-replybox-single{margin-top:20px}
  946. .comments li li{display:flex;align-items:flex-start;flex-wrap:wrap;padding:0;background-color:transparent;box-shadow:none}
  947. .comments li li:not(:last-child){margin-bottom:10px}
  948. .comments li li .avatar-image-container{width:32px;height:32px}
  949. .comments li li .comment-block{width:calc(100% - 40px);margin-left:auto;padding:0 15px 15px;background-color:#f7f9f8;border-radius:15px}
  950. .comments li li .comment-header{height:initial;margin:0 0 10px;padding:0}
  951. .comments li li .comment-header .datetime{width:initial}
  952. .dark-mode .comments li {background: #222;}
  953. .dark-mode .comments li .comment-header .user {color: white;}
  954.  
  955.  
  956.   /* Comment Sorting*/
  957. .cmAl:checked ~ div .s::before{content:attr(data-new);}
  958. .s::before{content:attr(data-text);margin:0 6px;opacity:.7;font-size:90%;}
  959. .s::after{content:'\296E';line-height:18px;font-size:17px;}
  960. .cmAl:checked ~ div .s::before{content:attr(data-new);}
  961. .comments-content > ol{display:flex;flex-direction:column;}
  962. .cmAl:checked + * + div > ol{flex-direction:column-reverse;}
  963. .s{cursor:pointer;}
  964.  
  965. /* Chapter List Dengan Tombol Download Blogger Dagruel */
  966.  
  967. @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);
  968. .bxcl a{color:#222d34;text-decoration:none}.dark-mode .bxcl a{color:#ccc;}.bixbox *{box-sizing:border-box}.pv .releases{position:relative;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #312f40;padding:8px 15px}.releases:after{position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:transparent;display:block;z-index:1;transform:scaleY(.5);opacity:.8;background-image:linear-gradient(90deg,rgba(0,0,0,.01) 0,rgba(0,0,0,.1) 10%,rgba(0,0,0,.2) 20%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.1) 90%,rgba(0,0,0,.01) 100%)}.releases h2{font-size:15px;color:#fff;line-height:20px;font-weight:500;margin:0;position:relative}.lastend{display: flex;gap: 5px;overflow:hidden;position:relative;}.lastend .inepcx{width:50%;float:left;text-align:center}.lastend .inepcx[data-id="2"]{float:right}.lastend .inepcx a{display:block;color:#fff;margin-top:10px;padding:15px;background:#0c70de;border-radius:5px;line-height:normal}.lastend .inepcx a span{display:block;font-size:15px}.lastend .inepcx a span.epcur{font-size:20px;margin-top:6px;font-weight:700}.lastend .inepcx a:hover{background:#333}.bxcl{overflow:hidden}.bxcl ul{padding:0;list-style:none;overflow:auto;max-height:297px}.bxcl ul li{float:left;width:25%}.bxcl ul li .chbox{overflow:hidden;padding:5px 10px;border:1px solid $(keycolor)36;font-size:14px;margin:0 5px;margin-bottom:10px;position:relative;border-radius:5px}.bxcl ul li .chbox:hover{background:$(keycolor)1c}.bxcl ul::-webkit-scrollbar-thumb{background:#0c70de}.bxcl ul::-webkit-scrollbar-track{background:0 0}.bxcl ul::-webkit-scrollbar{width:5px}.bxcl ul li .eph-num{float:left}.bxcl ul li .dt{float:right;font-size:20px;margin-top:8px;margin-right:5px}.bxcl ul li .eph-num span{display:block}.bxcl ul li .eph-num span.chapternum{font-weight:400}.bxcl ul li .eph-num span.chapterdate{font-size:12px;color:#888}.bxcl ul li .eph-num a:visited{color:#0c70de}.bxcl ul li .dt a{color:#0c70de}.bxcl ul li .dt a:hover{color:#fff}@media only screen and (max-width:950px){.bxcl ul li{width:33.3333333%}}@media only screen and (max-width:800px){.bixbox{border-radius:0;margin-bottom:5px}}@media only screen and (max-width:570px){.bxcl ul li{width:50%}}@media only screen and (max-width:320px){.bxcl ul li{width:auto;float:none}}.lightmode .quickfilter .filters .filter ul li input:not(:checked)+label:before{background-color:#ddd}.bxcl ul::-webkit-scrollbar-thumb,.lastend .inepcx a{background:$(keycolor)}.bxcl ul li .dt a,.bxcl ul li .eph-num a:visited,a:hover{color:$(keycolor)}
  969.  
  970.  
  971. /* Slider */
  972. #slider{position:relative;}
  973. #left-button,#right-button{padding:15px 0;}
  974. #left-button{position:absolute;top:50%;left:0;transform:translate(0,-50%);background:$(keycolor)b5;border-radius:0 8px 8px 0;cursor:pointer;z-index: 2;}
  975. #right-button{position:absolute;top:50%;right:0;transform:translate(0,-50%);background:$(keycolor)b5;border-radius:8px 0 0 8px;cursor:pointer;z-index: 2;}
  976. #right-button svg,#left-button svg{stroke:white;width:36px;height:36px;position:relative;top:3px;}
  977. #right-button,#left-button{display:none;}
  978. #slider:hover #right-button,#slider:hover #left-button{display:block;}
  979. .item{min-width:100%;height:280px;scroll-snap-align:start;overflow:hidden;background-size:cover;background-position:center;}
  980. #slides{display:flex;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;}
  981. .mainslider{position:relative;overflow:hidden}
  982. .mainslider::before{position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;background:rgb(0 0 0 / 18%);content:"";}
  983. .mainslider .limit{position:relative;background:#222;overflow:hidden;height:280px;}
  984. .mainslider .limit::before{position:absolute;bottom:0;display:block;width:100%;height:25%;content:"";background-color:rgba(255,255,255,0);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#1e2129));background-image:-webkit-linear-gradient(top,rgb(255 255 255 / 0%),#1e2129);background-image:-moz-linear-gradient(top,rgba(255,255,255,0),#1e2129);background-image:-ms-linear-gradient(top,rgba(255,255,255,0),#1e2129);background-image:-o-linear-gradient(top,rgba(255,255,255,0),#1e2129);background-image:linear-gradient(top,rgba(255,255,255,0),#1e2129);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255,255,255,0)',endColorStr='#1e2129');z-index:3;}
  985. .mainslider .limit .sliderinfo{position:absolute;bottom:10%;z-index:2;width:100%;font-family:'Roboto',sans-serif;}
  986. .mainslider .limit .sliderinfo .sliderinfolimit{max-width:1200px;margin:0 auto;padding:0 15px;}
  987. .mainslider .limit .bigbanner{background-position:50% 35%;background-repeat:no-repeat;background-size:cover;min-height:280px;}
  988. .mainslider .limit .sliderinfo .sliderinfolimit span.name{color:#FFF;font-weight:300;font-size:23px;margin-bottom:10px;display:block;max-width:700px;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  989. .mainslider .limit .sliderinfo .sliderinfolimit .meta{margin-bottom:8px;box-shadow:none;}
  990. .mainslider .limit .sliderinfo .sliderinfolimit .desc{color:#ddd;max-width:520px;overflow:hidden;line-height:19px;font-size:13px;font-weight:300;}
  991. .bookmarked,.menu-item:hover {filter: hue-rotate(100deg);}
  992. .black-bg{padding:10px;background:rgba(0,0,0,0.7);border-radius:8px;max-width:700px;color:$(keycolor);}
  993.  
  994.  
  995. #nPL{display:flex;justify-content:space-between;margin-bottom:20px;}
  996. #nPL,#nPL2{padding:5px;direction: ltr;}
  997. #nPL_select{background:#333;border:1px solid #333;font-family:inherit;display:block;color:#9b9b9b;padding:5px 10px;padding-right:25px;border-radius:20px;font-size:13px;-webkit-appearance:none;max-width:160px;}
  998. .inner_nPL,.inner_nPL li{list-style-type:none;margin:0;padding:0;}
  999. .inner_nPL{display:flex;align-items:center;margin-top:10px;}
  1000. .inner_nPL li{flex:1;text-align:center;}
  1001. .inner_nPL li a{display:block;color:#fff;padding:5px;text-decoration:none;background-color:#00008b;border-radius:5px;}
  1002. .inner_nPL a{margin-left:5px;background-color:$(keycolor);}
  1003. .inner_nPL a{margin-right:5px;background-color:$(keycolor);}
  1004. .inner_nPL a{display:block;padding:2px 15px;border-radius:20px;color:#FFF;font-size:13px;line-height:25px;}
  1005. .inner_nPL li a:before,.inner_nPL li.next a:after{content:'';display:inline-block;min-width:20px;min-height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24'xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'fill='%23fff'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;vertical-align:middle}
  1006. .inner_nPL li.prev a:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24'xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'fill='%23fff'/%3E%3C/svg%3E")}
  1007. .inner_nPL li.next a:before{content:none}
  1008. .inner_nPL li.next a:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24'xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'fill='%23fff'/%3E%3C/svg%3E")}
  1009. .inner_nPL li span{vertical-align:middle}
  1010. .inner_nPL .dlx {background: #d50f00;}
  1011. .chpName a .new-tag{color:green;margin-left:5px;font-size:10px;background-color:green;color:white;border-radius:3px;padding:0 3px;}
  1012. .chpName a:visited .new-tag{color:white;background-color:white;}
  1013. .dark-mode .chpName a:visited .new-tag{color:#222222;background-color:#222222;}
  1014. .char:hover .new-tag{color:$(keycolor)1c;background-color:$(keycolor)1c;}
  1015.  
  1016. /* Scroll To Top */
  1017. #scTop{display:none;position:fixed;bottom:20px;right:25px;z-index:99;font-size:18px;border:none;outline:none;background-color:$(keycolor);color:white;cursor:pointer;padding:5px;border-radius:$(border.radius);width: 33px;height: 33px;}
  1018. #scTop:hover{background-color:#555;}
  1019.  
  1020. /* Reading History */
  1021. .widget-history ul{list-style:none;padding:0;margin:0;}
  1022. .widget-history li{padding:0;border-bottom:1px solid  rgb(236,236,236);}
  1023. .widget-history a{padding:7px 15px;display:block;line-height:20px;transition:.2s linear;font-size:13px;}
  1024. .widget-history li:hover a{color:white;}
  1025. .widget-history li:hover{background-color:$(keycolor);transition:.2s linear;}
  1026. .dark-mode .widget-history li{border-bottom-color:#333;}
  1027. .widget-history li:last-child{border-bottom:none;}
  1028.  
  1029. /* Social Footer */
  1030. .socialbutton a .fab,.socialbutton a .fas{line-height:28px;}
  1031. .socialbutton a{display:inline-block;margin:0 2px;font-size:15px;color:rgba(255,255,255,.7);background:#2e2e2e;border-radius:5px;width:30px;border:1px solid #4b4b4b;}
  1032. .socialbutton a.scfb:hover{background:#1877f2!important;border-color:#1877f2!important;color:#FFF!important;}
  1033. .socialbutton a.scig:hover{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)!important;color:#FFF!important;border:0;}
  1034. .socialbutton a.scdc:hover{background-color:#7289da;border:0;}
  1035.  
  1036. /* Social Footer */
  1037. #character ul{display:grid;gap:10px;list-style:none;padding-left:0;}
  1038. #character img{width:45px;height:45px;object-fit:cover;border-radius:50%;}
  1039. #character li{display:grid;grid-template-columns:50px auto;gap:10px;align-items:center;}
  1040. #character span{color:#999;font-size:.8rem;}
  1041.  
  1042.  ]]></b:skin>
  1043.  
  1044.     <b:template-skin>
  1045.       <![CDATA[
  1046. body#layout section {width: 100%}
  1047. body#layout main {display: flex}
  1048.  
  1049. body#layout header div.section h4 {display: none;}
  1050. body#layout header div.section {display: flex;flex-wrap: wrap;}
  1051. body#layout header div.section .widget {flex: 1;}
  1052.       ]]>
  1053.     </b:template-skin>
  1054.     <b:defaultmarkups>
  1055.       <b:defaultmarkup type='Common'>
  1056.         <b:includable id='relatedPost' var='post'>
  1057.           <div class='bc-fff r2 s1 a3 oh'>
  1058.             <h2 class='c-theme m-0 bb-1pxsf y9x19p fs-15 flex aic jcsb'><span class='flex aic'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g fill='none'><path d='M10 2H2v8h3v12h2V10h3v2h2v2h2v8h8v-8h-8v-2h-2v-2h-2V2zM4 8V4h4v4H4zm12 12v-4h4v4h-4z' fill='currentColor'/></g></svg>Rekomendasi</span><div class='flex aic wh-18-svg gg-10'>
  1059.                                 <div id='prev'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M4.431 12.822l13 9A1 1 0 0 0 19 21V3a1 1 0 0 0-1.569-.823l-13 9a1.003 1.003 0 0 0 0 1.645z' fill='currentColor'/></svg></div>
  1060.                                 <div id='next'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M5.536 21.886a1.004 1.004 0 0 0 1.033-.064l13-9a1 1 0 0 0 0-1.644l-13-9A1 1 0 0 0 5 3v18a1 1 0 0 0 .536.886z' fill='currentColor'/></svg>
  1061.                                 </div>
  1062.  
  1063.                               </div></h2>
  1064.             <div class='bc-fff s1 r2 p-13 oh full' id='related-posts'/>
  1065.             <script>
  1066.               var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if>];
  1067.               var relatedPostConfig={
  1068.               homePage: &quot;<data:blog.homepageUrl/>&quot;,
  1069.               widgetTitle: &quot;&quot;,
  1070.               numPosts: 10,
  1071.               summaryLength: 20,
  1072.               titleLength:&quot;auto&quot;,
  1073.               thumbnailSize: 250,
  1074.               noImage: &quot;data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=&quot;,
  1075.               containerId: &quot;related-posts&quot;,
  1076.               newTabLink: false,
  1077.               moreText: &quot;Read more&quot;,
  1078.               widgetStyle: 2,
  1079.               callBack:function(){}
  1080.               }
  1081.             </script>
  1082.             <script>/*<![CDATA[*/
  1083. var randomRelatedIndex, showRelatedPost;
  1084. (function(n, m, k) {
  1085.   var d = {
  1086.     widgetTitle: "<h3 class='heading'>Related Posts</h3>",
  1087.     widgetStyle: 1,
  1088.     homePage: "http://www.jagodesain.com",
  1089.     numPosts: 7,
  1090.     summaryLength: 320,
  1091.     titleLength: "auto",
  1092.     thumbnailSize: 200,
  1093.     noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
  1094.     containerId: "related-posts",
  1095.     newTabLink: false,
  1096.     moreText: "Read more",
  1097.     callBack: function() {}
  1098.   };
  1099.   for (var f in relatedPostConfig) {
  1100.     d[f] = (relatedPostConfig[f] == "undefined") ? d[f] : relatedPostConfig[f]
  1101.   }
  1102.   var j = function(a) {
  1103.       var b = m.createElement("script");
  1104.       b.async = "async";
  1105.       b.rel = "preload";
  1106.       b.src = a;
  1107.       k.appendChild(b)
  1108.     },
  1109.     o = function(b, a) {
  1110.       return Math.floor(Math.random() * (a - b + 1)) + b
  1111.     },
  1112.     l = function(a) {
  1113.       var p = a.length,
  1114.         c, b;
  1115.       if (p === 0) {
  1116.         return false
  1117.       }
  1118.       while (--p) {
  1119.         c = Math.floor(Math.random() * (p + 1));
  1120.         b = a[p];
  1121.         a[p] = a[c];
  1122.         a[c] = b
  1123.       }
  1124.       return a
  1125.     },
  1126.     e = (typeof labelArray == "object" && labelArray.length > 0) ? "/-/" + l(labelArray)[0] : "",
  1127.     h = function(b) {
  1128.       var c = b.feed.openSearch$totalResults.$t - d.numPosts,
  1129.         a = o(1, (c > 0 ? c : 1));
  1130.       j(d.homePage.replace(/\/$/, "") + "/feeds/posts/summary/-/Series" + e + "?alt=json-in-script&orderby=updated&start-index=" + a + "&max-results=" + d.numPosts + "&callback=showRelatedPost")
  1131.     },
  1132.     g = function(z) {
  1133.       var s = document.getElementById(d.containerId),
  1134.         x = l(z.feed.entry),
  1135.         A = d.widgetStyle,
  1136.         c = d.widgetTitle + '<ul class="pl-0 m-0 grid gtc-f141a gg-20 slide rel lsn ul style-' + A + '">',
  1137.         b = d.newTabLink ? ' target="_blank"' : "",
  1138.         y = '<!-- <div class="clear"/> -->',
  1139.         v, t, w, r, u;
  1140.       if (!s) {
  1141.         return
  1142.       }
  1143.       for (var q = 0; q < d.numPosts; q++) {
  1144.         if (q == x.length) {
  1145.           break
  1146.         }
  1147.         t = x[q].title.$t;
  1148.         w = (d.titleLength !== "auto" && d.titleLength < t.length) ? t.substring(0, d.titleLength) + "&hellip;" : t;
  1149.         r = ("media$thumbnail" in x[q] && d.thumbnailSize !== false) ? x[q].media$thumbnail.url.replace("s72","w210-h270") : d.noImage;
  1150.         u = ("summary" in x[q] && d.summaryLength > 0) ? x[q].summary.$t.replace(/<br ?\/?>/g, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "").substring(0, d.summaryLength) + "&hellip;" : "";
  1151.         for (var p = 0, a = x[q].link.length; p < a; p++) {
  1152.           v = (x[q].link[p].rel == "alternate") ? x[q].link[p].href : "#"
  1153.         }
  1154.         if (A == 2) {
  1155.           c += '<li><div class="grid gtc-1001fr gg-10"><div class="item-thumbnail imgItem full-i h-220 relative b-img oh"><a href="' + v + '"><img class="post-thumb lazy" alt="' + w + '" src="' + r + '"></a></div><div class="item-title clamp toe oh block fs-15 lh-20 yt8m ck m-0"><a href="' + v + '"><span>' + w + '</span></a></div></div></li>'
  1156.         } else {
  1157.           c += '<li><div class="item-related"><div class="item-thumbnail"><div><img class="post-thumb lazy" alt="' + w + '" src="' + r + '"></div></div><div class="item-title"><a href="' + v + '"><span>' + w + '</span></a></div></div></li>'
  1158.         }
  1159.       }
  1160.       s.innerHTML = c += "</ul>";
  1161.       d.callBack()
  1162.     };
  1163.   randomRelatedIndex = h;
  1164.   showRelatedPost = g;
  1165.   j(d.homePage.replace(/\/$/, "") + "/feeds/posts/summary/-/Series" + e + "?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")
  1166. })(window, document, document.getElementsByTagName("head")[0]);
  1167.  
  1168. /*]]>*/</script>
  1169.           </div>
  1170.         </b:includable>
  1171.         <b:includable id='postPagination-numeric'>
  1172.           <script>/*<![CDATA[*/
  1173. var noPage,currentPage,currentPageNo,postLabel,
  1174. perPage=20,
  1175. numPages=3,
  1176. firstText="First",
  1177. lastText="Last",
  1178. prevText="Previous",
  1179. nextText="Next",
  1180.  
  1181. urlactivepage=location.href,home_page="/";function looppagecurrentg(e){var a="";pageNumber=parseInt(numPages/2),pageNumber==numPages-pageNumber&&(numPages=2*pageNumber+1),pageStart=currentPageNo-pageNumber,pageStart<1&&(pageStart=1),lastPageNo=parseInt(e/perPage)+1,lastPageNo-1==e/perPage&&(lastPageNo-=1),pageEnd=pageStart+numPages-1,pageEnd>lastPageNo&&(pageEnd=lastPageNo),a+="<span class='showpageOf'>Page "+currentPageNo+" of "+lastPageNo+"</span>";var t=parseInt(currentPageNo)-1;currentPageNo>1&&(a+="page"==currentPage?'<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+"</a></span>":'<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">'+firstText+"</a></span>"),currentPageNo>2&&(a+=3==currentPageNo?"page"==currentPage?'<span class="showpage"><a href="'+home_page+'">'+prevText+"</a></span>":'<span class="displaypageNum"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">'+prevText+"</a></span>":"page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+t+');return false">'+prevText+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+t+');return false">'+prevText+"</a></span>"),pageStart>1&&(a+="page"==currentPage?'<span class="displaypageNum"><a href="'+home_page+'">1</a></span>':'<span class="displaypageNum"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">1</a></span>'),pageStart>2&&(a+=" ... ");for(var s=pageStart;s<=pageEnd;s++)a+=currentPageNo==s?'<span class="pagecurrent">'+s+"</span>":1==s?"page"==currentPage?'<span class="displaypageNum"><a href="'+home_page+'">1</a></span>':'<span class="displaypageNum"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">1</a></span>':"page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+s+');return false">'+s+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+s+');return false">'+s+"</a></span>";pageEnd<lastPageNo-1&&(a+="..."),pageEnd<lastPageNo&&(a+="page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+"</a></span>");var r=parseInt(currentPageNo)+1;currentPageNo<lastPageNo-1&&(a+="page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+r+');return false">'+nextText+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+r+');return false">'+nextText+"</a></span>"),currentPageNo<lastPageNo&&(a+="page"==currentPage?'<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+"</a></span>":'<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+"</a></span>");for(var p=document.getElementsByName("pageArea"),n=document.getElementById("blog-pager"),l=0;l<p.length;l++)p[l].innerHTML=a;p&&p.length>0&&(a=""),n&&(n.innerHTML=a)}function totalcountdata(e){var a=e.feed;looppagecurrentg(parseInt(a.openSearch$totalResults.$t,10))}function pagecurrentg(){var e=urlactivepage;-1!=e.indexOf("/search/label/")&&(postLabel=-1!=e.indexOf("?updated-max")?e.substring(e.indexOf("/search/label/")+14,e.indexOf("?updated-max")):e.substring(e.indexOf("/search/label/")+14,e.indexOf("?&max"))),-1==e.indexOf("?q=")&&-1==e.indexOf(".html")&&(-1==e.indexOf("/search/label/")?(currentPage="page",currentPageNo=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+'feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata"><\/script>')):(currentPage="label",-1==e.indexOf("&max-results=")&&(perPage=20),currentPageNo=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+"feeds/posts/summary/-/"+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')))}function redirectpage(e){jsonstart=(e-1)*perPage,noPage=e;var a=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),a.appendChild(t)}function redirectlabel(e){jsonstart=(e-1)*perPage,noPage=e;var a=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),a.appendChild(t)}function finddatepost(e){post=e.feed.entry[0];var a=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),t=encodeURIComponent(a);if("page"==currentPage)var s="/search?updated-max="+t+"&max-results="+perPage+"#PageNo="+noPage;else s="/search/label/"+postLabel+"?updated-max="+t+"&max-results="+perPage+"#PageNo="+noPage;location.href=s}void 0===firstText&&(firstText="First"),void 0===lastText&&(lastText="Last"),pagecurrentg();
  1182.  /*]]>*/</script>
  1183.         </b:includable>
  1184.         <b:includable id='Category'>
  1185.  
  1186.           <b:if cond='data:post.labels any (l =&gt; l.name == &quot;Manga&quot;)'>
  1187.             <svg class='absolute t-5 r-5 c-fff s2' viewBox='0 0 640 480' xmlns='http://www.w3.org/2000/svg'><defs><clipPath id='a'><path d='M-88.001 32h640v480h-640z' fill-opacity='.67'/></clipPath></defs><g clip-path='url(#a)' fill-rule='evenodd' stroke-width='1pt' transform='translate(88.001 -32)'><path d='M-128 32h720v480h-720z' fill='#fff'/><circle cx='523.08' cy='344.05' fill='#d30000' r='194.93' transform='translate(-168.44 8.618) scale(.76554)'/></g></svg>
  1188.             <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Manhua&quot;)'/>
  1189.  
  1190.             <svg class='absolute t-5 r-5 c-fff s2' viewBox='0 0 30 20' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
  1191.               <defs>
  1192.                 <path d='M0,-1 0.587785,0.809017 -0.951057,-0.309017H0.951057L-0.587785,0.809017z' fill='#FFFF00' id='s'/>
  1193.               </defs>
  1194.               <rect fill='#EE1C25' height='20' width='30'/>
  1195.               <use transform='translate(5,5) scale(3)' xlink:href='#s'/>
  1196.               <use transform='translate(10,2) rotate(23.036243)' xlink:href='#s'/>
  1197.               <use transform='translate(12,4) rotate(45.869898)' xlink:href='#s'/>
  1198.               <use transform='translate(12,7) rotate(69.945396)' xlink:href='#s'/>
  1199.               <use transform='translate(10,9) rotate(20.659808)' xlink:href='#s'/>
  1200.             </svg>
  1201.             <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Manhwa&quot;)'/>
  1202.             <svg class='absolute t-5 r-5 c-fff s2' viewBox='0 0 640 480' xmlns='http://www.w3.org/2000/svg'><defs><clipPath id='a'><path d='M-95.808-.44h682.67v512h-682.67z' fill-opacity='.67'/></clipPath></defs><g clip-path='url(#a)' fill-rule='evenodd' transform='translate(89.82 .412) scale(.9375)'><path d='M610.61 511.56h-730.17v-512h730.17z' fill='#fff'/><path d='M251.871 256.021c0 62.137-50.372 112.508-112.507 112.508-62.137 0-112.507-50.372-112.507-112.508 0-62.137 50.371-112.507 112.507-112.507 62.137 0 112.507 50.372 112.507 112.507z' fill='#fff'/><path d='M393.011 262.55c0 81.079-65.034 146.803-145.261 146.803S102.488 343.63 102.488 262.55s65.034-146.804 145.262-146.804S393.01 181.471 393.01 262.55z' fill='#c70000'/><path d='M-49.417 126.44l83.66-96.77 19.821 17.135-83.66 96.771zM-22.018 150.127l83.66-96.77 19.82 17.135-83.66 96.77z'/><path d='M-49.417 126.44l83.66-96.77 19.821 17.135-83.66 96.771z'/><path d='M-49.417 126.44l83.66-96.77 19.821 17.135-83.66 96.771zM5.967 174.32l83.66-96.77 19.82 17.136-83.66 96.77z'/><path d='M-49.417 126.44l83.66-96.77 19.821 17.135-83.66 96.771z'/><path d='M-49.417 126.44l83.66-96.77 19.821 17.135-83.66 96.771zM459.413 29.638l83.002 97.335-19.937 17-83.002-97.334zM403.707 77.141l83.002 97.335-19.936 17-83.002-97.334z'/><path d='M417.55 133.19l78.602-67.814 14.641 16.953-83.996 75.519-9.247-24.659z' fill='#fff'/><path d='M514.228 372.013l-80.416 95.829-19.716-16.4 80.417-95.828zM431.853 53.14l83.002 97.334-19.936 17.001-83.002-97.334zM541.475 394.676l-80.417 95.829-19.715-16.399 80.417-95.829zM486.39 348.857l-80.417 95.83-19.715-16.4 80.416-95.829z'/><path d='M104.6 236.68c4.592 36.974 11.297 78.175 68.199 82.455 21.328 1.278 62.817-5.074 77.061-63.19 18.688-55.829 74.975-71.88 113.28-41.613 21.718 14.166 27.727 36.666 29.283 53.557-1.739 54.243-32.874 101.2-72.823 122.14-45.93 27.3-109.56 27.87-165.3-13.49-25.12-23.57-60.219-67.02-49.7-139.86z' fill='#3d5897'/><path d='M435.91 370.59l78.734 67.661-14.591 16.997-87.156-71.851 23.013-12.807z' fill='#fff'/><path d='M-1.887 357.197l83.002 97.335-19.937 17-83.002-97.334z'/><path d='M-16.188 437.25l78.602-67.814 14.641 16.953-83.996 75.519-9.247-24.659z' fill='#fff'/><path d='M25.672 333.696l83.003 97.334-19.937 17-83.002-97.334zM-30.033 381.199l83.002 97.334-19.936 17L-49.97 398.2z'/></g></svg>
  1203.           </b:if>
  1204.  
  1205.         </b:includable>
  1206.         <b:includable id='cfs'>
  1207.           <b:if cond='data:post.labels any (l =&gt; l.name == &quot;Hot&quot;)'>
  1208.             <span class='hotx flex aic jcc' title='Hot'><span class='iconify' data-icon='ph:flame-duotone' data-inline='false'/></span>
  1209.           </b:if>
  1210.           <b:if cond='data:post.labels any (l =&gt; l.name == &quot;Color&quot;)'>
  1211.             <span class='colored'><span class='iconify mr-3' data-icon='ic:twotone-color-lens' data-inline='false'/> Color</span>
  1212.             <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Webtoon&quot;)'/>
  1213.             <span class='colored'><span class='iconify mr-3' data-icon='simple-icons:webtoon' data-inline='false'/> Webtoon</span>
  1214.           </b:if>
  1215.           <b:if cond='data:post.labels any (l =&gt; l.name == &quot;Completed&quot;)'>
  1216.             <span class='absolute com ttu fs-11'>Completed</span>
  1217.             <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Dropped&quot;)'/>
  1218.             <span class='absolute drp ttu fs-11'>Dropped</span>
  1219.             <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Ongoing&quot;)'/>
  1220.             <span class='absolute ong ttu fs-11'>Ongoing</span>
  1221.             <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Coming Soon&quot;)'/>
  1222.             <span class='absolute soo ttu fs-11'>Coming Soon</span>
  1223.           </b:if>
  1224.         </b:includable>
  1225.         <b:includable id='ScoreMultiItem'>
  1226.           <div class='m-GwWBFmbcL flex aic'>
  1227.             <b:class cond='data:view.isPost' name='s1'/>
  1228.           <b:include name='rbt'/>
  1229.           </div>
  1230.         </b:includable>
  1231.         <b:includable id='postEnclosures'>
  1232.           <b:loop values='data:post.enclosures' var='enclosure'>
  1233.             <b:if cond='data:enclosure.url in {&quot;https://dl.blog&quot;}'>  
  1234.               <a class='svg12sv flex aic' expr:href='data:enclosure.mimeType' rel='nofollow' target='_blank'>
  1235.                 <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 512 512' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M432 320h-32a16 16 0 0 0-16 16v112H64V128h144a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V336a16 16 0 0 0-16-16ZM488 0H360c-21.37 0-32.05 25.91-17 41l35.73 35.73L135 320.37a24 24 0 0 0 0 34L157.67 377a24 24 0 0 0 34 0l243.61-243.68L471 169c15 15 41 4.5 41-17V24a24 24 0 0 0-24-24Z' fill='currentColor'/></svg>
  1236.               </a>
  1237.             </b:if>
  1238.           </b:loop>
  1239.         </b:includable>
  1240.         <b:includable id='Status'>
  1241.           <b:loop index='i' values='data:post.labels' var='label'>
  1242.             <b:if cond='data:label.name not in data:Status and data:label.name not in data:Score and data:label.name not in data:Other and data:label.name not in data:Other and data:label.name not in data:Genre and data:label.name not in data:Genre2 and data:label.name not in data:Alphabet and data:label.name not in data:Format and data:label.name not in data:Demographic and data:label.name not in data:Content'>
  1243.               <span class='ex wsn oh f1 toe' expr:data='data:label.name'>
  1244.                 <data:label.name/>
  1245.                 </span>
  1246.             </b:if>
  1247.           </b:loop>
  1248.         </b:includable>
  1249.         <b:includable id='darkMode'>
  1250.           <div class='flex aic mr-13 mla'>
  1251.             <label class='modeSwitch'>
  1252.               <input class='check flex' onclick='darkMode()' type='checkbox'/>
  1253.               <span class='toggleSwitch'/>
  1254.             </label>
  1255.           </div>
  1256.         </b:includable>
  1257.         <b:includable id='inlineAd2'>
  1258.           <div class='ads'>
  1259. <div class='widget-content'>
  1260. <img src='https://1.bp.blogspot.com/-FmfAILeAUs4/YQJE9dL6VhI/AAAAAAAAHXA/qm9QN_rJxwsG84UY9LYcD4Y58XTvQcwNQCLcBGAsYHQ/s720/ads.png'/>
  1261. </div>
  1262. </div>
  1263.         </b:includable>
  1264.         <b:includable id='inlineAd3'>
  1265.           <div class='ads'>
  1266. <div class='widget-content'>
  1267. <img src='https://1.bp.blogspot.com/-hLi6yeFLYTs/YQJT7C6A78I/AAAAAAAAHXY/49cOpBjTiV06NbAvtSMi2Ywezz2kE-T6gCLcBGAsYHQ/s400/ads-p.png'/>
  1268. </div>
  1269. </div>
  1270.         </b:includable>
  1271.         <b:includable id='rbt'>
  1272.           <b:with value='[&quot;0&quot;,&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;,&quot;6&quot;,&quot;7&quot;,&quot;8&quot;,&quot;9&quot;]' var='checkNumber'>
  1273.   <b:if cond='data:post.labels'>
  1274.     <b:loop values='data:post.labels' var='item'>
  1275.       <b:with value='&quot;String: &quot; + data:item.name' var='string'>
  1276.         <b:loop values='data:checkNumber' var='first'>
  1277.           <b:if cond='data:string contains data:first + &quot;.&quot;'>
  1278.             <b:loop values='data:checkNumber' var='last'>
  1279.               <b:if cond='data:string contains &quot;.&quot; + data:last'>
  1280.                 <div class='rating'>
  1281.                   <script type='application/ld+json'>
  1282.   {
  1283.     &quot;@context&quot;: &quot;https://schema.org&quot;,
  1284.     &quot;@type&quot;: &quot;CreativeWorkSeries&quot;,
  1285.     &quot;url&quot;: &quot;<data:blog.url/>&quot;,
  1286.     &quot;name&quot;: &quot;<data:blog.pageTitle/>&quot;,
  1287.     &quot;alternateName&quot;: &quot;<data:blog.pageTitle/>&quot;,
  1288.     &quot;description&quot;: &quot;<data:post.snippets.short/>&quot;,
  1289.     &quot;inLanguage&quot;: &quot;<data:blog.locale/>&quot;,
  1290.     &quot;aggregateRating&quot;: {
  1291.       &quot;@type&quot;: &quot;AggregateRating&quot;,
  1292.       &quot;ratingValue&quot;: &quot;<data:item.name/>&quot;,
  1293.       &quot;bestRating&quot;: &quot;10&quot;,
  1294.       &quot;worstRating&quot;: &quot;1&quot;,
  1295.     &quot;ratingCount&quot;: &quot;<data:post.body.size/>&quot;,
  1296.       &quot;reviewCount&quot;: &quot;<data:post.body.size/>&quot;
  1297.   },
  1298.     &quot;author&quot;: {&quot;@type&quot;: &quot;Person&quot;, &quot;name&quot;: &quot;<data:post.author.name/>&quot;},
  1299.     &quot;publisher&quot;: {&quot;@type&quot;: &quot;Organization&quot;, &quot;name&quot;: &quot;<data:blog.title/>&quot;}
  1300.     }
  1301.   }
  1302. </script>
  1303.                   <div class='rating-prc'>
  1304.                     <div class='rtp'>
  1305.                       <b:with value='10' var='ten'>
  1306.                         <b:if cond='data:string contains data:ten + &quot;.&quot;'>
  1307.                           <div class='rtb'><span style='width:100%'/></div>
  1308.                           <b:else/>
  1309.                           <div class='rtb'><span expr:style='&quot;width:&quot; + data:first + &quot;&quot; + data:last + &quot;%&quot;'/></div>
  1310.                         </b:if>
  1311.                       </b:with>
  1312.                     </div>
  1313.                     <div class='num' expr:content='data:item.name'>
  1314.                       <data:item.name/>
  1315.                     </div>
  1316.                   </div>
  1317.                 </div>
  1318.               </b:if>
  1319.             </b:loop>
  1320.           </b:if>
  1321.         </b:loop>
  1322.       </b:with>
  1323.     </b:loop>
  1324.   </b:if>
  1325. </b:with>
  1326.         </b:includable>
  1327.       </b:defaultmarkup>
  1328.     </b:defaultmarkups>
  1329.     <b:if cond='data:view.isPost'>
  1330.       <script>/*<![CDATA[*/
  1331.   document.getElementById('there').appendChild(
  1332.     document.getElementById('download')
  1333.   );
  1334. /*]]>*/</script>
  1335.       <script>/*<![CDATA[*/
  1336.   document.getElementById('myhero').appendChild(
  1337.     document.getElementById('custom-hero')
  1338.   );
  1339. /*]]>*/</script>
  1340.       <script>/*<![CDATA[*/
  1341.   document.getElementById('extra-target').appendChild(
  1342.     document.getElementById('extra-info')
  1343.   );
  1344. /*]]>*/</script>
  1345.       <script>/*<![CDATA[*/
  1346.   document.getElementById('syn-target').appendChild(
  1347.     document.getElementById('synopsis')
  1348.   );
  1349. /*]]>*/</script>
  1350.     </b:if>
  1351.     <script type='text/javascript'>
  1352.       var numposts = 3;
  1353.       var showpostthumbnails = false;
  1354.       var showpostdate = true;
  1355.     </script>
  1356.     <b:if cond='data:view.isMultipleItems'>
  1357.       <script type='text/javascript'>
  1358.         //<![CDATA[
  1359. function rcentbytag(e){document.write('<div class="chap-by-tag full">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}else l="http://2.bp.blogspot.com/-giova1ZCh-A/Uzq6L8QTJNI/AAAAAAAAAJc/USXictTq_xs/s70-c/KM+Icon.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Januari";y[2]="Februari";y[3]="Maret";y[4]="April";y[5]="Mei";y[6]="Juni";y[7]="Juli";y[8]="Agustus";y[9]="September";y[10]="Oktober";y[11]="November";y[12]="Desember";document.write('<div class="flex aic jcsb y6x0p">');if(showpostthumbnails==true)document.write('<a href="'+i+'"  title="'+r+'"><img class="rct-thumb" alt="'+r+'" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" title="'+r+'" rel="nofollow">'+r+'</a></strong>');var x="";var T=0;if(showpostdate==true){x='<time class="showdates">'+x+g+" "+y[parseInt(m,10)]+" </time>";T=1}document.write(x);document.write("</div>");if(t!=numposts-1)document.write("")}document.write("</div>")}
  1360. //]]> </script>
  1361.  
  1362.     </b:if>
  1363.     <b:if cond='data:view.isPost'>
  1364.       <script>//<![CDATA[
  1365. function searchList() {
  1366.     var input, filter, ul, li, a, i, txtValue;
  1367.     input = document.getElementById("scInput");
  1368.     filter = input.value.toUpperCase();
  1369.     ul = document.getElementById("myUL");
  1370.     li = ul.getElementsByTagName("li");
  1371.     for (i = 0; i < li.length; i++) {
  1372.         a = li[i].getElementsByTagName("a")[0];
  1373.         txtValue = a.textContent || a.innerText;
  1374.         if (txtValue.toUpperCase().indexOf(filter) > -1) {
  1375.             li[i].style.display = "";
  1376.         } else {
  1377.             li[i].style.display = "none";
  1378.         }
  1379.     }
  1380. }
  1381. //]]> </script>
  1382.     </b:if>
  1383.     <b:if cond='data:view.isPost'>
  1384. <script type='text/javascript'>//<![CDATA[
  1385.   var numposts = 9999;
  1386.   var standardstyling = true;
  1387.  
  1388.   function chapterlist(json) {
  1389.     for (var i = 0; i < numposts; i++) {
  1390.       var entry = json.feed.entry[i];
  1391.       var posttitle = entry.title.$t;
  1392.     var datatitle = entry.title.$t;
  1393.     var thumbnail = json.feed.entry[i].media$thumbnail.url'
  1394.       var date = json.feed.entry[i].published.$t;
  1395.       var posturl;
  1396.       if (i == json.feed.entry.length) break;
  1397.       for (var k = 0; k < entry.link.length; k++) {
  1398.         if (entry.link[k].rel == 'alternate') {
  1399.           posturl = entry.link[k].href;
  1400.           break;
  1401.         }
  1402.       }
  1403.       posttitle = posttitle.link(posturl);
  1404.       if (standardstyling) document.write('<li data="' + datatitle + '">');
  1405.       document.write(posttitle);
  1406.       document.write('<time class="timeago" datetime="' + date + '">');
  1407.       document.write(date);
  1408.       document.write('</time>');
  1409.     }
  1410.     if (standardstyling) document.write('</li>');
  1411.   } //]]></script>
  1412. <script type='text/javascript'>//<![CDATA[
  1413. const limitHistory = 10;
  1414. const histories = (function(){
  1415. list = [];
  1416. function Item(id,title,link){
  1417.   this.id = id;
  1418.   this.title = title;
  1419.     this.link = link;
  1420. }
  1421. function setHistory(){
  1422.   localStorage.setItem('History', JSON.stringify(list));
  1423. }
  1424. function loadHistory() {
  1425.     list = JSON.parse(localStorage.getItem('History'));
  1426. }
  1427. if (localStorage.getItem("History") != null) {
  1428.     loadHistory();
  1429. }
  1430. obj = {};
  1431. obj.addHistory = function(id,title,link) {
  1432.     var item = new Item(id,title,link);
  1433.     if(list != null){
  1434.       same = list.find(item =>{return item.id == id;});
  1435.         if(list.length<limitHistory){
  1436.           if(!same){
  1437.           list.push(item);
  1438.           setHistory();
  1439.             }else{
  1440.               for(let item in list){
  1441.               if(list[item].id === id) {
  1442.                 list.splice(list.length, 0, list.splice(item, 1)[0]);
  1443.               }
  1444.                 setHistory();
  1445.           }
  1446.           }
  1447.       }else{
  1448.         if(!same){
  1449.         list.splice(0, 1);
  1450.           list.push(item);
  1451.           setHistory();
  1452.             }else{
  1453.               for(let item in list){
  1454.               if(list[item].id === id) {
  1455.                 list.splice(list.length, 0, list.splice(item, 1)[0]);
  1456.               }
  1457.                 setHistory();
  1458.           }
  1459.           }
  1460.   }
  1461. }else{
  1462. list.push(item);
  1463. setHistory();
  1464. }
  1465. }
  1466. return obj;
  1467. })(); //]]></script>
  1468.       <script>
  1469.         //<![CDATA[
  1470. eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('1S I=["\\A\\q\\X\\e\\c\\m\\O\\e\\c\\R\\m\\19\\e\\1E\\q\\1D\\E\\Z\\q\\1g\\o\\p\\N\\A\\q\\d\\e\\16\\f\\c\\T\\o\\b\\c\\i\\b\\p\\E\\d\\f\\c\\r\\e\\b\\C\\c\\H\\C\\c\\u\\C\\c\\d\\C\\M\\C\\b\\n\\c\\s\\n\\b\\1t\\c\\Q\\e\\c\\L\\G\\c\\J\\e\\1p\\G\\X\\M\\c\\z\\e\\b\\n\\X\\n\\b\\G\\O\\M\\c\\V\\e\\b\\n\\O\\m\\16\\f\\c\\D\\f\\c\\U\\o\\d\\p\\P\\Z\\q\\1p\\o\\d\\p\\N\\A\\q\\g\\e\\16\\f\\c\\19\\o\\c\\O\\p\\E\\U\\o\\g\\p\\N\\g\\f\\1K\\e\\b\\b\\E\\A\\q\\h\\e\\d\\f\\c\\x\\E\\U\\o\\h\\f\\14\\f\\T\\w\\K\\p\\N\\1c\\o\\A\\q\\j\\e\\K\\E\\j\\y\\h\\f\\14\\f\\T\\E\\j\\n\\n\\p\\1c\\o\\A\\q\\i\\e\\h\\f\\14\\v\\j\\t\\m\\l\\e\\i\\f\\c\\1v\\f\\1C\\g\\m\\r\\e\\i\\f\\c\\Y\\f\\1C\\g\\m\\u\\e\\K\\E\\u\\y\\i\\f\\1d\\f\\T\\E\\u\\n\\n\\p\\U\\o\\b\\c\\k\\b\\e\\e\\i\\f\\1d\\v\\u\\t\\f\\c\\h\\p\\N\\A\\q\\x\\e\\i\\f\\1d\\v\\u\\t\\f\\13\\E\\x\\G\\G\\x\\f\\T\\w\\K\\G\\G\\l\\G\\G\\l\\f\\T\\w\\K\\G\\G\\r\\G\\G\\r\\f\\T\\w\\K\\G\\G\\19\\f\\c\\g\\o\\N\\1i\\1a\\x\\m\\R\\1a\\l\\m\\c\\1r\\1a\\r\\P\\p\\E\\c\\l\\P\\U\\o\\h\\f\\14\\f\\T\\w\\e\\O\\p\\X\\n\\e\\O\\m\\1g\\o\\p\\E\\17\\N\\1c\\o\\A\\q\\k\\m\\B\\e\\b\\b\\m\\k\\e\\b\\c\\1v\\b\\e\\e\\e\\c\\j\\1t\\19\\f\\c\\1y\\o\\Z\\o\\d\\m\\g\\p\\N\\c\\B\\q\\d\\f\\R\\w\\g\\f\\R\\1t\\c\\1a\\M\\c\\P\\p\\1a\\19\\m\\s\\e\\K\\E\\s\\y\\k\\f\\T\\E\\s\\n\\n\\p\\N\\A\\q\\z\\e\\k\\v\\s\\t\\f\\c\\1r\\m\\J\\e\\z\\f\\10\\o\\K\\m\\1f\\p\\m\\L\\e\\z\\f\\10\\o\\18\\m\\1q\\p\\m\\Q\\e\\z\\f\\10\\o\\1y\\m\\c\\K\\p\\m\\D\\e\\1E\\q\\1D\\E\\D\\v\\c\\t\\e\\b\\c\\A\\b\\m\\D\\v\\1H\\t\\e\\b\\c\\1o\\b\\m\\D\\v\\1r\\t\\e\\b\\c\\1q\\b\\m\\D\\v\\1f\\t\\e\\b\\c\\1z\\b\\m\\D\\v\\18\\t\\e\\b\\c\\12\\b\\m\\D\\v\\1v\\t\\e\\b\\c\\1g\\b\\m\\D\\v\\1q\\t\\e\\b\\c\\1m\\b\\m\\D\\v\\1y\\t\\e\\b\\c\\Z\\b\\m\\D\\v\\1o\\t\\e\\b\\c\\X\\b\\m\\D\\v\\c\\K\\t\\e\\b\\c\\15\\b\\m\\D\\v\\c\\c\\t\\e\\b\\c\\17\\b\\m\\D\\v\\c\\1H\\t\\e\\b\\c\\1e\\b\\E\\c\\16\\N\\U\\o\\k\\v\\s\\t\\f\\R\\f\\1x\\o\\b\\1u\\b\\p\\p\\N\\A\\q\\H\\e\\k\\v\\s\\t\\f\\R\\f\\1s\\o\\b\\1u\\b\\p\\v\\c\\t\\E\\H\\e\\H\\f\\c\\18\\o\\C\\v\\1J\\K\\M\\1o\\1j\\f\\M\\t\\n\\C\\J\\m\\b\\b\\p\\P\\17\\q\\U\\o\\k\\v\\s\\t\\f\\R\\f\\1x\\o\\b\\1m\\b\\p\\p\\N\\A\\q\\H\\e\\k\\v\\s\\t\\f\\R\\f\\1s\\o\\b\\1m\\b\\p\\v\\c\\t\\E\\H\\e\\H\\f\\c\\18\\o\\C\\v\\1J\\K\\M\\1o\\1j\\f\\M\\t\\n\\C\\J\\m\\b\\b\\p\\P\\17\\q\\A\\q\\H\\e\\b\\1z\\C\\15\\b\\P\\c\\1d\\o\\d\\p\\N\\c\\10\\f\\c\\1u\\o\\b\\c\\1x\\b\\p\\P\\B\\n\\e\\S\\y\\1I\\q\\Y\\e\\b\\c\\11\\b\\w\\y\\11\\q\\Y\\e\\b\\12\\M\\c\\14\\b\\w\\y\\V\\q\\Y\\e\\b\\1e\\b\\w\\y\\j\\q\\13\\e\\b\\S\\n\\k\\v\\s\\t\\f\\1i\\n\\S\\b\\w\\y\\c\\1f\\w\\S\\n\\H\\n\\S\\y\\C\\c\\1f\\w\\y\\C\\j\\w\\y\\C\\V\\w\\y\\C\\11\\w\\y\\11\\q\\Y\\e\\b\\12\\M\\c\\1i\\b\\w\\y\\V\\q\\Y\\e\\b\\1e\\M\\c\\1c\\b\\w\\y\\j\\q\\13\\e\\b\\S\\n\\k\\v\\s\\t\\f\\1i\\n\\S\\b\\w\\S\\n\\k\\v\\s\\t\\f\\R\\n\\S\\y\\C\\j\\w\\y\\C\\V\\w\\y\\V\\q\\Y\\e\\b\\1e\\M\\c\\13\\b\\w\\S\\n\\Q\\n\\b\\q\\b\\n\\D\\v\\c\\1s\\o\\L\\m\\c\\K\\p\\t\\n\\b\\q\\b\\n\\J\\n\\b\\y\\C\\V\\w\\y\\C\\11\\w\\y\\C\\1I\\w\\b\\P\\g\\f\\1K\\e\\S\\y\\1F\\q\\Y\\e\\b\\12\\M\\c\\1p\\b\\w\\S\\n\\B\\n\\b\\y\\C\\1F\\w\\b\\P\\P\\P\\P","\\a","\\l\\k\\i\\u\\g","\\a\\a\\a\\a\\a\\a\\a\\a\\a\\a\\a\\D\\j\\h\\a\\a\\a\\a\\a\\a\\a\\a\\i\\d\\r\\J\\g\\L\\a\\T\\x\\s\\x\\i\\a\\a\\a\\a\\a\\a\\B\\i\\j\\l\\l\\a\\a\\a\\a\\a\\a\\l\\k\\j\\r\\a\\u\\Q\\a\\H\\j\\U\\a\\d\\k\\10\\u\\l\\g\\15\\h\\h\\a\\a\\d\\r\\g\\h\\O\\a\\l\\g\\j\\h\\g\\a\\s\\u\\D\\a\\Q\\x\\r\\B\\g\\u\\z\\r\\a\\d\\i\\l\\d\\a\\x\\h\\i\\a\\Q\\z\\h\\a\\s\\z\\B\\x\\H\\d\\r\\g\\a\\L\\h\\d\\Q\\a\\d\\k\\l\\a\\l\\x\\A\\l\\g\\h\\u\\r\\J\\a\\d\\k\\a\\a\\i\\u\\r\\R\\a\\d\\k\\10\\u\\l\\g\\a\\u\\r\\B\\i\\x\\s\\d\\l\\a\\l\\k\\i\\u\\g\\a\\Z\\k\\u\\l\\z\\s\\d\\a\\h\\x\\r\\Z\\k\\10\\u\\l\\g\\a\\X\\L\\j\\k\\g\\d\\h\\a\\15\\h\\h\\j\\O\\a\\r\\d\\V\\a\\i\\u\\a\\x\\i\\a\\u\\r\\r\\d\\h\\1c\\1g\\12\\10\\a\\a\\a\\a\\g\\j\\r\\J\\J\\j\\i\\a\\B\\L\\j\\k\\g\\d\\h\\a\\h\\d\\k\\i\\j\\B\\d\\a\\g\\u\\g\\i\\d\\a\\12\\j\\h\\a\\l\\z\\h\\g\\a\\17\\d\\A\\a\\l\\z\\h\\g\\A\\O\\a\\13\\j\\r\\a\\h\\d\\g\\x\\h\\r\\a\\i\\j\\A\\d\\i\\a\\s\\d\\Q\\j\\x\\i\\g\\a\\j\\i\\g\\a\\B\\j\\i\\i\\A\\j\\B\\R\\a\\T\\l\\z\\r\\a\\k\\z\\l\\g\\l\\a\\B\\h\\d\\j\\g\\d\\Z\\i\\d\\H\\d\\r\\g\\a\\c\\18\\K\\a\\l\\B\\h\\u\\k\\g\\a\\Q\\d\\d\\s\\l\\a\\l\\h\\B\\a\\u\\r\\s\\d\\U\\a\\j\\i\\g\\d\\h\\r\\j\\g\\d\\a\\k\\x\\A\\i\\u\\l\\L\\d\\s\\a\\h\\d\\i\\a\\A\\h\\d\\j\\R\\a\\k\\x\\l\\L\\a\\Q\\d\\d\\s\\a\\A\\z\\s\\O\\a\\h\\d\\l\\x\\i\\g\\l\\a\\j\\k\\k\\d\\r\\s\\X\\L\\u\\i\\s\\a\\z\\x\\g\\k\\x\\g\\11\\u\\D\\a\\J\\d\\g\\Z\\i\\d\\H\\d\\r\\g\\14\\O\\16\\s\\a\\1d\\B\\g\\a\\h\\u\\J\\L\\g\\a\\1m\\d\\k\\a\\B\\L\\j\\h\\a\\15\\x\\J\\a\\1z\\z\\D\\a\\i\\d\\Q\\g\\a\\T\\s\\i\\a\\g\\h\\O\\a\\s\\j\\g\\d\\a\\11\\d\\B\\a\\B\\z\\r\\l\\z\\i\\d\\a\\12\\j\\O\\a\\15\\k\\h\\a\\B\\j\\g\\B\\L\\a\\u\\g\\d\\H\\a\\d\\h\\h\\z\\h\\a\\k\\j\\h\\l\\d\\16\\r\\g\\a\\13\\x\\i\\a\\13\\x\\r\\a\\i\\z\\J","","\\Q\\h\\z\\H\\X\\L\\j\\h\\X\\z\\s\\d","\\h\\d\\k\\i\\j\\B\\d","\\1j\\V\\n","\\1j\\A","\\J"];1T(1h(1l,1n,F,1b,W,1w){W=1h(F){1k(F<1n?I[4]:W(1U(F/1n)))+((F=F%1n)>1R?1B[I[5]](F+1V):F.1N(1M))};1G(!I[4][I[6]](/^/,1B)){1A(F--){1w[W(F)]=1b[F]||W(F)};1b=[1h(W){1k 1w[W]}];W=1h(){1k I[7]};F=1};1A(F--){1G(1b[F]){1l=1l[I[6]](1L 1Q(I[8]+W(F)+I[8],I[9]),1b[F])}};1k 1l}(I[0],1O,1P,I[3][I[2]](I[1]),0,{}))',62,120,'||||||||||x7C|x22|x31|x65|x3D|x2E|x74|x72|x6C|x61|x70|x73|x2C|x2B|x28|x29|x20|x6E|x64|x5D|x69|x5B|x3E|x75|x3C|x6F|x62|x63|x2F|x76|x3B|_0x2237x3|x26|x6D|_0x1fc8|x67|x30|x68|x2D|x7B|x79|x7D|x66|x6B|x27|x6A|x78|x77|_0x2237x5|x43|x71|x45|x4C|x44|x4D|x4A|x42|x41|x49|x46|x35|x7A|x3A|_0x2237x4|x48|x4F|x4B|x34|x54|function|x47|x5C|return|_0x2237x1|x53|_0x2237x2|x39|x50|x37|x33|x52|x3F|x55|x36|_0x2237x6|x51|x38|x4E|while|String|x24|x56|x57|x59|if|x32|x58|x5E|x5A|new|36|toString|62|119|RegExp|35|var|eval|parseInt|29'.split('|'),0,{}));
  1471. //]]>
  1472.       </script>  
  1473.       <script type='text/javascript'>/*<![CDATA[*/
  1474.   const nPL={arr:new Array,compile:function(){const t=this.arr;let e='<div class="inner_nPL"></a>',n='<div><select id="nPL_select" onchange="this.options[this.selectedIndex].value&&window.open(this.options[this.selectedIndex].value,\'_self\')" name="nPL_list"><option value="" selected>Select Chapter</option>';for(let s=0;s<t.length;s++){s!=t.length-0&&(n+=`<option value="${t[s].link}">${t[s].title}</option>`);const l=window.location.pathname;t[s].link.includes(l)&&(t[s+1]&&t[s+1]!=t.length-0&&(console.log(t[s+1]),s+1!=t.length-0&&(e+=`<a href="${t[s+1].link}" title="${t[s+1].title}"><i class="fas fa-angle-left mr-7"></i><span>Prev</span></a>`)),t[t.length-0]&&(e+=`<a href="${t[t.length-0].link}" title="${t[t.length-0].title}"><span>Home</span></a>`),t[s-1]&&(console.log(t[s-1]),e+=`<a href="${t[s-1].link}" title="${t[s-1].title}"><span class="mr-7">Next</span><i class="fas fa-angle-right"></i></a>`))}n+=`</select></div>${e}</div>`,jQuery("#nPL").html(n)},create:function(t){const e=this;t.ajax({type:"get",url:`/feeds/posts/summary/-/${e.settings.cat}?alt=json-in-script&start-index=${e.settings.start}&max-results=${e.settings.max}`,dataType:"jsonp",success:function(t){"entry"in t.feed?(t.feed.entry.forEach(t=>{e.arr.push({title:t.title.$t,link:t.link.find(t=>"alternate"==t.rel).href})}),t.feed.length>=e.settings.max?(e.settings.start+=e.settings.max,e.run(e.settings.cat)):e.compile()):e.arr.length>0&&e.compile()},error:function(t){console.log(t)}})},run:function(t){"function"==typeof jQuery&&document.getElementById("nPL")?(this.settings.cat=t,this.create(jQuery)):console.log("Error not function")},settings:{start:1,max:150}};
  1475. /*]]>*/</script>
  1476.       <script type='text/javascript'>/*<![CDATA[*/
  1477.   const nPL2={arr:new Array,compile:function(){const t=this.arr;let e='<div class="inner_nPL">',n='<div><select id="nPL_select" onchange="this.options[this.selectedIndex].value&&window.open(this.options[this.selectedIndex].value,\'_self\')" name="nPL_list"><option value="" selected>Select Chapter</option>';for(let s=0;s<t.length;s++){s!=t.length-0&&(n+=`<option value="${t[s].link}">${t[s].title}</option>`);const l=window.location.pathname;t[s].link.includes(l)&&(t[s+1]&&t[s+1]!=t.length-0&&(console.log(t[s+1]),s+1!=t.length-0&&(e+=`<a href="${t[s+1].link}" title="${t[s+1].title}"><i class="fas fa-angle-left mr-7"></i><span>Prev</span></a>`)),t[t.length-0]&&(e+=`<a href="${t[t.length-0].link}" title="${t[t.length-0].title}"><span>Home</span></a>`),t[s-1]&&(console.log(t[s-1]),e+=`<a href="${t[s-1].link}" title="${t[s-1].title}"><span class="mr-7">Next</span><i class="fas fa-angle-right"></i></a>`))}n+=`</select></div>${e}</div>`,jQuery("#nPL2").html(n)},create:function(t){const e=this;t.ajax({type:"get",url:`/feeds/posts/summary/-/${e.settings.cat}?alt=json-in-script&start-index=${e.settings.start}&max-results=${e.settings.max}`,dataType:"jsonp",success:function(t){"entry"in t.feed?(t.feed.entry.forEach(t=>{e.arr.push({title:t.title.$t,link:t.link.find(t=>"alternate"==t.rel).href})}),t.feed.length>=e.settings.max?(e.settings.start+=e.settings.max,e.run(e.settings.cat)):e.compile()):e.arr.length>0&&e.compile()},error:function(t){console.log(t)}})},run:function(t){"function"==typeof jQuery&&document.getElementById("nPL2")?(this.settings.cat=t,this.create(jQuery)):console.log("Error not function")},settings:{start:1,max:150}};
  1478. /*]]>*/</script>
  1479.     </b:if>
  1480.     <b:if cond='data:view.isHomepage'>
  1481.       <script>
  1482. //<![CDATA[
  1483. //Start function
  1484. function timeAgo(o){var t=(new Date).getTime()-o.getTime(),e=Math.floor(t/1e3),r=Math.floor(e/60),a=Math.floor(r/60),g=Math.floor(a/24),h=Math.floor(g/30),n=Math.floor(h/12);return 0===t?"Just now":e<60?e+" seconds Ago":r<60?r+" min Ago":a<24?a+" hours Ago":g<30?g+" days Ago":h<12?h+" months":n+" years Ago"}
  1485. //End function
  1486.  
  1487. //]]>
  1488. </script>
  1489.       <script async='async'>
  1490.   //<![CDATA[
  1491.   var timeString=function(t){if(/([12]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01]))/.test(t)){var e=t,i=e.substring(0,4),n=e.substring(5,7),r=e.substring(8,10),o=new Array;return o[1]="Jan",o[2]="Feb",o[3]="Mar",o[4]="Apr",o[5]="May",o[6]="Jun",o[7]="Jul",o[8]="Aug",o[9]="Sep",o[10]="Oct",o[11]="Nov",o[12]="Dec",r+" "+o[parseInt(n,10)]+" "+i}return!1},imageString=function(t){var e=t.indexOf("<img"),i=t.indexOf('src="',e),n=t.indexOf('"',i+5),r=t.substr(i+5,n-i-5);return-1!=e&&-1!=i&&-1!=n&&""!=r?r:"https://1.bp.blogspot.com/-BYDJ1dpFEhE/X9QnAUfeORI/AAAAAAAAHxw/OjfaqiPHjhAmCgJts39XIg7o4KR-8YtdACNcBGAsYHQ/w300-h225-p-k-no-nu/dagruel-no-image.png"},mangaPost={mainItemArr:new Array,subItemArr:new Array,compile:function(t){var e=t.feed.entry;if(!e)return!1;var i=document.getElementById("myManga");if(!i)return!1;if(i.dataset.created="Dagruel",e.forEach(function({category:t,content:e,link:i,title:n,published:r,media$thumbnail:o}){var a=n.$t,s=t.map(function(t){return t.term}),u=i.find(function(t){if("alternate"===t.rel)return t}).href,c="function"==typeof timeAgo?timeAgo(new Date(r.$t)):timeString(r.$t),l=e.$t&&e.$t.length>0?e.$t:"Nothing",m=o?o.url.replace("s72","w175-h235"):imageString(l);s=s.filter(function(t){if("Project"!==t)return t}),mangaPost.mainItem.filter(function(t){s.join(", ").includes(t)&&mangaPost.mainItemArr.push({title:a,link:u,image:m,category:s})}),mangaPost.subItem.filter(function(t){s.join(", ").includes(t)&&mangaPost.subItemArr.push({titleSub:a,linkSub:u,publishedSub:c,categorySub:s})})}),mangaPost.mainItemArr.length>0){var n="";mangaPost.mainItemArr.forEach(function({title:t,link:e,image:i,category:r}){var o="";
  1492. var lang = "";
  1493. var label = r.find(i => "Hot, New".includes(i));
  1494. if ("Hot" == label) {
  1495.   lang = "<span class='hot absolute r-5 t-3'></span>";
  1496. } else if ("New" == label) {
  1497.   lang = "<span class='new absolute r-5 t-3'></span>";
  1498. } else lang = "";
  1499. var typ = "";
  1500. var label2 = r.find(i => "Manga, Manhua, Manhwa".includes(i));
  1501. if ("Manga" == label2) {
  1502.   typ = "<span class='absolute po manga'>Manga</span>";
  1503. } else if ("Manhua" == label2) {
  1504.   typ = "<span class='absolute po manhua'>Manhua</span>";
  1505. } else if ("Manhwa" == label2) {
  1506.   typ = "<span class='absolute po manhwa'>Manhwa</span>";
  1507. } else typ = "";
  1508. console.log(`${label} & ${lang}`);
  1509. mangaPost.subItemArr.length>0&&mangaPost.subItemArr.forEach(function({titleSub:t,linkSub:e,publishedSub:i,categorySub:n}){var a=t;mangaPost.settingTitle.forEach(function({name:e,news:i}){a.includes(e)&&(a=i+" "+t.split(e)[1].replace(/[^0-9\.-]+/g,""))}),n.filter(function(n){r.join(", ").includes(n)&&(o+='<li class="char"><div class="chpName"><a href="'+e+'" title="'+t+'">'+a+'<span class="new-tag">new</span></a></div><time class="chpDate">'+i+"</time></li>")})}),n+='<div class="bookItem bb-1pxsf"><a href="'+e+'" title="'+t+'"><div class="snippet-thumbnail"><img loading="lazy" src="' + i + '"/>'+lang+typ+'</div></a><div class="data"><h2><a href="'+e+'" title="'+t+'">'+t+'</a></h2><ul class="subItem">'+o+"</ul></div></div>"}),i.innerHTML=n}},run:function(t,e){var i=document.createElement("script");i.src="/feeds/posts/default/-/"+t+"?orderby=published&alt=json-in-script&max-results="+e+"&callback=mangaPost.compile",document.body.appendChild(i)}};
  1510.  
  1511.   //Setting Script
  1512.   mangaPost.mainItem = ['Manga','Manhwa','Manhua'];
  1513.   mangaPost.subItem = ['Chapter'];
  1514.   mangaPost.settingTitle = [{
  1515.     name: 'Chapter',
  1516.     news: 'Ch'
  1517.   }, {
  1518.     name: 'Episode',
  1519.     news: 'Ep'
  1520.   }];
  1521.   //]]>
  1522. </script>
  1523.       <script async='async'>
  1524.   //<![CDATA[
  1525.   var timeString = function(t) {
  1526.     if (/([12]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01]))/.test(t)) {
  1527.       var e = t,
  1528.         i = e.substring(0, 4),
  1529.         n = e.substring(5, 7),
  1530.         r = e.substring(8, 10),
  1531.         o = new Array;
  1532.       return o[1] = "Jan", o[2] = "Feb", o[3] = "Mar", o[4] = "Apr", o[5] = "May", o[6] = "Jun", o[7] = "Jul", o[8] = "Aug", o[9] = "Sep", o[10] = "Oct", o[11] = "Nov", o[12] = "Dec", r + " " + o[parseInt(n, 10)] + " " + i
  1533.     }
  1534.     return !1
  1535.   },
  1536.   imageString = function(t) {
  1537.     var e = t.indexOf("<img"),
  1538.       i = t.indexOf('src="', e),
  1539.       n = t.indexOf('"', i + 5),
  1540.       r = t.substr(i + 5, n - i - 5);
  1541.     return -1 != e && -1 != i && -1 != n && "" != r ? r : "https://1.bp.blogspot.com/-BYDJ1dpFEhE/X9QnAUfeORI/AAAAAAAAHxw/OjfaqiPHjhAmCgJts39XIg7o4KR-8YtdACNcBGAsYHQ/w300-h225-p-k-no-nu/dagruel-no-image.png"
  1542.   },
  1543.   update = {
  1544.     mainItemArr: new Array,
  1545.     subItemArr: new Array,
  1546.     compile: function(t) {
  1547.       var e = t.feed.entry;
  1548.       if (!e) return !1;
  1549.       var i = document.getElementById("Update");
  1550.       if (!i) return !1;
  1551.       if (i.dataset.created = "Dagruel", e.forEach(function({
  1552.           category: t,
  1553.           content: e,
  1554.           link: i,
  1555.           title: n,
  1556.           published: r,
  1557.           media$thumbnail: o
  1558.         }) {
  1559.           var a = n.$t,
  1560.             s = t.map(function(t) {
  1561.               return t.term
  1562.             }),
  1563.             u = i.find(function(t) {
  1564.               if ("alternate" === t.rel) return t
  1565.             }).href,
  1566.             c = "function" == typeof timeAgo ? timeAgo(new Date(r.$t)) : timeString(r.$t),
  1567.             l = e.$t && e.$t.length > 0 ? e.$t : "Nothing",
  1568.             m = o ? o.url.replace("s72", "w175-h235") : imageString(l);
  1569.           s = s.filter(function(t) {
  1570.             if ("Project" !== t) return t
  1571.           }), update.mainItem.filter(function(t) {
  1572.             s.join(", ").includes(t) && update.mainItemArr.push({
  1573.               title: a,
  1574.               link: u,
  1575.               image: m,
  1576.               category: s
  1577.             })
  1578.           }), update.subItem.filter(function(t) {
  1579.             s.join(", ").includes(t) && update.subItemArr.push({
  1580.               titleSub: a,
  1581.               linkSub: u,
  1582.               publishedSub: c,
  1583.               categorySub: s
  1584.             })
  1585.           })
  1586.         }), update.mainItemArr.length > 0) {
  1587.         var n = "";
  1588.         update.mainItemArr.forEach(function({
  1589.           title: t,
  1590.           link: e,
  1591.           image: i,
  1592.           category: r
  1593.         }) {
  1594.           var o = "";
  1595. var lang = "";
  1596. var label = r.find(i => "Hot, New".includes(i));
  1597. if ("Hot" == label) {
  1598.   lang = "<span class='hot absolute r-5 t-3'></span>";
  1599. } else if ("New" == label) {
  1600.   lang = "<span class='new absolute r-5 t-3'></span>";
  1601. } else lang = "";
  1602. var typ = "";
  1603. var label2 = r.find(i => "Manga, Manhua, Manhwa".includes(i));
  1604. if ("Manga" == label2) {
  1605.   typ = "<span class='absolute po manga'>Manga</span>";
  1606. } else if ("Manhua" == label2) {
  1607.   typ = "<span class='absolute po manhua'>Manhua</span>";
  1608. } else if ("Manhwa" == label2) {
  1609.   typ = "<span class='absolute po manhwa'>Manhwa</span>";
  1610. } else typ = "";
  1611. console.log(`${label} & ${lang}`);
  1612.           update.subItemArr.length > 0 && update.subItemArr.forEach(function({
  1613.             titleSub: t,
  1614.             linkSub: e,
  1615.             publishedSub: i,
  1616.             categorySub: n
  1617.           }) {
  1618.             var a = t;
  1619.             update.settingTitle.forEach(function({
  1620.               name: e,
  1621.               news: i
  1622.             }) {
  1623.               a.includes(e) && (a = i + " " + t.split(e)[1].replace(/[^0-9\.-]+/g, ""))
  1624.             }), n.filter(function(n) {
  1625.               r.join(", ").includes(n) && (o += '<li class="char"><div class="chpName"><a href="' + e + '" title="' + t + '">' + a + '<span class="new-tag">new</span></a></div><time class="chpDate">' + i + "</time></li>")
  1626.             })
  1627.           }), n += '<div class="bookItem bb-1pxsf"><a href="' + e + '" title="' + t + '"><div class="snippet-thumbnail"><img loading="lazy" src="' + i + '"/>'+lang+typ+'</div></a><div class="data"><h2><a href="' + e + '" title="' + t + '">' + t + '</a></h2><ul class="subItem">' + o + "</ul></div></div>"
  1628.         }), i.innerHTML = n
  1629.       }
  1630.     },
  1631.     run: function(t, e) {
  1632.       var i = document.createElement("script");
  1633.       i.src = "/feeds/posts/default/-/" + t + "?orderby=published&alt=json-in-script&max-results=" + e + "&callback=update.compile", document.body.appendChild(i)
  1634.     }
  1635.   };
  1636.   //Setting Script
  1637.   update.mainItem = ['Update'];
  1638.   update.subItem = ['Chapter'];
  1639.   update.settingTitle = [{
  1640.     name: 'Chapter',
  1641.     news: 'Ch'
  1642.   }, {
  1643.     name: 'Episode',
  1644.     news: 'Ep'
  1645.   }];
  1646.   //]]>
  1647. </script>
  1648.       <script type='text/javascript'>/*<![CDATA[*/
  1649. const mTP={shuffleArray:t=>{var e,i,n=t.length;if(0===n)return!1;for(;--n;)e=Math.floor(Math.random()*(n+1)),i=t[n],t[n]=t[e],t[e]=i;return t},run:(t,e,i=10,n=5)=>{if(0==t("#mTP_Slider").length)return console.log("Tag mTP_Slider tidak ada");mTP.maxCat=n,mTP.max=i,window.matchMedia("(max-width: 600px)").matches&&(mTP.maxCat=3),window.matchMedia("(max-width: 480px)").matches&&(mTP.maxCat=2);const a=0==e?"":`/-/${e}`;t.ajax({url:`/feeds/posts/default${a}?alt=json-in-script&max-results=150`,type:"get",dataType:"jsonp",success:function(e){mTP.compile(t,e)},error:function(t){console.log(t)}})},compile:(t,e)=>{if("entry"in e.feed){const n=mTP.shuffleArray(e.feed.entry);mTP.filter=mTP.shuffleArray(e.feed.category.map(t=>t.term).filter(t=>{if(mTP.Select.includes(t))return t})).slice(0,mTP.maxCat),mTP.obj={},t.each(mTP.filter,function(e,i){n.filter(e=>{const n=e.category.map(t=>t.term);if(n.includes(i)){const a=mTP.obj[i];a?a.length<mTP.max&&a.push({title:e.title.$t,cat:n,link:e.link.find(t=>"alternate"==t.rel).href,image:"media$thumbnail"in e?e.media$thumbnail.url.match(/\/s[0-9]{2}-(w[0-9]+-)?c/)?e.media$thumbnail.url.replace(/\/s[0-9]{2}-(w[0-9]+-)?c/,`/${mTP.iSize}-p-k-no-nu`):e.media$thumbnail.url.replace(/\=s[0-9]{2}-(w[0-9]+-)?c/,`=${mTP.iSize}-p-k-no-nu`):"content"in e?t(e.content.$t).find("img").attr("src"):mTP.noImage}):mTP.obj[i]=[{title:e.title.$t,cat:n,link:e.link.find(t=>"alternate"==t.rel).href,image:"media$thumbnail"in e?e.media$thumbnail.url.match(/\/s[0-9]{2}-(w[0-9]+-)?c/)?e.media$thumbnail.url.replace(/\/s[0-9]{2}-(w[0-9]+-)?c/,`/${mTP.iSize}-p-k-no-nu`):e.media$thumbnail.url.replace(/\=s[0-9]{2}-(w[0-9]+-)?c/,`=${mTP.iSize}-p-k-no-nu`):"content"in e?t(e.content.$t).find("img").attr("src"):mTP.noImage}]}})});const a=t('<div class="series-gen"><div class="head"><div class="r-title"></div><ul class="nav-tabs tabs tab r2"></ul></div><div class="listupd"></div></div>'),l=Object.keys(mTP.obj).sort().reduce((t,e)=>(t[e]=mTP.obj[e],t),{});for(var i in l){const e=i.replace(/\W/g,"");a.find(".nav-tabs").append(`<li><span data-id="series-${e}">${i}</span></li>`),a.find(".listupd").append(`<div id="series-${e}" class="customAF scroll"><div class="inner scrolling"></div>${mTP.btnPrev}${mTP.btnNext}</div>`),t.each(mTP.obj[i],function(){a.find(`#series-${e} .inner`).append(`<article class="customAgata">\n          <a href="${this.link}" title="${this.title}">\n            <div class="images">\n              <figure>\n                <img src="${this.image}" alt="${this.title}">\n              </figure>\n            </div>\n            <h2 class="entry-title">${this.title}</h2>\n          </a>\n        </article>`)})}t("#mTP_Slider").html(a),t(".nav-tabs li").click(function(){const e=t(this).find("span").attr("data-id");t(".customAF.scroll, .nav-tabs li").each(function(){t(this).attr("id")==e||t(this).find("span").attr("data-id")==e?t(this).addClass("active"):t(this).removeClass("active")})}),t(".nav-tabs li").first().click()}},sN:t=>{let e=t.parentElement.querySelector(".inner.scrolling"),i=e.clientWidth;e.scrollLeft+=i},sB:t=>{let e=t.parentElement.querySelector(".inner.scrolling"),i=e.clientWidth;e.scrollLeft-=i},btnNext:'<button onclick="mTP.sN(this)" class="scrollButton right"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none"><path d="M15.713 12l-6.01-6.01l-1.415 1.414l4.6 4.6l-4.6 4.593l1.414 1.414L15.713 12z" fill="currentColor"/></g></svg></button>',btnPrev:'<button onclick="mTP.sB(this)" class="scrollButton left"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none"><path d="M8.288 12l6.01 6.01l1.414-1.414l-4.6-4.6l4.6-4.6l-1.414-1.406L8.288 12z" fill="currentColor"/></g></svg></button>',iSize:"w207-h300",noImage:"https://1.bp.blogspot.com/-BYDJ1dpFEhE/X9QnAUfeORI/AAAAAAAAHxw/OjfaqiPHjhAmCgJts39XIg7o4KR-8YtdACNcBGAsYHQ/w300-h225-p-k-no-nu/dagruel-no-image.png"};
  1650. mTP.Select = ["Action", "Adventure", "Comedy", "Drama", "Ecchi", "Fantasy", "Game", "Harem", "Historical", "Isekai", "Horror", "Josei", "Magic", "Mecha", "Military", "Music", "Mystery", "Parody", "Police", "Psychological", "Romance", "Samurai", "School", "School Life", "Sci-Fi", "Seinen", "Shoujo", "Shoujo Ai", "Shounen", "Slice of Life", "Space", "Sports", "Super Power", "Supernatural", "Thriller", "Vampire", "Yuri"];
  1651. /*]]>*/</script>
  1652.     </b:if>
  1653.     <script type='text/javascript'>/*<![CDATA[*/
  1654.   const clwd={arr:new Array,compile:function(){const t=this,e=this.arr.length;t.settings.title.some(e=>t.arr[0].title.includes(e.in))||t.arr.push(t.arr.shift());let n="<ul>",s='<div class="lastend">';jQuery.each(t.arr,function(i,a){let l=a.title;if(jQuery.each(t.settings.title,function(t,e){l.includes(e.in)&&(l=e.out+" "+l.split(e.in)[1].replace(/[^0-9\.-]+/g,""))}),i==e-2&&(s+=`<div class="inepcx" data-id="1"><a href="${a.link}"><span>Chapter Awal</span><span class="epcur epcurfirst">${l}</span></a></div>`),0==i&&(s+=`<div class="inepcx" data-id="2"><a href="${a.link}"> <span>Chapter Baru</span> <span class="epcur epcurlast">${l}</span></a></div>`),i!=e-1){let t=0==a.dLink?"":`<div class="dt"> <a href="${a.dLink}" rel="nofollow" class="dload" target="_blank"><i class="fas fa-cloud-download-alt"></i></a></div>`;n+=`<li><div class="chbox"><div class="eph-num"><a href="${a.link}"><span class="chapternum">${l}</span> <span class="chapterdate">${a.published}</span></a></div>${t}</div></li>`}}),s+="</div>",n+="</ul>",document.getElementById("clwd").innerHTML=`${s+n}`},get:function(t){const e=this;t.ajax({url:`/feeds/posts/default/-/${this.settings.cat}?alt=json-in-script&start-index=${this.settings.start}&max-results=${this.settings.max}`,type:"get",dataType:"jsonp",success:function(n){"entry"in n.feed?(n.feed.entry.forEach(n=>{e.arr.push({title:n.title.$t,link:n.link.find(t=>"alternate"==t.rel).href,dLink:"content"in n&&(0!=t(n.content.$t).find("#downBTN").length&&t(n.content.$t).find("#downBTN").attr("href")),published:"function"==typeof timeAgo?timeAgo(new Date(n.updated.$t)):e.timeStirng(n.updated.$t)})}),n.feed.entry.length>=e.settings.max?(e.settings.start+=e.settings.max,e.run(e.settings.cat)):e.compile()):0!=e.arr.length&&e.compile()},error:function(t){console.log(t)}})},run:function(t){this.settings.cat=t,"function"==typeof jQuery&&document.getElementById("clwd")?this.get(jQuery):console.log("Output Nothing")},settings:{max:150,start:1,title:[{in:"Episode",out:"Ep."},{in:"Chapter",out:"Ch."}],judul:"Chapter List"},timeStirng:function(t){if(/([12]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01]))/.test(t)){var e=t,n=e.substring(0,4),s=e.substring(5,7),i=e.substring(8,10),a=new Array;return a[1]="Jan",a[2]="Feb",a[3]="Mar",a[4]="Apr",a[5]="May",a[6]="Jun",a[7]="Jul",a[8]="Aug",a[9]="Sep",a[10]="Oct",a[11]="Nov",a[12]="Dec",i+" "+a[parseInt(s,10)]+" "+n}return!1}};
  1655. /*]]>*/</script>
  1656.     <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>
  1657.     <script src='//code.iconify.design/1/1.0.6/iconify.min.js'/>
  1658.     <style>
  1659.   @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);
  1660. .rating{width: 100%;}
  1661.   .rating-prc {
  1662.   display: flex;
  1663.   justify-content: space-between;
  1664. }
  1665. .rating-prc .rtp{overflow:hidden;display:inline-block}
  1666. .rating-prc .rtp .rtb{position:relative;overflow:hidden;color:#ff0000;height:15px;line-height:1;width:85px;font-size:15px;margin:0 auto}
  1667. .fw .rating-prc .rtp .rtb {font-size:13px}
  1668. .rating-prc .rtp .rtb:before{content:&quot;\f005\f005\f005\f005\f005&quot;;font-family:&quot;Font Awesome 5 Free&quot;;position:absolute;top:0;left:0;height:15px}
  1669. .rating-prc .rtp .rtb span{overflow:hidden;top:0;left:0;position:absolute;padding-top:15px}
  1670. .rating-prc .rtp .rtb span:before{content:&quot;\f005\f005\f005\f005\f005&quot;;font-family:&quot;Font Awesome 5 Free&quot;;font-weight:900;top:0;position:absolute;left:0}
  1671. .rating-prc .num{line-height:normal;font-size:13px;color:#999}
  1672.     </style>
  1673.     <script type='text/javascript'>//<![CDATA[
  1674. const history_ = function(widget,id){
  1675. let getHistory = JSON.parse(localStorage.getItem('History')),structure = '';
  1676. if(getHistory != null && getHistory != ''){
  1677. for(let item in getHistory.reverse()){
  1678. structure += `<li class="bm_item"><a href="${getHistory[item].link}">${getHistory[item].title}</a></li>`;
  1679. }
  1680. $(id).html(structure);
  1681. }else{
  1682. $(widget).remove();
  1683. }
  1684. }
  1685. //]]></script>
  1686.     </head>
  1687.   <body id='modeSwitch'>
  1688.     <b:class cond='data:view.isPost' name='pv'/>
  1689.     <b:class cond='data:view.isMultipleItems' name='fw'/>
  1690.     <b:class cond='data:view.isLabelSearch' name='label-view'/>
  1691.     <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='svo'/>
  1692.     <b:class cond='data:view.isPage' name='p'/>
  1693.     <script>/*<![CDATA[*/ (localStorage.getItem('mode')) === 'darkmode' ? document.querySelector('#modeSwitch').classList.add('dark-mode') : document.querySelector('#modeSwitch').classList.remove('dark-mode') /*]]>*/</script>
  1694.  
  1695.     <b:with value='[&quot;A&quot;,&quot;B&quot;,&quot;C&quot;,&quot;D&quot;,&quot;E&quot;,&quot;F&quot;,&quot;G&quot;,&quot;H&quot;,&quot;I&quot;,&quot;J&quot;,&quot;K&quot;,&quot;L&quot;,&quot;M&quot;,&quot;N&quot;,&quot;O&quot;,&quot;P&quot;,&quot;Q&quot;,&quot;R&quot;,&quot;S&quot;,&quot;T&quot;,&quot;U&quot;,&quot;V&quot;,&quot;W&quot;,&quot;X&quot;,&quot;Y&quot;,&quot;Z&quot;,&quot;0-9&quot;]' var='Alphabet'>
  1696.       <b:with value='[&quot;Action&quot;,&quot;Adventure&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Historical&quot;,&quot;Horror&quot;,&quot;Isekai&quot;,&quot;Magical Girls&quot;,&quot;Mecha&quot;,&quot;Medical&quot;,&quot;Mystery&quot;,&quot;Philosophical&quot;,&quot;Psychological&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Shoujo Ai&quot;,&quot;Shounen Ai&quot;,&quot;Slice of Life&quot;,&quot;Sports&quot;,&quot;Superhero&quot;,&quot;Thriller&quot;,&quot;Tragedy&quot;,&quot;Wuxia&quot;,&quot;Yaoi&quot;,&quot;Yuri&quot;,&quot;Tsundere&quot;,&quot;Yandere&quot;]' var='Genre'>
  1697.         <b:with value='[&quot;Adaptation&quot;,&quot;Cooking&quot;,&quot;Harem&quot;,&quot;Loli&quot;,&quot;Mafia&quot;,&quot;Magic&quot;,&quot;Military&quot;,&quot;Music&quot;,&quot;Reincarnation&quot;,&quot;Reverse Harem&quot;,&quot;Samurai&quot;,&quot;School Life&quot;,&quot;Supernatural&quot;,&quot;Survival&quot;,&quot;Time Travel&quot;,&quot;Vampire&quot;,&quot;Video Games&quot;,&quot;Demon&quot;,&quot;Monsters&quot;,&quot;Martial Arts&quot;,&quot;Virtual Reality&quot;,&quot;Demons&quot;,&quot;Monster Girls&quot;,&quot;Monsters&quot;,&quot;Police&quot;]' var='Genre2'>
  1698.           <b:with value='[&quot;Shounen&quot;,&quot;Shoujo&quot;,&quot;Seinen&quot;,&quot;Josei&quot;,&quot;Mature&quot;]' var='Demographic'>
  1699.             <b:with value='[&quot;Ecchi&quot;,&quot;Gore&quot;,&quot;Sexual Violence&quot;,&quot;Smut&quot;,&quot;Series&quot;,&quot;Project&quot;]' var='Content'>
  1700.               <b:with value='[&quot;Chapter&quot;,&quot;Novel&quot;,&quot;Ongoing&quot;,&quot;Hot&quot;,&quot;New&quot;,&quot;Color&quot;]' var='Other'>
  1701.                 <b:with value='[&quot;Light Novel (JP)&quot;,&quot;Web Novel (CN)&quot;,&quot;Web Novel (JP)&quot;,&quot;Web Novel (KR)&quot;,&quot;Manga&quot;,&quot;Manhua&quot;,&quot;Manhwa&quot;,&quot;Doujinshi&quot;,&quot;Long Strip&quot;,&quot;Full Color&quot;,&quot;One Shot&quot;,&quot;Web Comic&quot;,&quot;Official Colored&quot;,&quot;Jepang&quot;,&quot;Korea&quot;,&quot;Cina&quot;,&quot;Indonesia&quot;,&quot;Webtoon&quot;,&quot;Webtoons&quot;]' var='Format'>
  1702.                   <b:with value='[&quot;Ongoing&quot;,&quot;Completed&quot;,&quot;Cancelled&quot;,&quot;Hiatus&quot;,&quot;Dropped&quot;,&quot;Coming Soon&quot;]' var='Status'>
  1703.                     <b:with value='[&quot;Score 0.5&quot;,&quot;Score 1.0&quot;,&quot;Score 1.5&quot;,&quot;Score 2.0&quot;,&quot;Score 2.5&quot;,&quot;Score 3.0&quot;,&quot;Score 3.5&quot;,&quot;Score 4.0&quot;,&quot;Score 4.5&quot;,&quot;Score 5.0&quot;,&quot;Score 5.5&quot;,&quot;Score 6.0&quot;,&quot;Score 6.5&quot;,&quot;Score 7.0&quot;,&quot;Score 7.5&quot;,&quot;Score 8.0&quot;,&quot;Score 8.5&quot;,&quot;Score 9.0&quot;,&quot;Score 9.5&quot;,&quot;Score 10.0&quot;]' var='Score'>
  1704.  
  1705.                       <header class='bg-main'>
  1706.                         <b:section class='max-w mra mla grid gtc-header aic gg-30' growth='vertical' id='header' maxwidgets='3' showaddelement='true'>
  1707.                           <b:widget id='Header1' locked='true' title='CAPTOONS (Header)' type='Header' version='2' visible='true'>
  1708.                             <b:widget-settings>
  1709.                               <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEjRsxpNgXVo5jufXB1yDOOPBU5qu0uEL0T0v0srH-KNeFpY_7A9-RVuPjRS8bqfISNR2fWkiXAZF-ODtf44fsKxw5bDxdES3WIxot5Kk9pQNVWGSXfMLVeo9D3vXKijNpwfoNWPz5wh227sRYV_RQ_LvTT8wYXubVg3UltqAlewISQ914WchepoVu-pBQ=s519</b:widget-setting>
  1710.                               <b:widget-setting name='displayHeight'>118</b:widget-setting>
  1711.                               <b:widget-setting name='sectionWidth'>1582</b:widget-setting>
  1712.                               <b:widget-setting name='useImage'>true</b:widget-setting>
  1713.                               <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  1714.                               <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
  1715.                               <b:widget-setting name='displayWidth'>519</b:widget-setting>
  1716.                             </b:widget-settings>
  1717.                             <b:includable id='main' var='this'>
  1718.                               <div class='menu'>
  1719.                                 <button class='bn bt c-fff p-13' onclick='myMenu()'><svg style='width:24px;height:24px' viewBox='0 0 24 24'>
  1720.                                   <path d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z' fill='currentColor'/>
  1721.                                   </svg></button>
  1722.                               </div>
  1723.                               <div class='flex aic md:jcc'>
  1724.                 <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
  1725.                                 <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
  1726.                 <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
  1727.                               </div>
  1728.                              
  1729.                             </b:includable>
  1730.                             <b:includable id='behindImageStyle'>
  1731.                               <b:if cond='data:sourceUrl'>
  1732.                                 <b:include cond='data:this.image' data='{                    image: data:this.image,                    selector: &quot;.header-widget&quot;                  }' name='responsiveImageStyle'/>
  1733.                                 <style type='text/css'>
  1734.                                   .header-widget {
  1735.                                   background-position: <data:blog.locale.languageAlignment/>;
  1736.                                   background-repeat: no-repeat;
  1737.                                   background-size: cover;
  1738.                                   }
  1739.                                 </style>
  1740.                               </b:if>
  1741.                             </b:includable>
  1742.                             <b:includable id='description'>
  1743.                               <p>
  1744.                                 <data:this.description/>
  1745.                               </p>
  1746.                             </b:includable>
  1747.                             <b:includable id='image'>
  1748.                               <a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
  1749.                                 <b:include data='{                                                 image: data:image,                                                 altText: data:blog.title.escaped,                                                 originalWidth: data:width,                                                 originalHeight: data:height                                               }' name='responsiveImage'/>
  1750.                               </a>
  1751.                             </b:includable>
  1752.                             <b:includable id='title'>
  1753.                               <div class='logo flex aic'>
  1754.                                
  1755.                                 <a class='c-fff fsi fs-20 fw-600 white:hover' href='/'>
  1756.                                   <data:blog.title/>
  1757.                                   <sup>v5</sup>
  1758.                                 </a>
  1759.                               </div>
  1760.                             </b:includable>
  1761.                           </b:widget>
  1762.                           <b:widget id='PageList1' locked='true' title='Pages' type='PageList' version='2' visible='true'>
  1763.                             <b:widget-settings>
  1764.                               <b:widget-setting name='pageListJson'>{}</b:widget-setting>
  1765.                               <b:widget-setting name='homeTitle'>Home</b:widget-setting>
  1766.                             </b:widget-settings>
  1767.                             <b:includable id='main'>
  1768.  
  1769.                               <b:include name='content'/>
  1770.                             </b:includable>
  1771.                             <b:includable id='content'>
  1772.  
  1773.                               <nav class='widget-content nav-a'>
  1774.                                 <b:include name='pageList'/>
  1775.                               </nav>
  1776.                             </b:includable>
  1777.                             <b:includable id='overflowButton'>
  1778.                               <b:include name='verticalMoreIcon'/>
  1779.                             </b:includable>
  1780.                             <b:includable id='overflowablePageList'>
  1781.                               <div class='overflowable-container'>
  1782.                                 <div class='overflowable-contents'>
  1783.                                   <div class='container'>
  1784.                                     <b:with value='true' var='overflow'>
  1785.                                       <b:with value='&quot;tabs&quot;' var='pageListClass'>
  1786.                                         <b:include name='pageList'/>
  1787.                                       </b:with>
  1788.                                     </b:with>
  1789.                                   </div>
  1790.                                 </div>
  1791.                                 <div class='overflow-button hidden'>
  1792.                                   <b:include name='overflowButton'/>
  1793.                                 </div>
  1794.                               </div>
  1795.                             </b:includable>
  1796.                             <b:includable id='pageLink'>
  1797.                               <li class='mx-5'>
  1798.                                 <b:class cond='data:overflow' name='overflowable-item'/>
  1799.                                 <b:class cond='data:link.isCurrentPage' name='selected'/>
  1800.  
  1801.                                 <a class='block px-5 lh-37 c-fff fs-14' expr:data='data:link.title' expr:href='data:link.href'><data:link.title/></a>
  1802.                               </li>
  1803.                              
  1804.                             </b:includable>
  1805.                             <b:includable id='pageList'>
  1806.                               <ul class='flex m-0 lsn fdc pl-0'>
  1807.                                 <b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
  1808.                                 <b:loop values='data:links' var='link'>
  1809.                                   <b:include name='pageLink'/>
  1810.                                 </b:loop>                      
  1811.                                 <li class='dropdown mx-5'>
  1812.                                 <label class='block px-5 lh-37 c-fff fs-14' data='Other' for='dropmenu'>Other<svg aria-hidden='true' class='h-14' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 16 16' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g fill='currentColor'><path d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></g></svg></label>
  1813.                                 <input class='dropMenu hidden' id='dropmenu' name='dropDown' type='checkbox'/>
  1814.                                 <ul class='pl-0 lsn bg-171 c-999-a p-y7x15-a block-a'>
  1815.                                   <li><a expr:href='data:blog.homepageUrl + &quot;search/label/Manga?&amp;max-results=20&quot;'>Manga</a></li>
  1816.                                   <li><a expr:href='data:blog.homepageUrl + &quot;search/label/Manhwa?&amp;max-results=20&quot;'>Manhwa</a></li>
  1817.                                   <li><a expr:href='data:blog.homepageUrl + &quot;search/label/Manhua?&amp;max-results=20&quot;'>Manhua</a></li>
  1818.                                   <li><a expr:href='data:blog.homepageUrl + &quot;search/label/Western?&amp;max-results=20&quot;'>Western</a></li>
  1819.                                 </ul>
  1820.                               </li>
  1821.                               </ul>
  1822.                             </b:includable>
  1823.                           </b:widget>
  1824.                           <b:widget id='BlogSearch1' locked='true' title='Cari Blog Ini' type='BlogSearch' version='2' visible='true'>
  1825.                             <b:includable id='main'>
  1826.  
  1827.                               <b:include name='content'/>
  1828.  
  1829.                             </b:includable>
  1830.                             <b:includable id='content'>
  1831.                               <div class='flex aic' role='search'>
  1832.                                 <b:include name='darkMode'/>
  1833.                                 <b:include name='searchForm'/>
  1834.                                 <a class='menu-item svg14 flex aic' href='https://captoons.blogspot.com/p/bookmark.html'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 3A1.5 1.5 0 0 1 7 4.5v15A1.5 1.5 0 0 1 5.5 21h-2A1.5 1.5 0 0 1 2 19.5v-15A1.5 1.5 0 0 1 3.5 3h2Zm6 0A1.5 1.5 0 0 1 13 4.5v15a1.5 1.5 0 0 1-1.5 1.5h-2A1.5 1.5 0 0 1 8 19.5v-15A1.5 1.5 0 0 1 9.5 3h2Zm7.281 3.124l3.214 12.519a1.5 1.5 0 0 1-1.08 1.826l-1.876.48a1.5 1.5 0 0 1-1.826-1.08L13.999 7.354a1.5 1.5 0 0 1 1.08-1.826l1.876-.483a1.502 1.502 0 0 1 1.826 1.08Z' fill='currentColor'/></svg><span class='sm:dn'>Bookmark</span></a>
  1835.                                 <div class='search'>
  1836.                                 <button class='right bn bt c-fff p-13' onclick='fungsiSearch()'><svg style='width:24px;height:24px' viewBox='0 0 24 24'>
  1837.                                   <path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' fill='currentColor'/>
  1838.                                   </svg></button>
  1839.                               </div>
  1840.                               </div>
  1841.  
  1842.                             </b:includable>
  1843.                             <b:includable id='searchForm'>
  1844.                               <form class='flex mr-13 md:full r-5 oh' expr:action='data:blog.searchUrl' id='Query-input'>
  1845.                                 <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
  1846.                                 <b:include name='urlParamsAsFormInput'/>
  1847.                                 <div class='md:full'>
  1848.                                   <input autocomplete='off' class='p-y6x12 bn c-fff bg-trans tl-r3 bl-r3 w-180 box' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q'/>
  1849.                                 </div>
  1850.                                 <b:include name='searchSubmit'/>
  1851.                               </form>
  1852.                             </b:includable>
  1853.                             <b:includable id='searchSubmit'>
  1854.                               <label class='bg-trans c-fff bn tr-r3 br-r3 cp flex aic pr-10' id='submit'>
  1855.                                 <input class='hidden' expr:value='data:messages.search.escaped' type='submit'/>
  1856.                                 <svg aria-hidden='true' class='svg12' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 12 12' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g fill='none'><path d='M5 1a4 4 0 1 0 2.248 7.31l2.472 2.47a.75.75 0 1 0 1.06-1.06L8.31 7.248A4 4 0 0 0 5 1zM2.5 5a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0z' fill='currentColor'/></g></svg>
  1857.                                
  1858.                               </label>
  1859.                               <label class='bg-trans c-fff bn tr-r3 br-r3 cp flex aic pr-10' id='close'>
  1860.                                
  1861.                                
  1862.                                 <svg aria-hidden='true' height='1em' onclick='fungsiSearch()' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M12 22A9.99 9.99 0 0 1 2 12v-.2a10.005 10.005 0 0 1 17.074-6.874A10 10 0 0 1 12 22Zm0-8.59L14.59 16L16 14.59L13.41 12L16 9.41L14.59 8L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.411v-.001Z' fill='currentColor'/></svg>
  1863.                               </label>
  1864.                             </b:includable>
  1865.                           </b:widget>
  1866.                         </b:section>
  1867.                       </header>
  1868.                       <b:section growth='vertical' id='notification' maxwidgets='1' showaddelement='true'>
  1869.                         <b:widget id='Text4' locked='false' title='Global Notification' type='Text' version='2' visible='false'>
  1870.                           <b:widget-settings>
  1871.                             <b:widget-setting name='content'>Download &lt;span class=&quot;p-5 bg-171 r2&quot;&gt;&lt;a class=&quot;c-fff&quot; href=&quot;
  1872. https://cararegistrasi.com/zeistmanga
  1873. &quot;&gt;ZeistManga&lt;/a&gt; v4&lt;/span&gt;</b:widget-setting>
  1874.                           </b:widget-settings>
  1875.                           <b:includable id='main'>
  1876.   <b:include name='widget-title'/>
  1877.  
  1878.                             <div class='aic flex gg-10 widget-content pcc'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 1024 1024' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M229.6 678.1c-3.7 11.6-5.6 23.9-5.6 36.4c0-12.5 2-24.8 5.7-36.4h-.1zm76.3-260.2H184v188.2h121.9l12.9 5.2L840 820.7V203.3L318.8 412.7z' fill='currentColor' fill-opacity='.15'/><path d='M880 112c-3.8 0-7.7.7-11.6 2.3L292 345.9H128c-8.8 0-16 7.4-16 16.6v299c0 9.2 7.2 16.6 16 16.6h101.7c-3.7 11.6-5.7 23.9-5.7 36.4c0 65.9 53.8 119.5 120 119.5c55.4 0 102.1-37.6 115.9-88.4l408.6 164.2c3.9 1.5 7.8 2.3 11.6 2.3c16.9 0 32-14.2 32-33.2V145.2C912 126.2 897 112 880 112zM344 762.3c-26.5 0-48-21.4-48-47.8c0-11.2 3.9-21.9 11-30.4l84.9 34.1c-2 24.6-22.7 44.1-47.9 44.1zm496 58.4L318.8 611.3l-12.9-5.2H184V417.9h121.9l12.9-5.2L840 203.3v617.4z' fill='currentColor'/></svg>
  1879. <p class='m-0'><data:content/></p></div>
  1880. </b:includable>
  1881.                         </b:widget>
  1882.                       </b:section>
  1883.                       <b:section class='mb-15' cond='data:view.isHomepage' id='hero' maxwidgets='2' showaddelement='true'>
  1884.                         <b:widget id='HTML3' locked='true' title='Slider' type='HTML' version='2' visible='false'>
  1885.                           <b:widget-settings>
  1886.                             <b:widget-setting name='content'>&lt;div dir=&quot;ltr&quot; id=&quot;slider&quot;&gt;
  1887. &lt;div class=&quot;slides&quot; id=&quot;slides&quot;&gt;
  1888.  
  1889. &lt;div class=&quot;item&quot;&gt;
  1890. &lt;a href=&quot;https://captoons.blogspot.com/2022/06/isekai-demo-bunan-ni-ikitai-shoukougun.html&quot;&gt;
  1891. &lt;div class=&quot;mainslider&quot;&gt;
  1892. &lt;div class=&quot;limit&quot;&gt;
  1893. &lt;div class=&quot;sliderinfo&quot;&gt;
  1894. &lt;div class=&quot;sliderinfolimit&quot;&gt;
  1895. &lt;div class=&quot;black-bg&quot;&gt;
  1896. &lt;span class=&quot;name&quot;&gt; Isekai Demo Bunan ni Ikitai Shoukougun&lt;/span&gt;
  1897. &lt;div class=&quot;meta&quot;&gt;&lt;span class=&quot;quality&quot;&gt;8.10&lt;/span&gt;
  1898. &lt;span class=&quot;text&quot;&gt;Type: &lt;b&gt;Manga&lt;/b&gt;&lt;/span&gt; &lt;span class=&quot;text&quot;&gt;Genres: Monster, Action, Adventure, Game, Harem, Isekai&lt;/span&gt;
  1899. &lt;/div&gt;
  1900. &lt;div class=&quot;desc&quot;&gt;
  1901. &lt;p&gt;There is no magic without any weapons! But! This is the story of a man who wishes to live safely!&lt;/p&gt;
  1902. &lt;/div&gt;
  1903. &lt;/div&gt;
  1904. &lt;/div&gt;
  1905. &lt;/div&gt;
  1906. &lt;div class=&quot;bigbanner&quot; style=&quot;background-image: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqHR6wxh3Q4lgp2wngHn1M0kjLE27Q4bxUG-sDFlW0b5H2P4xQ74SPmYzwwkfFOgDu_h9lEQkSZW-G8ro3heoOREz6KM2dF2KsVhHrwOpa5jGk2yOvrlE-cnEscGkWXluPXehPcNTYGlTIUV_EUNJqeUwsWF5_NbqbM1ZQ1L_dLu0lWFZgTX0OX-0_WQ/s2050/Isekai%20demo%20slider.jpg&#39;);&quot;&gt;&lt;/div&gt;
  1907. &lt;/div&gt;
  1908. &lt;/div&gt;
  1909. &lt;/a&gt;
  1910. &lt;/div&gt;
  1911.  
  1912.  
  1913.  
  1914.  
  1915.  
  1916.  
  1917. &lt;div class=&quot;item&quot;&gt;
  1918. &lt;a href=&quot;https://captoons.blogspot.com/2022/06/her-majestys-swarm.html&quot;&gt;
  1919. &lt;div class=&quot;mainslider&quot;&gt;
  1920. &lt;div class=&quot;limit&quot;&gt;
  1921. &lt;div class=&quot;sliderinfo&quot;&gt;
  1922. &lt;div class=&quot;sliderinfolimit&quot;&gt;
  1923. &lt;div class=&quot;black-bg&quot;&gt;
  1924. &lt;span class=&quot;name&quot;&gt; Her Majesty&#39;s Swarm&lt;/span&gt;
  1925. &lt;div class=&quot;meta&quot;&gt;&lt;span class=&quot;quality&quot;&gt;8.10&lt;/span&gt;
  1926. &lt;span class=&quot;text&quot;&gt;Type: &lt;b&gt;Manga&lt;/b&gt;&lt;/span&gt; &lt;span class=&quot;text&quot;&gt;Genres: Monster, Action, Adventure, Game, Harem, Isekai&lt;/span&gt;
  1927. &lt;/div&gt;
  1928. &lt;div class=&quot;desc&quot;&gt;
  1929. &lt;p&gt;Our protagonist is a college student who enjoys playing as the evil-aligned faction Arachnea in her favorite real-time strategy game.&lt;/p&gt;
  1930. &lt;/div&gt;
  1931. &lt;/div&gt;
  1932. &lt;/div&gt;
  1933. &lt;/div&gt;
  1934. &lt;div class=&quot;bigbanner&quot; style=&quot;background-image: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ncOCQQiJgBasWktNeXLlRnrj12Wp_uOag60Ep2wE4pcmo1tOEtk9MmwKuM-v2UcmTsZU6sBs1DxJP9AQ1vO_vA00N00vjhfi05IDMKJ8MLt63H8q1LNCt2cFSxaV2Npe7cDkAt0CGKt2Nhfz_qUaT8nO-H3EQDrhIVsMbhiJDTlLI70mPjt5L0pddQ/s1024/Her%20Majesty%27s%20Swarm%20slider.jpg&#39;);&quot;&gt;&lt;/div&gt;
  1935. &lt;/div&gt;
  1936. &lt;/div&gt;
  1937. &lt;/a&gt;
  1938. &lt;/div&gt;
  1939.  
  1940.  
  1941.  
  1942.  
  1943. &lt;div class=&quot;item&quot;&gt;
  1944. &lt;a href=&quot;https://captoons.blogspot.com/2022/06/moto-sekai-ichi-subchara-ikusei-nikki.html&quot;&gt;
  1945. &lt;div class=&quot;mainslider&quot;&gt;
  1946. &lt;div class=&quot;limit&quot;&gt;
  1947. &lt;div class=&quot;sliderinfo&quot;&gt;
  1948. &lt;div class=&quot;sliderinfolimit&quot;&gt;
  1949. &lt;div class=&quot;black-bg&quot;&gt;
  1950. &lt;span class=&quot;name&quot;&gt; Moto Sekai Ichi Subchara Ikusei Nikki: Hai Player, Isekai wo Kouryakuchuu!&lt;/span&gt;
  1951. &lt;div class=&quot;meta&quot;&gt;&lt;span class=&quot;quality&quot;&gt;8.10&lt;/span&gt;
  1952. &lt;span class=&quot;text&quot;&gt;Type: &lt;b&gt;Manga&lt;/b&gt;&lt;/span&gt; &lt;span class=&quot;text&quot;&gt;Genres: Monster, Action, Adventure, Game, Harem, Isekai&lt;/span&gt;
  1953. &lt;/div&gt;
  1954. &lt;div class=&quot;desc&quot;&gt;
  1955. &lt;p&gt;Manga ini bercerita tentang Tokoh protagonis yang jarang bersekolah selama masa SMP dan SMA, tidak bekerja bahkan setelah dewasa.&lt;/p&gt;
  1956. &lt;/div&gt;
  1957. &lt;/div&gt;
  1958. &lt;/div&gt;
  1959. &lt;/div&gt;
  1960. &lt;div class=&quot;bigbanner&quot; style=&quot;background-image: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv3Z4uog6SyGbwwovH9o4yHzZzlGJMWIKP3nuOUAdRPM7A6ToHYSDwzUT25JdGuZKp6thcIUCA4AiOJIbeoM7BLADTKbtLZUf65RtITe2ZNmouu-r3OsftcwIoT6YniPPLd_FX6vYWOezKPS6zZmZsuBwasVv3DKnLplXY1BQ8czQCaR4SuMEbAWtZBQ/s2048/Moto.Sekai.Ichi%27I.no.Sub-chara.Ikusei.Nikki.wide.jpg&#39;);&quot;&gt;&lt;/div&gt;
  1961. &lt;/div&gt;
  1962. &lt;/div&gt;
  1963. &lt;/a&gt;
  1964. &lt;/div&gt;
  1965.  
  1966.  
  1967. &lt;div class=&quot;item&quot;&gt;
  1968. &lt;a href=&quot;https://captoons.blogspot.com/2022/06/mugen-gacha-de-level-9999.html&quot;&gt;
  1969. &lt;div class=&quot;mainslider&quot;&gt;
  1970. &lt;div class=&quot;limit&quot;&gt;
  1971. &lt;div class=&quot;sliderinfo&quot;&gt;
  1972. &lt;div class=&quot;sliderinfolimit&quot;&gt;
  1973. &lt;div class=&quot;black-bg&quot;&gt;
  1974. &lt;span class=&quot;name&quot;&gt;My Gift Lvl 9999 Unlimited Gacha Manga Online&lt;/span&gt;
  1975. &lt;div class=&quot;meta&quot;&gt;&lt;span class=&quot;quality&quot;&gt;8.05&lt;/span&gt;
  1976. &lt;span class=&quot;text&quot;&gt;Type: &lt;b&gt;Manga&lt;/b&gt;&lt;/span&gt; &lt;span class=&quot;text&quot;&gt;Genres: Monster, Action, Adventure, Magic, Harem, Shota&lt;/span&gt;
  1977. &lt;/div&gt;
  1978. &lt;div class=&quot;desc&quot;&gt;
  1979. &lt;p&gt;sang MC kita kali ini diawal dia di toloang di baikin stelah sudah gak guna dia ditendang oleh teman temannya yang dia percaya stelah itu&#8230;.&lt;/p&gt;
  1980. &lt;/div&gt;
  1981. &lt;/div&gt;
  1982. &lt;/div&gt;
  1983. &lt;/div&gt;
  1984. &lt;div class=&quot;bigbanner&quot; style=&quot;background-image: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSuuslhSJt1eXXMvcPXz-cgegfElZ0t18Sxqt5Lpifq5ITfRjDQ8QmAe1hQxv4CVB9D87o7z8FOAs8LSPW54vnEUbyQKPGTHVHLrx2S1qeT6o46xHCfr18mt-DDRX6hC3xnOYOzSx8mSNZ830zKGorqhb3EAMeBkXZq9Q-6dBEpy7LV0sXi5FOkb4GPQ/s1920/cropped-Manga-Header-Image-min.png&#39;);&quot;&gt;&lt;/div&gt;
  1985. &lt;/div&gt;
  1986. &lt;/div&gt;
  1987. &lt;/a&gt;
  1988. &lt;/div&gt;
  1989.  
  1990.  
  1991.  
  1992.  
  1993.  
  1994. &lt;/div&gt;
  1995. &lt;div id=&quot;left-button&quot;&gt;&lt;svg class=&quot;icon icon-tabler icon-tabler-arrow-narrow-left&quot; height=&quot;44&quot; viewbox=&quot;0 0 24 24&quot; width=&quot;44&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
  1996. &lt;path d=&quot;M0 0h24v24H0z&quot; fill=&quot;none&quot; stroke=&quot;none&quot;&gt;&lt;/path&gt;
  1997. &lt;line x1=&quot;5&quot; x2=&quot;19&quot; y1=&quot;12&quot; y2=&quot;12&quot;&gt;&lt;/line&gt;
  1998. &lt;line x1=&quot;5&quot; x2=&quot;9&quot; y1=&quot;12&quot; y2=&quot;16&quot;&gt;&lt;/line&gt;
  1999. &lt;line x1=&quot;5&quot; x2=&quot;9&quot; y1=&quot;12&quot; y2=&quot;8&quot;&gt;&lt;/line&gt;
  2000. &lt;/svg&gt;&lt;/div&gt;
  2001. &lt;div id=&quot;right-button&quot;&gt;&lt;svg class=&quot;icon icon-tabler icon-tabler-arrow-narrow-right&quot; height=&quot;44&quot; viewbox=&quot;0 0 24 24&quot; width=&quot;44&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
  2002. &lt;path d=&quot;M0 0h24v24H0z&quot; fill=&quot;none&quot; stroke=&quot;none&quot;&gt;&lt;/path&gt;
  2003. &lt;line x1=&quot;5&quot; x2=&quot;19&quot; y1=&quot;12&quot; y2=&quot;12&quot;&gt;&lt;/line&gt;
  2004. &lt;line x1=&quot;15&quot; x2=&quot;19&quot; y1=&quot;16&quot; y2=&quot;12&quot;&gt;&lt;/line&gt;
  2005. &lt;line x1=&quot;15&quot; x2=&quot;19&quot; y1=&quot;8&quot; y2=&quot;12&quot;&gt;&lt;/line&gt;
  2006. &lt;/svg&gt;&lt;/div&gt;
  2007. &lt;/div&gt;</b:widget-setting>
  2008.                           </b:widget-settings>
  2009.                           <b:includable id='main'>
  2010.                             <div class='widget-content relative'>
  2011.                               <data:content/>
  2012.                             </div>
  2013.                           </b:includable>
  2014.                         </b:widget>
  2015.                         <b:widget id='Label3' locked='true' title='Popular Genre' type='Label' version='2' visible='false'>
  2016.                           <b:widget-settings>
  2017.                             <b:widget-setting name='sorting'>FREQUENCY</b:widget-setting>
  2018.                             <b:widget-setting name='display'>CLOUD</b:widget-setting>
  2019.                             <b:widget-setting name='selectedLabelsList'>Action,Adaptation,Adventure,Comedy,Completed,Crime,Demon,Drama,Ecchi,Fantasy,Full Color,Gore,Harem,Historical,Horror,Isekai,Josei,Light Novel (JP),Mafia,Magic,Manga,Manhua,Manhwa,Martial Arts,Mature,Mecha,Military,Monsters,Mystery,Official Colored,Reincarnation,Romance,School Life,Sci-Fi,Seinen,Shounen,Slice of Life,Sports,Supernatural,Survival,Thriller,Tragedy,Video Games,Virtual Reality</b:widget-setting>
  2020.                             <b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
  2021.                             <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  2022.                           </b:widget-settings>
  2023.                           <b:includable id='main' var='this'>
  2024.  
  2025.                             <b:include name='content'/>
  2026.                           </b:includable>
  2027.                           <b:includable id='cloud'>
  2028.                             <span class='bc-fff y6x11p r4 c-theme' role='button'><data:title/></span>
  2029.                             <b:loop values='data:labels limit 7' var='label'>
  2030.                               <span class='p-size'>
  2031.                                 <b:class expr:name='&quot;label-size-&quot; + data:label.cssSize'/>
  2032.                                 <a class='label-name' expr:href='data:label.url'>
  2033.                                   <data:label.name/>
  2034.                                   <b:if cond='data:this.showFreqNumbers'>
  2035.                                     <span class='label-count o5'><data:label.count/></span>
  2036.                                   </b:if>
  2037.                                 </a>
  2038.                               </span>
  2039.                             </b:loop>
  2040.  
  2041.                             <label aria-label='Show label' class='label-more cp' data-hide='Show less' data-show='Show more' expr:data-text='&quot;+&quot; + (data:labels.length - 4)' for='p-label' role='button'><svg class='vam fill-f' height='24' viewBox='0 0 24 24' width='24'><path d='M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z'/></svg></label>
  2042.                             <input class='labelInput hidden' id='p-label' type='checkbox'/>
  2043.                             <div class='labelAll genres-list'>
  2044.                               <b:loop index='alltags' values='data:labels' var='label'>
  2045.                                 <b:if cond='data:alltags &gt;= 7'>
  2046.                                   <a expr:href='data:label.url'>
  2047.                                     <span class='label-title'><data:label.name/></span>
  2048.                                     <b:if cond='data:this.showFreqNumbers'>
  2049.                                       <span class='label-count o5'><data:label.count/></span>
  2050.                                     </b:if>    
  2051.                                   </a>
  2052.                                 </b:if>
  2053.                               </b:loop>
  2054.                             </div>
  2055.                           </b:includable>
  2056.                           <b:includable id='content'>
  2057.                             <div class='widget-content bg-main r2'>
  2058.                               <b:class expr:name='data:this.display + &quot;-label-widget-content&quot;'/>
  2059.                               <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  2060.                               <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  2061.                             </div>
  2062.                           </b:includable>
  2063.                           <b:includable id='list'>
  2064.                             <ul>
  2065.                               <b:loop values='data:labels' var='label'>
  2066.                                 <li>
  2067.                                   <a class='label-name' expr:href='data:label.url'>
  2068.                                     <data:label.name/>
  2069.                                     <b:if cond='data:this.showFreqNumbers'>
  2070.                                       <span class='label-count'><data:label.count/></span>
  2071.                                     </b:if>
  2072.                                   </a>
  2073.                                 </li>
  2074.                               </b:loop>
  2075.                             </ul>
  2076.                           </b:includable>
  2077.                         </b:widget>
  2078.                       </b:section>
  2079.                       <b:section class='max-w mla mra mb-15' cond='data:view.isHomepage' id='slide' maxwidgets='1' showaddelement='true'>
  2080.                         <b:widget cond='data:view.isHomepage' id='HTML6' locked='true' title='Ads' type='HTML' version='2' visible='false'>
  2081.                           <b:widget-settings>
  2082.                             <b:widget-setting name='content'><![CDATA[<img src="https://1.bp.blogspot.com/-FmfAILeAUs4/YQJE9dL6VhI/AAAAAAAAHXA/qm9QN_rJxwsG84UY9LYcD4Y58XTvQcwNQCLcBGAsYHQ/s720/ads.png"/>]]></b:widget-setting>
  2083.                           </b:widget-settings>
  2084.                           <b:includable id='main'>
  2085.                               <b:class name='ads'/>
  2086.   <div class='widget-content'>
  2087.     <data:content/>
  2088.   </div>
  2089. </b:includable>
  2090.                         </b:widget>
  2091.                         <b:widget id='PopularPosts2' locked='true' title='Hot Manga' type='PopularPosts' version='2' visible='true'>
  2092.                           <b:widget-settings>
  2093.                             <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
  2094.                             <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  2095.                             <b:widget-setting name='showSnippets'>true</b:widget-setting>
  2096.                             <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
  2097.                           </b:widget-settings>
  2098.                           <b:includable id='main' var='this'>
  2099.                             <div class='releases p-y0x15 flex relative jcsb'>
  2100.                               <h3 class='c-fff lh-20 fw-500 p-y5x20 fs-15 bg-222 flex aic yt8m r4'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 256 256' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M128 24S48 72 48 144a79.9 79.9 0 0 0 77.9 79.9A39.9 39.9 0 0 1 88 184c0-40 40-64 40-64s40 24 40 64a39.9 39.9 0 0 1-37.9 39.9A79.9 79.9 0 0 0 208 144c0-72-80-120-80-120Z' fill='currentColor' opacity='.2'/><path d='M173.8 51.5a221.5 221.5 0 0 0-41.7-34.4a8 8 0 0 0-8.2 0a221.5 221.5 0 0 0-41.7 34.4C54.6 80.5 40 112.5 40 144a88 88 0 0 0 176 0c0-31.5-14.6-63.5-42.2-92.5ZM96 184c0-27.7 22.5-47.3 32-54.3c9.5 7 32 26.6 32 54.3a32 32 0 0 1-64 0Zm77.3 15.9A49.1 49.1 0 0 0 176 184c0-44-42.1-69.8-43.9-70.9a8 8 0 0 0-8.2 0C122.1 114.2 80 140 80 184a49.1 49.1 0 0 0 2.7 15.9A71.7 71.7 0 0 1 56 144c0-34.4 20.4-63.1 37.5-81.2A223.2 223.2 0 0 1 128 33.5a223.2 223.2 0 0 1 34.5 29.3C193.5 95.5 200 125 200 144a71.7 71.7 0 0 1-26.7 55.9Z' fill='currentColor'/></svg><data:title/></h3>
  2101.                               <div class='flex aic wh-18-svg gg-10'>
  2102.                                 <div class='c-fff' id='prev'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M4.431 12.822l13 9A1 1 0 0 0 19 21V3a1 1 0 0 0-1.569-.823l-13 9a1.003 1.003 0 0 0 0 1.645z' fill='currentColor'/></svg></div>
  2103.                                 <div class='c-fff' id='next'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M5.536 21.886a1.004 1.004 0 0 0 1.033-.064l13-9a1 1 0 0 0 0-1.644l-13-9A1 1 0 0 0 5 3v18a1 1 0 0 0 .536.886z' fill='currentColor'/></svg>
  2104.                                 </div>
  2105.  
  2106.                               </div>
  2107.                               </div>
  2108.                             <div class='grid gtc-f141a gg-20 slide widget-content scroll ul'>
  2109.                               <b:include name='snippetedPosts'/>
  2110.                             </div>
  2111.                          
  2112.                           </b:includable>
  2113.                           <b:includable id='blogThisShare'>
  2114.                             <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' var='onclick'>
  2115.                               <b:include name='platformShare'/>
  2116.                             </b:with>
  2117.                           </b:includable>
  2118.                           <b:includable id='bylineByName' var='byline'>
  2119.                             <b:switch var='data:byline.name'>
  2120.                               <b:case value='share'/>
  2121.                               <b:include cond='data:post.shareUrl' name='postShareButtons'/>
  2122.                               <b:case value='comments'/>
  2123.                               <b:include cond='data:post.allowComments' name='postCommentsLink'/>
  2124.                               <b:case value='location'/>
  2125.                               <b:include cond='data:post.location' name='postLocation'/>
  2126.                               <b:case value='timestamp'/>
  2127.                               <b:include cond='not data:view.isPage' name='postTimestamp'/>
  2128.                               <b:case value='author'/>
  2129.                               <b:include name='postAuthor'/>
  2130.                               <b:case value='labels'/>
  2131.                               <b:include cond='data:post.labels' name='postLabels'/>
  2132.                               <b:case value='icons'/>
  2133.                               <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
  2134.                               <b:case value='reactions'/>
  2135.                               <b:include cond='data:post.reactionsUrl' name='postReactions'/>
  2136.                             </b:switch>
  2137.                           </b:includable>
  2138.                           <b:includable id='bylineRegion' var='regionItems'>
  2139.                             <b:loop values='data:regionItems' var='byline'>
  2140.                               <b:include data='byline' name='bylineByName'/>
  2141.                             </b:loop>
  2142.                           </b:includable>
  2143.                           <b:includable id='commentsLink'>
  2144.                             <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  2145.                               <b:if cond='data:post.numberOfComments &gt; 0'>
  2146.                                 <b:message name='messages.numberOfComments'>
  2147.                                   <b:param expr:value='data:post.numberOfComments' name='numComments'/>
  2148.                                 </b:message>
  2149.                                 <b:else/>
  2150.                                 <data:messages.postAComment/>
  2151.                               </b:if>
  2152.                             </a>
  2153.                           </b:includable>
  2154.                           <b:includable id='commentsLinkIframe'>
  2155.                             <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
  2156.                           </b:includable>
  2157.                           <b:includable id='emailPostIcon'>
  2158.                             <span class='byline post-icons'>
  2159.                               <!-- email post links -->
  2160.                               <span class='item-action'>
  2161.                                 <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
  2162.                                   <b:include data='{ iconClass: &quot;touch-icon sharing-icon&quot; }' name='emailIcon'/>
  2163.                                 </a>
  2164.                               </span>
  2165.                             </span>
  2166.                           </b:includable>
  2167.                           <b:includable id='facebookShare'>
  2168.                             <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' var='onclick'>
  2169.                               <b:include name='platformShare'/>
  2170.                             </b:with>
  2171.                           </b:includable>
  2172.                           <b:includable id='footerBylines'>
  2173.                             <b:if cond='data:widgets.Blog.first.footerBylines'>
  2174.                               <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
  2175.                                 <b:if cond='not data:region.items.empty'>
  2176.                                   <div expr:class='&quot;post-footer-line post-footer-line-&quot; + (data:i + 1)'>
  2177.                                     <b:with value='&quot;footer-&quot; + (data:i + 1)' var='regionName'>
  2178.                                       <b:include data='region.items' name='bylineRegion'/>
  2179.                                     </b:with>
  2180.                                   </div>
  2181.                                 </b:if>
  2182.                               </b:loop>
  2183.                             </b:if>
  2184.                           </b:includable>
  2185.                           <b:includable id='googlePlusShare'>
  2186.                             <div class='goog-inline-block google-plus-share-container'>
  2187.                               <g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
  2188.                             </div>
  2189.                           </b:includable>
  2190.                           <b:includable id='headerByline'>
  2191.                             <b:if cond='data:widgets.Blog.first.headerByline'>
  2192.                               <div class='post-header'>
  2193.                                 <div class='post-header-line-1'>
  2194.                                   <b:with value='&quot;header-1&quot;' var='regionName'>
  2195.                                     <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
  2196.                                   </b:with>
  2197.                                 </div>
  2198.                               </div>
  2199.                             </b:if>
  2200.                           </b:includable>
  2201.                           <b:includable id='linkShare'>
  2202.                             <b:with value='&quot;window.prompt(\&quot;Copy to clipboard: Ctrl+C, Enter\&quot;, \&quot;&quot; + data:originalUrl + &quot;\&quot;); return false;&quot;' var='onclick'>
  2203.                               <b:include name='platformShare'/>
  2204.                             </b:with>
  2205.                           </b:includable>
  2206.                           <b:includable id='otherSharingButton'>
  2207.                             <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
  2208.                               <b:with value='{key: &quot;sharingOther&quot;}' var='platform'>
  2209.                                 <b:include name='sharingPlatformIcon'/>
  2210.                               </b:with>
  2211.                               <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
  2212.                             </span>
  2213.                           </b:includable>
  2214.                           <b:includable id='platformShare'>
  2215.                             <a expr:class='&quot;goog-inline-block sharing-&quot; + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:onclick='data:onclick ? data:onclick : &quot;&quot;' expr:title='data:platform.shareMessage' target='_blank'>
  2216.                               <span class='share-button-link-text'>
  2217.                                 <data:platform.shareMessage/>
  2218.                               </span>
  2219.                             </a>
  2220.                           </b:includable>
  2221.                           <b:includable id='postAuthor'>
  2222.                             <span class='byline post-author vcard'>
  2223.                               <span class='post-author-label'>
  2224.                                 <data:byline.label/>
  2225.                               </span>
  2226.                               <span class='fn'>
  2227.                                 <b:if cond='data:post.author.profileUrl'>
  2228.                                   <meta expr:content='data:post.author.profileUrl'/>
  2229.                                   <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
  2230.                                     <span><data:post.author.name/></span>
  2231.                                   </a>
  2232.                                   <b:else/>
  2233.                                   <span><data:post.author.name/></span>
  2234.                                 </b:if>
  2235.                               </span>
  2236.                             </span>
  2237.                           </b:includable>
  2238.                           <b:includable id='postCommentsLink'>
  2239.                             <span class='byline post-comment-link container'>
  2240.                               <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  2241.                             </span>
  2242.                           </b:includable>
  2243.                           <b:includable id='postJumpLink' var='post'>
  2244.                             <div class='jump-link flat-button'>
  2245.                               <a expr:href='data:post.url fragment &quot;more&quot;' expr:title='data:post.title'>
  2246.                                 <b:eval expr='data:blog.jumpLinkMessage'/>
  2247.                               </a>
  2248.                             </div>
  2249.                           </b:includable>
  2250.                           <b:includable id='postLabels'>
  2251.                             <span class='byline post-labels'>
  2252.                               <span class='byline-label'><data:byline.label/></span>
  2253.                               <b:loop index='i' values='data:post.labels' var='label'>
  2254.                                 <a expr:href='data:label.url' rel='tag'>
  2255.                                   <data:label.name/>
  2256.                                 </a>
  2257.                               </b:loop>
  2258.                             </span>
  2259.                           </b:includable>
  2260.                           <b:includable id='postLocation'>
  2261.                             <span class='byline post-location'>
  2262.                               <data:byline.label/>
  2263.                               <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  2264.                             </span>
  2265.                           </b:includable>
  2266.                           <b:includable id='postReactions'>
  2267.                             <span class='byline reactions'>
  2268.                               <span class='reactions-label'>
  2269.                                 <data:byline.label/>
  2270.                               </span>
  2271.                               <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
  2272.                             </span>
  2273.                           </b:includable>
  2274.                           <b:includable id='postShareButtons'>
  2275.                             <div class='byline post-share-buttons goog-inline-block'>
  2276.                               <b:with value='data:sharingId ?: ((data:widget.instanceId ?: &quot;sharing&quot;) + &quot;-&quot; + (data:regionName ?: &quot;byline&quot;) + &quot;-&quot; + data:post.id)' var='sharingId'>
  2277.                                 <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
  2278.                                 <b:include data='{                                                sharingId: data:sharingId,                                                originalUrl: data:post.url,                                                platforms: data:this.sharing.platforms,                                                shareUrl: data:post.shareUrl,                                                shareTitle: data:post.title,                                              }' name='sharingButtons'/>
  2279.                               </b:with>
  2280.                             </div>
  2281.                           </b:includable>
  2282.                           <b:includable id='postTimestamp'>
  2283.                             <span class='byline post-timestamp'>
  2284.                               <data:byline.label/>
  2285.                               <b:if cond='data:post.url'>
  2286.                                 <meta expr:content='data:post.url.canonical'/>
  2287.                                 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
  2288.                                   <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
  2289.                                     <data:post.date/>
  2290.                                   </time>
  2291.                                 </a>
  2292.                               </b:if>
  2293.                             </span>
  2294.                           </b:includable>
  2295.                           <b:includable id='sharingButton'>
  2296.                             <span expr:aria-label='data:platform.shareMessage' expr:class='&quot;sharing-platform-button sharing-element-&quot; + data:platform.key' expr:data-href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
  2297.                               <b:include name='sharingPlatformIcon'/>
  2298.                               <span class='platform-sharing-text'><data:platform.name/></span>
  2299.                             </span>
  2300.                           </b:includable>
  2301.                           <b:includable id='sharingButtonContent'>
  2302.                             <div class='flat-icon-button ripple'>
  2303.                               <b:include name='shareIcon'/>
  2304.                             </div>
  2305.                           </b:includable>
  2306.                           <b:includable id='sharingButtons'>
  2307.                             <div class='sharing' expr:aria-owns='&quot;sharing-popup-&quot; + data:sharingId' expr:data-title='data:shareTitle'>
  2308.                               <button class='sharing-button touch-icon-button' expr:aria-controls='&quot;sharing-popup-&quot; + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-button-&quot; + data:sharingId' role='button'>
  2309.                                 <b:include name='sharingButtonContent'/>
  2310.                               </button>
  2311.                               <b:include name='sharingButtonsMenu'/>
  2312.                             </div>
  2313.                           </b:includable>
  2314.                           <b:includable id='sharingButtonsMenu'>
  2315.                             <div class='share-buttons-container'>
  2316.                               <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-popup-&quot; + data:sharingId' role='menu'>
  2317.                                 <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p =&gt; p.key not in {&quot;blogThis&quot;})' var='platform'>
  2318.                                   <li>
  2319.                                     <b:include name='sharingButton'/>
  2320.                                   </li>
  2321.                                 </b:loop>
  2322.                                 <li aria-hidden='true' class='hidden'>
  2323.                                   <b:include name='otherSharingButton'/>
  2324.                                 </li>
  2325.                               </ul>
  2326.                             </div>
  2327.                           </b:includable>
  2328.                           <b:includable id='sharingPlatformIcon'>
  2329.                             <b:include data='{ iconClass: (&quot;touch-icon sharing-&quot; + data:platform.key) }' expr:name='data:platform.key + &quot;Icon&quot;'/>
  2330.                           </b:includable>
  2331.                           <b:includable id='snippetedPostByline'>
  2332.                             <b:with value='(data:widgets first (w =&gt; w.type == &quot;Blog&quot;)).allBylineItems' var='blogBylines'>
  2333.                               <div class='item-byline'>
  2334.                                 <b:with value='data:blogBylines first (i =&gt; i.name == &quot;author&quot;)' var='byline'>
  2335.                                   <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
  2336.                                 </b:with>
  2337.                                 <b:with value='data:blogBylines first (i =&gt; i.name == &quot;timestamp&quot;)' var='byline'>
  2338.                                   <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
  2339.                                 </b:with>
  2340.                               </div>
  2341.                             </b:with>
  2342.                           </b:includable>
  2343.                           <b:includable id='snippetedPostContent'>
  2344.                             <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  2345.                             <b:include name='snippetedPostTitle'/>
  2346.                           </b:includable>
  2347.                           <b:includable id='snippetedPostThumbnail'>
  2348.                             <div class='full-i h-220 relative b-img oh'>
  2349.                               <a class='block' expr:href='data:post.url'>
  2350.                                 <b:include data='{                         image: data:post.featuredImage,                         imageSizes: [141, 198],                         imageRatio: &quot;1:2&quot;,                         sourceSizes: &quot;198px&quot;                        }' name='responsiveImage'/>
  2351.                               </a>
  2352.                               <b:include name='Category'/>
  2353.                               <b:include name='cfs'/>
  2354.                             </div>
  2355.                           </b:includable>
  2356.                           <b:includable id='snippetedPostTitle'>
  2357.                             <b:if cond='data:post.title != &quot;&quot;'>
  2358.                              
  2359.                                 <figcaption><a class='clamp toe oh block fs-15 lh-20 mt8 ck' expr:href='data:post.url'><data:post.title/></a>
  2360.                                <div class='flex aic jcsb yt8m'>
  2361.                                 <b:include name='Status'/>
  2362.                                 <b:include name='postEnclosures'/>
  2363.                                 </div>
  2364.                               <b:include name='ScoreMultiItem'/>
  2365.                               </figcaption>
  2366.                              
  2367.                             </b:if>
  2368.                            
  2369.                           </b:includable>
  2370.                           <b:includable id='snippetedPosts'>
  2371.                             <b:with value='data:posts filter (p =&gt; p.labels none (l =&gt; l.name == &quot;Chapter&quot;))' var='posts'>
  2372.                               <!-- Don't render the post that we're currently already looking at. -->
  2373.                               <b:loop index='i' values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
  2374.                                 <b:with value='data:i + 1' var='num'>
  2375.                                   <figure class='link:hover sac' expr:id='&quot;s&quot; + data:num'>
  2376.                                     <b:include name='snippetedPostContent'/>
  2377.                                   </figure>
  2378.                                 </b:with>
  2379.                               </b:loop>
  2380.                              
  2381.                             </b:with>
  2382.                           </b:includable>
  2383.                         </b:widget>
  2384.                       </b:section>
  2385.                       <main class='mla mra grid gg-20 relative mx-feed mt-sv15'>
  2386.                         <b:class cond='data:view.isMultipleItems and !data:view.isLabelSearch' name='gtc-main'/>
  2387.                         <b:tag class='grid gg-20 gtr-mc min' cond='data:view.isMultipleItems' name='section'>
  2388.                         <b:section class='grid gg-15' cond='data:view.isHomepage' id='feed' showaddelement='true'>
  2389.                           <b:widget id='HTML9' locked='false' title='Project Update' type='HTML' version='2' visible='true'>
  2390.                             <b:widget-settings>
  2391.                               <b:widget-setting name='content'>&lt;div id=&quot;Update&quot; class=&quot;myGridv2&quot;&gt;
  2392.   &lt;script&gt;update.run(&#39;Project&#39;, 150)&lt;/script&gt;
  2393. &lt;/div&gt;</b:widget-setting>
  2394.                             </b:widget-settings>
  2395.                             <b:includable id='main'>
  2396.   <h3 class='title flex aic jcsb'>
  2397.     <span class='flex aic g5'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 2048 1408' width='1.46em' xmlns='http://www.w3.org/2000/svg'><path d='M1024 384H640v384h384V384zm128 640v128H512v-128h640zm0-768v640H512V256h640zm640 768v128h-512v-128h512zm0-256v128h-512V768h512zm0-256v128h-512V512h512zm0-256v128h-512V256h512zM256 1216V256H128v960q0 26 19 45t45 19t45-19t19-45zm1664 0V128H384v1088q0 33-11 64h1483q26 0 45-19t19-45zM2048 0v1216q0 80-56 136t-136 56H192q-80 0-136-56T0 1216V128h256V0h1792z' fill='currentColor'/></svg>
  2398.     <data:title/></span>
  2399.     <a class='bg-main ttu p-3y6x fs-9 r2 c-fff' href='/search/label/Update'>View All</a>
  2400. </h3>
  2401.   <div class='widget-content'>
  2402.     <data:content/>
  2403.   </div>
  2404. </b:includable>
  2405.                           </b:widget>
  2406.                           <b:widget id='HTML13' locked='false' title='Latest Release' type='HTML' version='2' visible='true'>
  2407.                             <b:widget-settings>
  2408.                               <b:widget-setting name='content'>&lt;div id=&quot;myManga&quot; class=&quot;myGridv2&quot;&gt;
  2409.   &lt;script&gt;mangaPost.run(&#39;Project&#39;, 150)&lt;/script&gt;
  2410. &lt;/div&gt;</b:widget-setting>
  2411.                             </b:widget-settings>
  2412.                             <b:includable id='main'>
  2413.   <h3 class='title flex jcsb aic'>
  2414.     <span class='flex aic g5'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g fill='none'><path d='M12.552 8a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4z' fill='currentColor' fill-opacity='.5'/><path d='M12.552 17a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4z' fill='currentColor' fill-opacity='.5'/><path d='M12.552 5a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8z' fill='currentColor' fill-opacity='.8'/><path d='M12.552 14a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8z' fill='currentColor' fill-opacity='.8'/><path d='M3.448 4.002a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-5z' fill='currentColor'/><path d='M3.448 12.998a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-5z' fill='currentColor'/></g></svg>
  2415.       <data:title/></span>
  2416.     <a class='bg-main ttu p-3y6x fs-9 r2 c-fff' href='#'>View All</a>
  2417. </h3>
  2418.   <div class='widget-content'>
  2419.     <data:content/>
  2420.   </div>
  2421. </b:includable>
  2422.                           </b:widget>
  2423.                         </b:section>
  2424.                         <b:section class='grid gg-20 mb-15' id='main' showaddelement='true'>
  2425.                           <b:widget cond='!data:view.isHomepage' id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>
  2426.                             <b:widget-settings>
  2427.                               <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  2428.                               <b:widget-setting name='commentLabel'>Komentar</b:widget-setting>
  2429.                               <b:widget-setting name='style.textcolor'>#f8007c</b:widget-setting>
  2430.                               <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  2431.                               <b:widget-setting name='authorLabel'>Oleh</b:widget-setting>
  2432.                               <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  2433.                               <b:widget-setting name='style.urlcolor'>#243721</b:widget-setting>
  2434.                               <b:widget-setting name='showAuthor'>true</b:widget-setting>
  2435.                               <b:widget-setting name='style.linkcolor'>#7e701f</b:widget-setting>
  2436.                               <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  2437.                               <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  2438.                               <b:widget-setting name='timestampLabel'>Pada</b:widget-setting>
  2439.                               <b:widget-setting name='reactionsLabel'/>
  2440.                               <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  2441.                               <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  2442.                               <b:widget-setting name='showLabels'>true</b:widget-setting>
  2443.                               <b:widget-setting name='showLocation'>false</b:widget-setting>
  2444.                               <b:widget-setting name='postLabelsLabel'>Like</b:widget-setting>
  2445.                               <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  2446.                               <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  2447.                               <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  2448.                               <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  2449.                               <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  2450.                               <b:widget-setting name='showReactions'>false</b:widget-setting>
  2451.                             </b:widget-settings>
  2452.                             <b:includable id='main' var='this'>
  2453.                               <b:class cond='!data:view.isHomepage' name='not-home-mb20'/>
  2454.                               <b:with value='data:widgets.FeaturedPost filter (w =&gt; w.sectionId == &quot;main&quot;) map (w =&gt; w.postId)' var='featuredPostIds'>
  2455.                                 <b:with value='data:view.isHomepage ? data:posts filter (post =&gt; post.id not in data:featuredPostIds): data:posts' var='posts'>
  2456.  
  2457.                                   <b:if cond='data:view.isHomepage'>
  2458.                                     <b:with value='data:posts filter (p =&gt; p.labels none (l =&gt; l.name in [&quot;Chapter&quot;,&quot;Episode&quot;,&quot;Novel&quot;]))' var='posts'>  
  2459.                                       <b:tag class='r2 s1 bc-fff' name='section'>
  2460.                                         <b:include name='dataMessages'/>
  2461.                                         <b:tag class='grid gg-20 hfeed p-13' name='div'>
  2462.                                           <b:loop index='i' values='data:posts' var='post'>
  2463.  
  2464.                                             <b:include data='post' name='Series'/>
  2465.  
  2466.                                           </b:loop>
  2467.                                         </b:tag>
  2468.                                       </b:tag>
  2469.                                     </b:with>
  2470.                                   </b:if>
  2471.                                   <b:if cond='data:view.isSingleItem'>
  2472.                                     <b:loop index='i' values='data:posts' var='post'>
  2473.                                       <b:if cond='data:post.labels any (l =&gt; l.name == &quot;Chapter&quot;)'>
  2474.                                         <b:include data='post' name='postChapter'/>
  2475.                                         <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Novel&quot;)'/>
  2476.                                         <b:include data='post' name='postNovel'/>
  2477.                                         <b:else/>
  2478.                                         <b:include data='post' name='postCommentsAndAd'/>
  2479.                                       </b:if>
  2480.                                     </b:loop>
  2481.                                   </b:if>
  2482.                                   <b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
  2483.                                     <b:with value='data:posts filter (p =&gt; p.labels none (l =&gt; l.name in [&quot;Chapter&quot;,&quot;Novel&quot;]))' var='posts'>
  2484.                                       <b:include name='viewAll'/>
  2485.                                     </b:with>
  2486.                                   </b:if>
  2487.                                 </b:with>
  2488.                               </b:with>
  2489.                               <b:if cond='data:view.isLabelSearch'>
  2490.                                 <section class='r2 s1 bc-fff mt-24'>
  2491.                                   <b:include name='dataMessages'/>
  2492.                                   <div class='grid gtc-f141a gg-20 p-13'>
  2493.                                     <b:loop index='i' values='data:posts' var='post'>
  2494.                                       <b:include cond='data:post.labels any ( l =&gt; l.name in [&quot;Series&quot;,&quot;Chapter&quot;] )' name='Series'/>
  2495.                                     </b:loop>
  2496.                                   </div>
  2497.                                   <b:include name='postPagination'/>
  2498.                                 </section>
  2499.                               </b:if>
  2500.                             </b:includable>
  2501.                             <b:includable id='Disqus' var='post'>
  2502.                              <div class='bc-fff r2 s1 a4'>
  2503. <h2 class='c-theme m-0 bb-1pxsf y9x19p fs-15 flex aic'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 48 48' width='1em' xmlns='http://www.w3.org/2000/svg'><mask id='svgIDa'><g fill='none' stroke='#fff' stroke-linecap='round' stroke-width='4'><path d='M33 38H22v-8h14v-8h8v16h-5l-3 3l-3-3Z' stroke-linejoin='round'/><path d='M4 6h32v24H17l-4 4l-4-4H4V6Z' fill='#555' stroke-linejoin='round'/><path d='M12 22h6m-6-8h12'/></g></mask><path d='M0 0h48v48H0z' fill='currentColor' mask='url(#svgIDa)'/></svg>Komentar</h2>
  2504.           <script>
  2505.           let disqus_config = () =&gt; {
  2506.           this.page.url = &#39;<data:post.url.canonical/>&#39;;
  2507.           this.page.identifier = &#39;<data:post.id/>&#39;;
  2508.           }
  2509.           const disqusLaz = (e) =&gt; {
  2510.           if (!e.classList.contains(&#39;loaded&#39;)) {
  2511.           let script = document.createElement(&#39;script&#39;);
  2512.           script.src = &#39;//scanslation.disqus.com/embed.js&#39;;
  2513.           document.body.appendChild(script);
  2514.           e.classList.add(&#39;loaded&#39;);
  2515.           }
  2516.           }
  2517.         </script>
  2518.         <div id='disqus_thread'>
  2519.           <div class='flex jcc'>
  2520.             <div id='buttonDisqs' onclick='disqusLaz(this)' role='button'>Show Comments</div>
  2521.           </div>
  2522.         </div>
  2523.  
  2524. </div>
  2525.         </b:includable>
  2526.                             <b:includable id='Series'>  
  2527.                               <div>
  2528.                                 <div class='b-img full-i i-mage oh relative'>
  2529.                                   <a class='block pt-140p' expr:href='data:post.url'>
  2530.                                     <b:include data='{                         image: data:post.featuredImage,                         imageSizes: [141, 198],                         imageRatio: &quot;1:2&quot;,                         sourceSizes: &quot;198px&quot;                        }' name='responsiveImage'/>
  2531.                                   </a>
  2532.                                   <b:include name='Category'/>
  2533.                                   <b:include name='cfs'/>
  2534.                                 </div>    
  2535.                                 <a class='clamp toe oh block fs-15 lh-20 mt8 ck fw-600' expr:href='data:post.url'><data:post.title/></a>
  2536.                                 <div class='flex aic jcsb yt8m'>
  2537.                                 <b:include name='Status'/>
  2538.                                 <b:include name='postEnclosures'/>
  2539.                                 </div>
  2540.                                 <b:include name='ScoreMultiItem'/>
  2541.                               </div>
  2542.                             </b:includable>
  2543.                             <b:includable id='aboutPostAuthor'>
  2544.                               <div class='author-name'>
  2545.                                 <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
  2546.                                   <span>
  2547.                                     <data:post.author.name/>
  2548.                                   </span>
  2549.                                 </a>
  2550.                               </div>
  2551.                               <div>
  2552.                                 <span class='author-desc'>
  2553.                                   <data:post.author.aboutMe/>
  2554.                                 </span>
  2555.                               </div>
  2556.                             </b:includable>
  2557.                             <b:includable id='addComments'>
  2558.                               <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  2559.                                 <b:message name='messages.postAComment'/>
  2560.                               </a>
  2561.                             </b:includable>
  2562.                             <b:includable id='blogThisShare'>
  2563.                               <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' var='onclick'>
  2564.                                 <b:include name='platformShare'/>
  2565.                               </b:with>
  2566.                             </b:includable>
  2567.                             <b:includable id='breadCrumb' var='post'>
  2568.                               <div class='bc-fff r2 oh s1 p-y10x15 fs-14'>
  2569.                                 <ol class='lsn m-0 pl-0 m-y0x4-li fw-600 fs-13' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
  2570.                                   <li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
  2571.                                     <a expr:href='data:blog.homepageUrl' itemprop='item'><span itemprop='name'><data:blog.title/></span></a>
  2572.                                     <meta content='1' itemprop='position'/>
  2573.                                   </li>
  2574.                                   &#8250;
  2575.                                   <li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
  2576.                                     <a expr:href='data:post.url' itemprop='item'><span itemprop='name'><data:post.title/></span></a>
  2577.                                     <meta content='2' itemprop='position'/>
  2578.                                   </li>
  2579.                                 </ol>
  2580.                               </div>
  2581.                 </b:includable>
  2582.                             <b:includable id='bylineByName' var='byline'>
  2583.                               <b:switch var='data:byline.name'>
  2584.                                 <b:case value='share'/>
  2585.                                 <b:include cond='data:post.shareUrl' name='postShareButtons'/>
  2586.                                 <b:case value='comments'/>
  2587.                                 <b:include cond='data:post.allowComments' name='postCommentsLink'/>
  2588.                                 <b:case value='location'/>
  2589.                                 <b:include cond='data:post.location' name='postLocation'/>
  2590.                                 <b:case value='timestamp'/>
  2591.                                 <b:include cond='not data:view.isPage' name='postTimestamp'/>
  2592.                                 <b:case value='author'/>
  2593.                                 <b:include name='postAuthor'/>
  2594.                                 <b:case value='labels'/>
  2595.                                 <b:include cond='data:post.labels' name='postLabels'/>
  2596.                                 <b:case value='icons'/>
  2597.                                 <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
  2598.                                 <b:case value='reactions'/>
  2599.                                 <b:include cond='data:post.reactionsUrl' name='postReactions'/>
  2600.                               </b:switch>
  2601.                             </b:includable>
  2602.                             <b:includable id='bylineRegion' var='regionItems'>
  2603.                               <b:loop values='data:regionItems' var='byline'>
  2604.                                 <b:include data='byline' name='bylineByName'/>
  2605.                               </b:loop>
  2606.                             </b:includable>
  2607.                             <b:includable id='chapNextPrev'>
  2608.                                 <b:loop values='data:post.labels' var='label'>
  2609.                                   <b:if cond='data:label.name not in [&quot;Chapter&quot;, &quot;Project&quot;]'>
  2610.                                     <div id='nPL'>
  2611.                                       <script>nPL.run(&#39;<data:label.name/>&#39;)</script>
  2612.                                     </div>
  2613.                                   </b:if>
  2614.                                 </b:loop>
  2615.                             </b:includable>
  2616.                             <b:includable id='chapNextPrev-bottom'>
  2617.                                 <b:loop values='data:post.labels' var='label'>
  2618.                                   <b:if cond='data:label.name not in [&quot;Chapter&quot;, &quot;Project&quot;]'>
  2619.                                     <div class='flex aic jcsb mt-15' id='nPL2'>
  2620.                                       <script>nPL2.run(&#39;<data:label.name/>&#39;)</script>
  2621.                                     </div>
  2622.                                   </b:if>
  2623.                                 </b:loop>
  2624.                             </b:includable>
  2625.                             <b:includable id='chapterTags'>
  2626.                             <div class='chaptertags mb-15 bc-22 r2 fs-13'>
  2627. <b:with value='[&quot;Chapter&quot;,&quot;Project&quot;]' var='chf'>
  2628.                               <p class='p-y10x15'>Tags: baca manga <b:loop index='i' values='data:post.labels' var='label'><b:if cond='data:label.name not in data:chf'><data:label.name/></b:if></b:loop> <data:post.title/> bahasa Indonesia, komik <b:loop index='i' values='data:post.labels' var='label'><b:if cond='data:label.name not in data:chf'><data:label.name/></b:if></b:loop> <data:post.title/> bahasa komik Indonesia, baca <data:post.title/> online, <data:post.title/> baru komiku, <b:loop index='i' values='data:post.labels' var='label'><b:if cond='data:label.name not in data:chf'><data:label.name/></b:if></b:loop> <data:post.title/> chapter, high quality sub indo, <b:loop index='i' values='data:post.labels' var='label'><b:if cond='data:label.name not in data:chf'><data:label.name/></b:if></b:loop> manga scan terbaru, manhwa web, <time expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'><data:post.date/></time>, <span><data:post.author.name/></span></p>
  2629.                               </b:with>
  2630. </div>
  2631.                             </b:includable>
  2632.                             <b:includable id='commentAuthorAvatar'>
  2633.                               <div class='avatar-image-container'>
  2634.                                 <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
  2635.                               </div>
  2636.                             </b:includable>
  2637.                             <b:includable id='commentDeleteIcon' var='comment'>
  2638.                               <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2639.                                 <b:if cond='data:showCmtPopup'>
  2640.                                   <div class='goog-toggle-button'>
  2641.                                     <div class='goog-inline-block comment-action-icon'/>
  2642.                                   </div>
  2643.                                   <b:else/>
  2644.                                   <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
  2645.                                     <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  2646.                                   </a>
  2647.                                 </b:if>
  2648.                               </span>
  2649.                             </b:includable>
  2650.                             <b:includable id='commentForm' var='post'>
  2651.                               <div class='comment-form'>
  2652.                                 <a name='comment-form'/>
  2653.                                 <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  2654.                                   <p class='alr royal p-15 ml-20 mr-20'><data:this.messages.blogComment/></p>
  2655.                                 </b:if>
  2656.                                 <b:include data='post' name='commentFormIframeSrc'/>
  2657.                                 <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2658.                                 <data:post.cmtfpIframe/>
  2659.                                 <script type='text/javascript'>
  2660.                                   BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  2661.                                 </script>
  2662.                               </div>
  2663.                             </b:includable>
  2664.                             <b:includable id='commentFormIframeSrc' var='post'>
  2665.                               <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2666.                             </b:includable>
  2667.                             <b:includable id='commentItem' var='comment'>
  2668.                               <div class='comment' expr:id='&quot;c&quot; + data:comment.id'>
  2669.                                 <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
  2670.  
  2671.                                 <div class='comment-block'>
  2672.                                   <div class='comment-author'>
  2673.                                     <b:if cond='data:comment.authorUrl'>
  2674.                                       <b:message name='messages.authorSaidWithLink'>
  2675.                                         <b:param expr:value='data:comment.author' name='authorName'/>
  2676.                                         <b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
  2677.                                       </b:message>
  2678.                                       <b:else/>
  2679.                                       <b:message name='messages.authorSaid'>
  2680.                                         <b:param expr:value='data:comment.author' name='authorName'/>
  2681.                                       </b:message>
  2682.                                     </b:if>
  2683.                                   </div>
  2684.                                   <div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
  2685.                                     <data:comment.body/>
  2686.                                   </div>
  2687.                                   <div class='comment-footer'>
  2688.                                     <span class='comment-timestamp'>
  2689.                                       <a expr:href='data:comment.url' title='comment permalink'>
  2690.                                         <data:comment.timestamp/>
  2691.                                       </a>
  2692.                                       <b:include data='comment' name='commentDeleteIcon'/>
  2693.                                     </span>
  2694.                                   </div>
  2695.                                 </div>
  2696.                               </div>
  2697.                             </b:includable>
  2698.                             <b:includable id='commentList' var='comments'>
  2699.                               <div id='comments-block'>
  2700.                                 <b:loop values='data:comments' var='comment'>
  2701.                                   <b:include data='comment' name='commentItem'/>
  2702.                                 </b:loop>
  2703.                               </div>
  2704.                             </b:includable>
  2705.                             <b:includable id='commentPicker' var='post'>
  2706.                               <b:if cond='data:post.showThreadedComments'>
  2707.                                 <b:include data='post' name='threadedComments'/>
  2708.                                 <b:else/>
  2709.                                 <b:include data='post' name='threadedComments'/>
  2710.                               </b:if>
  2711.                             </b:includable>
  2712.                             <b:includable id='commentblock' var='cb'>
  2713.                   <div class='avatar-image-container'>
  2714.                     <div>
  2715.                       <b:if cond='data:cb.level.authorAvatarSrc != &quot;//resources.blogblog.com/img/blank.gif&quot;'>
  2716.                         <img class='post-thumb lazy' expr:alt='data:cb.level.author' expr:data-src='resizeImage(data:cb.level.authorAvatarSrc, 100, &quot;1:1&quot;)' expr:title='data:cb.level.author' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  2717.                       </b:if>
  2718.                     </div>
  2719.                   </div>
  2720.                  
  2721.                   <div class='comment-block' itemscope='itemscope' itemtype='https://schema.org/Comment'>
  2722.                     <div class='comment-header'>
  2723.                       <b:if cond='data:cb.level.author != &quot;Anonymous&quot;'>
  2724.                         <span class='user' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
  2725.                           <span itemprop='name'><data:cb.level.author/></span>                          
  2726.                           <b:if cond='data:post.author.name == data:cb.level.author'>
  2727.                             <svg class='icon blog-author' viewBox='0 0 24 24'><path d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z'/></svg>
  2728.                           </b:if>
  2729.                         </span>
  2730.                       </b:if>
  2731.                       <span class='datetime secondary-text' itemprop='datePublished'>
  2732.                         <a expr:href='&quot;#c&quot; + data:cb.level.id' itemprop='url'>
  2733.                           <data:cb.level.timestamp/>
  2734.                         </a>
  2735.                       </span>
  2736.                     </div>
  2737.  
  2738.                      <div class='comment-content' itemprop='text'>
  2739.                        <!--<b:if cond='data:cb.level.authorUrl != data:post.author.profileUrl'>-->
  2740.                          <b:eval expr='data:cb.level.body snippet { links: false }'/>
  2741.                          <!--<b:else/>
  2742.                          <data:cb.level.body/>
  2743.                        </b:if>-->
  2744.                     </div>
  2745.                    
  2746.                   </div>
  2747.                  
  2748.                   <!--<b:if cond='data:cb.d and data:commentL2.size != &quot;2&quot;'>
  2749.                     <div class='comment-actions secondary-text'>
  2750.                       <a class='comment-reply reply-to' expr:data-comment-id='data:commentLevel1.id' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'>Balas</a>
  2751.                       <span expr:class='&quot;item-control &quot; + data:cb.level.adminClass'>
  2752.                         <a expr:href='data:cb.level.deleteUrl' expr:title='data:messages.deleteComment' rel='noopener external nofollow' target='_self'>Hapus</a>
  2753.                       </span>
  2754.                     </div>
  2755.                   </b:if>-->
  2756.                 </b:includable>
  2757.                             <b:includable id='comments' var='post'>
  2758.                               <section expr:class='&quot;bc-fff r2 s1 a4 oh comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  2759.                                 <b:include name='commentsTitle'/>
  2760.                                 <a name='comments'/>
  2761.                                 <b:if cond='data:post.allowComments'>
  2762.                                   <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  2763.                                     <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
  2764.                                   </div>
  2765.  
  2766.                                   <b:if cond='data:post.commentPagingRequired'>
  2767.                                     <div class='paging-control-container'>
  2768.                                       <b:if cond='data:post.hasOlderLinks'>
  2769.                                         <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2770.                                           <data:messages.oldest/>
  2771.                                         </a>
  2772.                                         <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2773.                                           <data:messages.older/>
  2774.                                         </a>
  2775.                                       </b:if>
  2776.  
  2777.                                       <span class='comment-range-text'>
  2778.                                         <data:post.commentRangeText/>
  2779.                                       </span>
  2780.  
  2781.                                       <b:if cond='data:post.hasNewerLinks'>
  2782.                                         <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2783.                                           <data:messages.newer/>
  2784.                                         </a>
  2785.                                         <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2786.                                           <data:messages.newest/>
  2787.                                         </a>
  2788.                                       </b:if>
  2789.                                     </div>
  2790.                                   </b:if>
  2791.  
  2792.                                   <div class='footer'>
  2793.                                     <b:if cond='data:post.embedCommentForm'>
  2794.                                       <b:if cond='data:post.allowNewComments'>
  2795.                                         <b:include data='post' name='commentForm'/>
  2796.                                         <b:else/>
  2797.                                         <data:post.noNewCommentsText/>
  2798.                                       </b:if>
  2799.                                       <b:else/>
  2800.                                       <b:if cond='data:post.allowComments'>
  2801.                                         <b:include data='post' name='addComments'/>
  2802.                                       </b:if>
  2803.                                     </b:if>
  2804.                                     <b:if cond='data:post.showManageComments'>
  2805.                                       <b:include data='post' name='manageComments'/>
  2806.                                     </b:if>
  2807.                                   </div>
  2808.                                 </b:if>
  2809.                                 <b:if cond='data:showCmtPopup'>
  2810.                                   <div id='comment-popup'>
  2811.                                     <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2812.                                     </iframe>
  2813.                                   </div>
  2814.                                 </b:if>
  2815.                               </section>
  2816.                             </b:includable>
  2817.                             <b:includable id='commentsLink'>
  2818.                               <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  2819.                                 <b:if cond='data:post.numberOfComments &gt; 0'>
  2820.                                   <b:message name='messages.numberOfComments'>
  2821.                                     <b:param expr:value='data:post.numberOfComments' name='numComments'/>
  2822.                                   </b:message>
  2823.                                   <b:else/>
  2824.                                   <data:messages.postAComment/>
  2825.                                 </b:if>
  2826.                               </a>
  2827.                             </b:includable>
  2828.                             <b:includable id='commentsLinkIframe'>
  2829.                               <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
  2830.                             </b:includable>
  2831.                             <b:includable id='commentsTitle'>
  2832.                               <div class='flex jcsb aic bb-1pxsf y9x19p'>
  2833.                               <h2 class='c-theme m-0 fs-15 flex aic'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M20 17.17V4H4v12h14.83L20 17.17zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z' fill='currentColor' opacity='.3'/><path d='M4 18h14l4 4l-.01-18c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2zM4 4h16v13.17L18.83 16H4V4zm2 8h12v2H6zm0-3h12v2H6zm0-3h12v2H6z' fill='currentColor'/></svg><data:messages.comments/> (<data:post.numberOfComments/>)</h2>
  2834.                                 <label aria-label='' class='s' data-new='Newest' data-text='Oldest' for='forAllCm'/>
  2835.                               </div>
  2836.                             </b:includable>
  2837.                             <b:includable id='dataChapterTitle'>
  2838.                               <div class='flex aic jcsb bb-1pxsf y9x19p'>
  2839.                                 <h3 class='m-0 c-theme'>
  2840.                                   <b:if cond='data:view.isHomepage'><data:messages.latestPosts/></b:if>
  2841.                                   <b:if cond='data:view.search.query'><data:messages.search/>: <b><data:view.search.query/></b></b:if>
  2842.                                   <b:if cond='data:view.search.label'>Daftar Chapter Manga <b><data:blog.pageName/></b></b:if>
  2843.                                   <b:if cond='data:view.isArchive'><data:messages.blogArchive/>: <b><data:blog.pageName/></b></b:if>
  2844.                                   <b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><data:messages.posts/></b:if>
  2845.                                 </h3>
  2846.                               </div>
  2847.                             </b:includable>
  2848.                             <b:includable id='dataMessages'>
  2849.                               <div class='flex aic jcsb bb-1pxsf y9x19p yb10m'>
  2850.                                   <h3 class='m-0 c-theme'><b:if cond='data:view.isHomepage'><data:messages.latestPosts/></b:if>
  2851.                                     <b:if cond='data:view.search.query'><data:messages.search/>: <b><data:view.search.query/></b></b:if>
  2852.                                     <b:if cond='data:view.search.label'>Rekomendasi Komik <b><data:blog.pageName/></b> Terbaik</b:if>
  2853.                                     <b:if cond='data:view.isArchive'>Arsip Komik Tanggal: <b><data:blog.pageName/></b></b:if>
  2854.                                     <b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><data:messages.posts/></b:if></h3>
  2855.                                   <svg class='feather feather-filter' fill='none' height='24' id='toggle' stroke='var(--primary-color)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>
  2856.                                 </div>
  2857.                                 <div class='p-20 bc-e8' id='content'>
  2858.                                   <dl>
  2859.                                     <dt class='pb-15 fs-15 fw-600'>Status</dt>
  2860.                                     <div class='flex fs-13 fdc'>
  2861.                                       <dd class='md-ml-0'><a expr:href='data:blog.homepageUrl + &quot;search/label/Ongoing?&amp;max-results=20&quot;'>Ongoing</a></dd>
  2862.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Completed?&amp;max-results=20&quot;'>Completed</a></dd>
  2863.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Cancelled?&amp;max-results=20&quot;'>Cancelled</a></dd>
  2864.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Hiatus?&amp;max-results=20&quot;'>Hiatus</a></dd>
  2865.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Dropped?&amp;max-results=20&quot;'>Dropped</a></dd>
  2866.                                     </div>
  2867.                                   </dl>
  2868.                                   <dl>
  2869.                                     <dt class='pb-15 fs-15 fw-600'>Format</dt>
  2870.                                     <div class='flex fs-13 fdc'>
  2871.                                       <dd class='md-ml-0'><a expr:href='data:blog.homepageUrl + &quot;search/label/Manga?&amp;max-results=20&quot;'>Manga</a></dd>
  2872.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Manhua?&amp;max-results=20&quot;'>Manhua</a></dd>
  2873.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Manhwa?&amp;max-results=20&quot;'>Manhwa</a></dd>
  2874.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Web Novel (JP)?&amp;max-results=20&quot;'>Web Novel (JP)</a></dd>
  2875.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Web Novel (KR)?&amp;max-results=20&quot;'>Web Novel (KR)</a></dd>
  2876.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Web Novel (CN)?&amp;max-results=20&quot;'>Web Novel (CN)</a></dd>
  2877.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Doujinshi?&amp;max-results=20&quot;'>Doujinshi</a></dd>
  2878.                                     </div>
  2879.                                   </dl>
  2880.  
  2881.                                 </div>
  2882.                             </b:includable>
  2883.                             <b:includable id='defaultAdUnit'>
  2884.                               <ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: &quot;display: block;&quot;'/>
  2885.                               <script>
  2886.                                 (adsbygoogle = window.adsbygoogle || []).push({});
  2887.                               </script>
  2888.                             </b:includable>
  2889.                             <b:includable id='dlBox'>
  2890.                               <b:if cond='data:view.isPost'>
  2891.                                 <b:include name='select_chapter'/>
  2892.                               </b:if>
  2893.                              <b:comment>
  2894.                                <div id='cl'/>
  2895.                                <div id='there'/>
  2896.                               </b:comment>
  2897.                             </b:includable>
  2898.                             <b:includable id='emailPostIcon'>
  2899.                               <span class='byline post-icons'>
  2900.                                 <!-- email post links -->
  2901.                                 <span class='item-action'>
  2902.                                   <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
  2903.                                     <b:include data='{ iconClass: &quot;touch-icon sharing-icon&quot; }' name='emailIcon'/>
  2904.                                   </a>
  2905.                                 </span>
  2906.                               </span>
  2907.                             </b:includable>
  2908.                             <b:includable id='facebookShare'>
  2909.                               <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' var='onclick'>
  2910.                                 <b:include name='platformShare'/>
  2911.                               </b:with>
  2912.                             </b:includable>
  2913.                             <b:includable id='feedHome'>
  2914.                               <div class='gtc-101 gg-10 grid'>
  2915.                                 <a class='block relative' expr:href='data:post.link ?: data:post.url'>
  2916.                                   <b:if cond='data:post.featuredImage'>
  2917.                                     <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 200, &quot;1:2&quot;) : data:post.thumbnail' var='image'>
  2918.                                       <img class='h-135 full block ofc oh' expr:alt='data:post.title' expr:src='data:image'/>
  2919.                                     </b:with>
  2920.                                     <b:else/>
  2921.                                     <img class='h-200 full ofc' expr:alt='data:post.title' src='https://1.bp.blogspot.com/-h2nZWROnFpg/X4P2w57lrKI/AAAAAAAAGZo/OVOgTRFPsS420HyhTIAcKXQAm1YjlX-7gCLcBGAsYHQ/s300/default-placeholder-image-300x300.png'/>
  2922.                                   </b:if>
  2923.                                   <b:include name='Category'/>
  2924.  
  2925.                                 </a>
  2926.  
  2927.                                 <div>
  2928.                                   <a class='clamp toe oh block fs-15 lh-20 mb-6 ck' expr:href='data:post.url'>
  2929.  
  2930.                                     <b:if cond='data:post.labels any (l =&gt; l.name == &quot;Hot&quot;)'>
  2931.                                       <span class='hot'/>
  2932.                                     </b:if>
  2933.                                     <b:if cond='data:post.labels any (l =&gt; l.name == &quot;New&quot;)'>
  2934.                                       <span class='new'/>
  2935.                                     </b:if>
  2936.                                     <data:post.title/></a>
  2937.                                   <div class='flex jcsb c-666 fs-13 bt-2sf'>
  2938.  
  2939.                                     <b:loop values='data:post.labels' var='label'>
  2940.                                       <b:if cond='data:label.name not in data:Status and data:label.name not in data:Score and data:label.name not in data:Other and data:label.name not in data:Other and data:label.name not in data:Genre and data:label.name not in data:Genre2 and data:label.name not in data:Alphabet and data:label.name not in data:Format and data:label.name not in data:Demographic and data:label.name not in data:Content'>
  2941.  
  2942.  
  2943.                                         <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?orderby=published&amp;alt=json-in-script&amp;start-index=2&amp;callback=rcentbytag&quot;'/>
  2944.  
  2945.                                       </b:if>
  2946.                                     </b:loop>
  2947.                                   </div>
  2948.  
  2949.                                 </div>
  2950.                               </div>
  2951.                             </b:includable>
  2952.                             <b:includable id='feedLinks'>
  2953.                               <b:if cond='!data:view.isPost'> <!-- Blog feed links -->
  2954.                                 <b:if cond='data:feedLinks'>
  2955.                                   <div class='blog-feeds'>
  2956.                                     <b:include data='feedLinks' name='feedLinksBody'/>
  2957.                                   </div>
  2958.                                 </b:if>
  2959.                                 <b:else/> <!--Post feed links -->
  2960.                                 <div class='post-feeds'>
  2961.                                   <b:loop values='data:posts' var='post'>
  2962.                                     <b:if cond='data:post.allowComments and data:post.feedLinks'>
  2963.                                       <b:include data='post.feedLinks' name='feedLinksBody'/>
  2964.                                     </b:if>
  2965.                                   </b:loop>
  2966.                                 </div>
  2967.                               </b:if>
  2968.                             </b:includable>
  2969.                             <b:includable id='feedLinksBody' var='links'>
  2970.                               <div class='feed-links'>
  2971.                                 <data:messages.subscribeTo/>
  2972.                                 <b:loop values='data:links' var='f'>
  2973.                                   <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  2974.                                 </b:loop>
  2975.                               </div>
  2976.                             </b:includable>
  2977.                             <b:includable id='figure'>
  2978.                               <figure class='grid min gg-10 mb-15'>
  2979.                                 <a class='md-auto' expr:href='data:post.link ?: data:post.url'>
  2980.                                   <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, &quot;1:2&quot;) : data:post.thumbnail' var='image'>
  2981.                                     <img class='full r2 md-w120' expr:alt='data:post.title' expr:src='data:image'/>
  2982.                                   </b:with>
  2983.                                 </a>
  2984.  
  2985.                               </figure>
  2986.                             </b:includable>
  2987.                             <b:includable id='footerBylines'>
  2988.                               <b:if cond='data:widgets.Blog.first.footerBylines'>
  2989.                                 <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
  2990.                                   <b:if cond='not data:region.items.empty'>
  2991.                                     <div expr:class='&quot;post-footer-line post-footer-line-&quot; + (data:i + 1)'>
  2992.                                       <b:with value='&quot;footer-&quot; + (data:i + 1)' var='regionName'>
  2993.                                         <b:include data='region.items' name='bylineRegion'/>
  2994.                                       </b:with>
  2995.                                     </div>
  2996.                                   </b:if>
  2997.                                 </b:loop>
  2998.                               </b:if>
  2999.                             </b:includable>
  3000.                             <b:includable id='googlePlusShare'>
  3001.                               <div class='goog-inline-block google-plus-share-container'>
  3002.                                 <g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
  3003.                               </div>
  3004.                             </b:includable>
  3005.                             <b:includable id='headerByline'>
  3006.                               <b:if cond='data:widgets.Blog.first.headerByline'>
  3007.                                 <div class='post-header'>
  3008.                                   <div class='post-header-line-1'>
  3009.                                     <b:with value='&quot;header-1&quot;' var='regionName'>
  3010.                                       <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
  3011.                                     </b:with>
  3012.                                   </div>
  3013.                                 </div>
  3014.                               </b:if>
  3015.                             </b:includable>
  3016.                             <b:includable id='homePageLink'>
  3017.                               <a class='home-link' expr:href='data:blog.homepageUrl'>
  3018.                                 <data:messages.home/>
  3019.                               </a>
  3020.                             </b:includable>
  3021.                             <b:includable id='iframeComments' var='post'>
  3022.                               <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
  3023.                             </b:includable>
  3024.                             <b:includable id='inlineAd' var='post'>
  3025.                               <b:if cond='!data:view.isPreview'>
  3026.                                 <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
  3027.                                   <!-- Ad -->
  3028.                                   <div class='inline-ad'>
  3029.                                     <b:if cond='data:this.adCode != &quot;&quot;'>
  3030.                                       <data:this.adCode/>
  3031.                                       <b:else/>
  3032.                                       <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
  3033.                                     </b:if>
  3034.                                   </div>
  3035.                                 </b:if>
  3036.                                 <b:else/>
  3037.                                 <div class='inline-ad'>
  3038.                                   <div class='inline-ad-placeholder'>
  3039.                                     <span><b:message name='messages.adsGoHere'/></span>
  3040.                                   </div>
  3041.                                 </div>
  3042.                               </b:if>
  3043.                             </b:includable>
  3044.                             <b:includable id='linkShare'>
  3045.                               <b:with value='&quot;window.prompt(\&quot;Copy to clipboard: Ctrl+C, Enter\&quot;, \&quot;&quot; + data:originalUrl + &quot;\&quot;); return false;&quot;' var='onclick'>
  3046.                                 <b:include name='platformShare'/>
  3047.                               </b:with>
  3048.                             </b:includable>
  3049.                             <b:includable id='manageComments'>
  3050.                               <a expr:href='data:post.manageCommentsUrl' expr:onclick='data:post.manageCommentsUrlOnclick'>
  3051.                                 <b:message name='messages.manageComments'/>
  3052.                               </a>
  3053.                             </b:includable>
  3054.                             <b:includable id='nextPageLink'>
  3055.                               <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:messages.olderPosts'>
  3056.                                 <data:messages.olderPosts/>
  3057.                               </a>
  3058.                             </b:includable>
  3059.                             <b:includable id='otherSharingButton'>
  3060.                               <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
  3061.                                 <b:with value='{key: &quot;sharingOther&quot;}' var='platform'>
  3062.                                   <b:include name='sharingPlatformIcon'/>
  3063.                                 </b:with>
  3064.                                 <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
  3065.                               </span>
  3066.                             </b:includable>
  3067.                             <b:includable id='page'>
  3068.                               <div class='bc-fff max-w mb-15 mla mra r2 s1 mt-24 full'>
  3069.                                 <h1 class='c-theme m-0 bb-1pxsf y9x19p fs-20 flex jcsb'><data:post.title/>
  3070.                                   <b:if cond='data:view.url == data:blog.homepageUrl path &quot;/p/bookmark.html&quot;'>
  3071.                                 <div class='clearAll flex aic'>Clear All</div>
  3072.                                 </b:if>
  3073.                                 </h1>
  3074.                                 <div class='bc-fff s1 r2 p-13'>
  3075.                                 <data:post.body/>
  3076.                                 </div>
  3077.                               </div>
  3078.                               </b:includable>
  3079.                             <b:includable id='platformShare'>
  3080.                               <a expr:class='&quot;goog-inline-block sharing-&quot; + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:onclick='data:onclick ? data:onclick : &quot;&quot;' expr:title='data:platform.shareMessage' target='_blank'>
  3081.                                 <span class='share-button-link-text'>
  3082.                                   <data:platform.shareMessage/>
  3083.                                 </span>
  3084.                               </a>
  3085.                             </b:includable>
  3086.                             <b:includable id='post' var='post'>
  3087.                               <script>histories.addHistory(&quot;<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;);</script>
  3088.                               <b:if cond='data:view.isPost'>
  3089.                                 <b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>
  3090.                                   <b:include data='{                                  image: data:widgets.Blog.first.posts.first.featuredImage,                                  selector: &quot;.hero-background&quot;                                }' name='responsiveImageStyle'/>
  3091.                                   <div class='bg-photo-container' id='myhero'>
  3092.                                     <div class='hero-background'/>
  3093.                                   </div>
  3094.                                 </b:if>
  3095.                               </b:if>
  3096.                               <div class='grid gtc-235fr max-w mra mla mtn150 relative gg-15'>
  3097.                                 <div class='a1'>
  3098.                                   <b:include name='figure'/>
  3099.                                   <div class='hartomy-bookmark-btn bg-main bookmark' data-quantity='1' expr:data-borkimage='resizeImage(data:post.featuredImage, 400, &quot;16:9&quot;)' expr:data-id='data:post.id' expr:data-link='data:post.url' expr:data-title='data:post.title'>Bookmark <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 16 16' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M1 3.25C1 2.56 1.56 2 2.249 2h.5c.69 0 1.248.56 1.248 1.25v9.495c0 .69-.559 1.25-1.248 1.25h-.5A1.25 1.25 0 0 1 1 12.744V3.249ZM2.249 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm2.748.25c0-.69.559-1.25 1.249-1.25h.5c.689 0 1.248.56 1.248 1.25v9.495c0 .69-.56 1.25-1.249 1.25h-.5a1.25 1.25 0 0 1-1.248-1.25V3.249ZM6.246 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .249-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm5.726 1.777a1.249 1.249 0 0 0-1.57-.713l-.583.204a1.25 1.25 0 0 0-.746 1.645l2.937 7.304c.249.62.94.933 1.571.713l.582-.204a1.25 1.25 0 0 0 .746-1.646l-2.937-7.303Zm-1.24.23a.25.25 0 0 1 .313.143l2.937 7.303a.25.25 0 0 1-.149.33l-.582.203a.25.25 0 0 1-.314-.142L10 5.54a.25.25 0 0 1 .149-.329l.582-.204Z' fill='currentColor'/></svg></div>
  3100.  
  3101.                                   <b:include name='ScoreMultiItem'/>
  3102.                                   <b:if cond='data:post.numberOfComments gt &quot;0&quot;'>
  3103.                                     <div class='progress-custom mb-15'>
  3104.                                       <div class='progress bc-fff s1'>
  3105.                                         <div aria-valuemax='100' aria-valuemin='0' aria-valuenow='70' class='progress-bar' expr:style='&quot;width:calc(100% / 15 * &quot; + data:post.numberOfComments + &quot;)&quot;' role='progressbar'><b:eval expr='100 / 15 * data:post.numberOfComments'/></div>
  3106.                                       </div>
  3107.                                     </div>
  3108.                                   </b:if>
  3109.                                   <aside class='s1 bc-fff r2 fs-14 lh-1d7 oh'>
  3110.                                     <div class='y6x11p'>Status <span class='dt'>
  3111.                                       <b:loop index='i' values='data:post.labels' var='label'>
  3112.                                         <b:if cond='data:label.name in data:Status'>
  3113.                                           <a expr:data='data:label.name' expr:href='data:label.url' rel='tag'>
  3114.                                             <data:label.name/>
  3115.                                           </a>
  3116.                                         </b:if>
  3117.                                       </b:loop>
  3118.                                       </span></div>
  3119.                                     <div class='y6x11p'>Type <span class='dt'>
  3120.                                       <b:loop index='i' values='data:post.labels' var='label'>
  3121.                                         <b:if cond='data:label.name in data:Format'>
  3122.                                           <a expr:data='data:label.name' expr:href='data:label.url' rel='tag'>
  3123.                                             <data:label.name/>
  3124.                                           </a>
  3125.                                         </b:if>
  3126.                                       </b:loop>
  3127.                                       </span></div>
  3128.                                     <div id='extra-target'/>
  3129.                                     <div class='y6x11p'>Posted By <span class='dt'><data:post.author.name/></span></div>
  3130.                                     <div class='y6x11p'>Post <time class='dt' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'><data:post.date/></time></div>
  3131.                                     <div class='y6x11p'>Update <time class='dt timeago' expr:datetime='data:post.lastUpdated.iso8601' expr:title='data:post.lastUpdated.iso8601'><data:post.lastUpdated.jsonEscaped/></time></div>
  3132.                                   </aside>
  3133.                                   <div id='character-target'/>
  3134.                                 </div>
  3135.                                 <article class='oh a2'>
  3136.                                   <div class='fs-15 s1 p-20 bc-fff r2'>
  3137.                                     <header>
  3138.                                       <b:include data='post' name='postTitle'/>
  3139.                                       <p class='m-0 c-999 fs-14'><data:blog.metaDescription/></p>
  3140.                                     </header>
  3141.                                     <div class='mt-15'>
  3142.                                       <b:include name='postLabels'/>
  3143.                                     </div>
  3144.                                     <article>
  3145.                                       <h2 class='fs-15'>Baca <data:post.title/></h2>
  3146.                                       <div id='syn-target'/>
  3147.                                       <p class='fs-14'>Baca Komik <strong><data:post.title/></strong> bahasa Indonesia lengkap dan baru di <strong><data:blog.title/></strong>. Kami menyediakan Komik, Manhua, Manhwa, dan Novel yang dapat kalian baca online gratis. </p>  
  3148.                                     </article>
  3149.  
  3150.                                   </div>                              
  3151.                                   <b:include cond='data:view.isPost' name='postShareButtons'/>
  3152.                                   <!-- Show ad outside post container (between posts) for feed pages. -->
  3153.                                   <b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>
  3154.                                   <!-- <b:include data='post' name='inlineAd2'/> -->
  3155.                                  
  3156.                                   <b:include data='post' name='postBody'/>
  3157.                                   <b:include data='post' name='breadCrumb'/>
  3158.                                 </article>
  3159.                                 <b:include name='relatedPost'/>
  3160.                                 <!-- Comments -->
  3161.                                 <b:include data='post' name='commentPicker'/>
  3162.                               </div>
  3163.                             </b:includable>
  3164.                             <b:includable id='postAuthor'>
  3165.                               <span class='byline post-author vcard'>
  3166.                                 <span class='post-author-label'>
  3167.                                   <data:byline.label/>
  3168.                                 </span>
  3169.                                 <span class='fn'>
  3170.                                   <b:if cond='data:post.author.profileUrl'>
  3171.                                     <meta expr:content='data:post.author.profileUrl'/>
  3172.                                     <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
  3173.                                       <span><data:post.author.name/></span>
  3174.                                     </a>
  3175.                                     <b:else/>
  3176.                                     <span><data:post.author.name/></span>
  3177.                                   </b:if>
  3178.                                 </span>
  3179.                               </span>
  3180.                             </b:includable>
  3181.                             <b:includable id='postBody' var='post'>
  3182.  
  3183.                               <b:if cond='data:post.labels any ( l =&gt; l.name in [&quot;Ecchi&quot;, &quot;Gore&quot;, &quot;Sexual Violence&quot;, &quot;Smut&quot;] )'>
  3184.                                 <div class='alr grid aic p-15'><svg class='scale-2' viewBox='0 0 24 24'>
  3185.                                   <path d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M11 7H13V13H11V7M11 15H13V17H11V15Z' fill='currentColor'/>
  3186.                                   </svg> <p class='m-0'>Warning, the series titled &quot;<strong><data:post.title/></strong>&quot; may contain violence, blood or sexual content that is not appropriate for minors.</p></div>
  3187.                               </b:if>
  3188.                              
  3189.                               <b:if cond='data:post.labels any ( l =&gt; l.name in [&quot;Warning&quot;] )'>
  3190.                                 <div class='alr grid aic p-15' style='background-color: purple;'><svg aria-hidden='true' class='scale-2' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M21.993 7.95a.96.96 0 0 0-.029-.214c-.007-.025-.021-.049-.03-.074c-.021-.057-.04-.113-.07-.165c-.016-.027-.038-.049-.057-.075c-.032-.045-.063-.091-.102-.13c-.023-.022-.053-.04-.078-.061c-.039-.032-.075-.067-.12-.094c-.004-.003-.009-.003-.014-.006l-.008-.006l-8.979-4.99a1.002 1.002 0 0 0-.97-.001l-9.021 4.99c-.003.003-.006.007-.011.01l-.01.004c-.035.02-.061.049-.094.073c-.036.027-.074.051-.106.082c-.03.031-.053.067-.079.102c-.027.035-.057.066-.079.104c-.026.043-.04.092-.059.139c-.014.033-.032.064-.041.1a.975.975 0 0 0-.029.21c-.001.017-.007.032-.007.05V16c0 .363.197.698.515.874l8.978 4.987l.001.001l.002.001l.02.011c.043.024.09.037.135.054c.032.013.063.03.097.039a1.013 1.013 0 0 0 .506 0c.033-.009.064-.026.097-.039c.045-.017.092-.029.135-.054l.02-.011l.002-.001l.001-.001l8.978-4.987c.316-.176.513-.511.513-.874V7.998c0-.017-.006-.031-.007-.048zm-10.021 3.922L5.058 8.005L7.82 6.477l6.834 3.905l-2.682 1.49zm.048-7.719L18.941 8l-2.244 1.247l-6.83-3.903l2.153-1.191zM13 19.301l.002-5.679L16 11.944V15l2-1v-3.175l2-1.119v5.705l-7 3.89z' fill='currentColor'/></svg> <p class='m-0'>Your waning message</p></div>
  3191.                               </b:if>
  3192.                              
  3193.  
  3194.                               <div class='bc-fff r2 mb-15 s1 post oh'>
  3195.                                 <h2 class='c-theme m-0 bb-1pxsf y9x19p fs-15 flex aic'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M3 6h8v13H3z' fill='currentColor' opacity='.3'/><path d='M21 4H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM11 19H3V6h8v13zm10 0h-8V6h8v13zm-7-9.5h6V11h-6zm0 2.5h6v1.5h-6zm0 2.5h6V16h-6z' fill='currentColor'/></svg>Read <data:post.title/></h2>
  3196.                                 <div class='bc-fff s1 r2 p-13'>
  3197.                                   <b:class cond='data:view.isPage' name='page-view'/>
  3198.                                   <data:post.body/>
  3199.                                 </div>
  3200.                               </div>
  3201.                             </b:includable>
  3202.                             <b:includable id='postBodySnippet' var='post'>
  3203.                               <b:include data='post' name='postBody'/>
  3204.                             </b:includable>
  3205.                             <b:includable id='postChapter' var='post'>
  3206.                               <style>main,body {background-color: #16151d}</style>
  3207.                               <script>histories.addHistory(&quot;<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;);</script>
  3208.                               <div class='max-w mla mra pen c-999 mt-35 full oh'>
  3209.                                 <!-- <b:include data='post' name='inlineAd2'/> -->
  3210.                             <h1 class='m-0 fs-25 tac c-ddd fs-20'>
  3211.                                     <b:with value='[&quot;Chapter&quot;,&quot;Project&quot;]' var='chf'>
  3212.                                       <b:loop index='i' values='data:post.labels' var='label'>
  3213.                                         <b:if cond='data:label.name not in data:chf'>
  3214.                                           <a class='c-ddd' expr:data='data:label.name' expr:href='data:label.url' rel='tag'>
  3215.                                             <data:label.name/>
  3216.                                             <script>document.title = &quot;<data:label.name/> - <data:post.title/>&quot;;</script>
  3217.                                           </a>
  3218.                                         </b:if>
  3219.                                       </b:loop>
  3220.                                     </b:with>
  3221.                              - <data:post.title/>
  3222.                                   </h1>
  3223.                                 <div class='tac'>All chapters are in <b:with value='[&quot;Chapter&quot;,&quot;Project&quot;]' var='chf'>
  3224.                                       <b:loop index='i' values='data:post.labels' var='label'>
  3225.                                         <b:if cond='data:label.name not in data:chf'>
  3226.                                           <a class='c-theme fw-600' expr:data='data:label.name' expr:href='data:label.url' rel='tag'>
  3227.                                             <data:label.name/>
  3228.                                            
  3229.                                           </a>
  3230.                                         </b:if>
  3231.                                       </b:loop>
  3232.                                     </b:with></div>
  3233.                                 <b:include cond='data:post.shareUrl' name='postShareButtons'/>
  3234.                                 <div class='oh tac r2 mb-20 fs-13 p-y10x15 bg-222'>
  3235.                                   <ol class='lsn m-0 pl-0 m-y0x4-li' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
  3236.                                     <li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
  3237.                                       <a class='c-999' expr:href='data:blog.homepageUrl' itemprop='item'><span itemprop='name'><data:blog.title/></span></a>
  3238.                                       <meta content='1' itemprop='position'/>
  3239.                                     </li>
  3240.                                     &#8250;
  3241.                                     <li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
  3242.                                       <b:with value='[&quot;Chapter&quot;,&quot;Project&quot;]' var='chf'>
  3243.                                         <b:loop index='i' values='data:post.labels' var='label'>
  3244.                                           <b:if cond='data:label.name not in data:chf'>
  3245.                                             <a class='c-999' expr:data='data:label.name' expr:href='data:label.url' itemprop='item'><span itemprop='name'>
  3246.                                               <data:label.name/>
  3247.                                               </span>
  3248.                                             </a>
  3249.                                           </b:if>
  3250.                                         </b:loop>
  3251.                                       </b:with>
  3252.                                       <meta content='2' itemprop='position'/>
  3253.                                     </li>
  3254.                                     &#8250;
  3255.                                     <li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
  3256.                                       <a class='c-999' expr:href='data:post.url' itemprop='item'><span itemprop='name'><data:post.title/></span></a>
  3257.                                       <meta content='3' itemprop='position'/>
  3258.                                     </li>
  3259.                                   </ol>
  3260.                                 </div>
  3261.                                 <b:with value='[&quot;Chapter&quot;,&quot;Project&quot;]' var='chf'>
  3262.                                   <p class='tac fs-14'>
  3263.                                     Baca manga <b>
  3264.                                     <b:loop index='i' values='data:post.labels' var='label'>
  3265.                                       <b:if cond='data:label.name not in data:chf'>
  3266.                                         <data:label.name/>
  3267.                                       </b:if>
  3268.                                     </b:loop>
  3269.                                     <data:post.title/></b> bahasa Indonesia terbaru di <b><data:blog.title/></b>. Manga <b>
  3270.                                     <b:loop index='i' values='data:post.labels' var='label'>
  3271.                                       <b:if cond='data:label.name not in data:chf'>
  3272.                                         <data:label.name/>
  3273.                                       </b:if>
  3274.                                     </b:loop>
  3275.                                     </b> bahasa Indonesia selalu update di <b><data:blog.title/></b>. Jangan lupa membaca update manga lainnya ya. Daftar koleksi manga <b><data:blog.title/></b> ada di menu Daftar Manga. </p></b:with>
  3276.                                
  3277. <h4 class='tac mla mra bg-main' style='color:white;padding:6px;border-radius:5px;max-width: 950px;'>Lapor Gambar Rusak / Tidak Sesuai / Tidak Terload Lapor [<a href='#' target='_blank'><span style='color: blue;'><strong>DISINI</strong></span></a>]</h4>
  3278.                                
  3279.                                 <b:include name='chapNextPrev'/>
  3280.                                 <div class='check-box'>
  3281.                                   <data:post.body/>
  3282.                                 </div>
  3283.                 <b:include name='chapNextPrev-bottom'/>
  3284.                                 <!-- <b:include data='post' name='inlineAd2'/> -->
  3285.                                 <div class='dark-mode'>
  3286.                                   <b:include name='chapterTags'/>
  3287.                                   <div class='mb-15'><b:include name='relatedPost'/></div>
  3288.                                   <b:include data='post' name='commentPicker'/>
  3289.                                 </div>
  3290.                               </div>
  3291.                             </b:includable>
  3292.                             <b:includable id='postCommentsAndAd' var='post'>
  3293.                               <b:tag class='link:hover' cond='data:view.isMultipleItems' expr:title='data:post.title' name='section'>
  3294.  
  3295.                                
  3296.  
  3297.                                   <!-- Feed view -->
  3298.                                   <b:include cond='data:view.isHomepage' name='feedHome'/>
  3299.  
  3300.  
  3301.                                   <!-- Post title and body -->
  3302.                                   <b:include cond='data:view.isPost' data='post' name='post'/>
  3303.                                  
  3304.                                   <b:include cond='data:view.isPage' name='page'/>
  3305.  
  3306.                                   <!-- Show ad inside post container, after comments, if single item. -->
  3307.                                   <b:include cond='data:view.isSingleItem and data:post.includeAd' data='post' name='inlineAd'/>
  3308.                                 </b:tag>
  3309.  
  3310.                             </b:includable>
  3311.                             <b:includable id='postCommentsLink'>
  3312.                               <b:if cond='data:view.isMultipleItems'>
  3313.                                 <span class='byline post-comment-link container'>
  3314.                                   <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  3315.                                 </span>
  3316.                               </b:if>
  3317.                             </b:includable>
  3318.                             <b:includable id='postFooter' var='post'>
  3319.                               <div class='post-footer'>
  3320.                                 <b:include cond='data:post.shareUrl' name='postShareButtons'/>
  3321.                                 <b:include data='post' name='postFooterAuthorProfile'/>
  3322.                               </div>
  3323.                             </b:includable>
  3324.                             <b:includable id='postFooterAuthorProfile' var='post'>
  3325.                               <b:if cond='data:post.author.aboutMe and data:view.isPost'>
  3326.                                 <div class='author-profile'>
  3327.                                   <b:if cond='data:post.author.authorPhoto.url'>
  3328.                                     <img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/>
  3329.                                     <div class='author-about'>
  3330.                                       <b:include data='post' name='aboutPostAuthor'/>
  3331.                                     </div>
  3332.                                     <b:else/>
  3333.                                     <b:include data='post' name='aboutPostAuthor'/>
  3334.                                   </b:if>
  3335.                                 </div>
  3336.                               </b:if>
  3337.                             </b:includable>
  3338.                             <b:includable id='postHeader' var='post'>
  3339.                               <b:include name='headerByline'/>
  3340.                             </b:includable>
  3341.                             <b:includable id='postJumpLink' var='post'>
  3342.                               <div class='jump-link flat-button'>
  3343.                                 <a expr:href='data:post.url fragment &quot;more&quot;' expr:title='data:post.title'>
  3344.                                   <b:eval expr='data:blog.jumpLinkMessage'/>
  3345.                                 </a>
  3346.                               </div>
  3347.                             </b:includable>
  3348.                             <b:includable id='postLabelNovel'>
  3349.                               <b:loop index='i' values='data:post.labels' var='label'>
  3350.                                 <a class='i-block bg-main r4 c-fff fs-14 y5x10p dim:hover white:hover' expr:href='data:label.url + &quot;?&amp;max-results=20&quot;' rel='tag'>
  3351.                                   <svg class='feather feather-tag' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/><line x1='7' x2='7.01' y1='7' y2='7'/></svg>
  3352.                                   <data:label.name/>
  3353.                                 </a>
  3354.                               </b:loop>
  3355.                             </b:includable>
  3356.                             <b:includable id='postLabels'>
  3357.                               <b:loop index='i' values='data:post.labels' var='label'>
  3358.                                 <b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic'>
  3359.                                   <a class='label mr-7 mb-6 fs-13 r4 i-block' expr:href='data:label.url + &quot;?&amp;max-results=20&quot;' rel='tag'>
  3360.                                     <data:label.name/>
  3361.                                   </a>
  3362.                                 </b:if>
  3363.                               </b:loop>
  3364.                             </b:includable>
  3365.                             <b:includable id='postLocation'>
  3366.                               <span class='byline post-location'>
  3367.                                 <data:byline.label/>
  3368.                                 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  3369.                               </span>
  3370.                             </b:includable>
  3371.                             <b:includable id='postMeta' var='post'>
  3372.                               <b:include data='post' name='postMetadataJSON'/>
  3373.                             </b:includable>
  3374.                             <b:includable id='postMetadataJSONImage'>
  3375.                               <script type='application/ld+json'>{
  3376.                               &quot;image&quot;: {
  3377.                               &quot;@type&quot;: &quot;ImageObject&quot;,
  3378.                               <b:if cond='data:post.featuredImage.isResizable'>
  3379.                                 &quot;url&quot;: &quot;<b:eval expr='resizeImage(data:post.featuredImage, 1200, &quot;1200:630&quot;)'/>&quot;,
  3380.                                 &quot;height&quot;: 630,
  3381.                                 &quot;width&quot;: 1200
  3382.                                 <b:else/>
  3383.                                 &quot;url&quot;: &quot;https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200&quot;,
  3384.                                 &quot;height&quot;: 348,
  3385.                                 &quot;width&quot;: 1200
  3386.                               </b:if>
  3387.                               },
  3388.                               }</script>
  3389.                             </b:includable>
  3390.                             <b:includable id='postMetadataJSONPublisher'>
  3391.                               <script type='application/ld+json'>{
  3392.                               &quot;publisher&quot;: {
  3393.                               &quot;@type&quot;: &quot;Organization&quot;,
  3394.                               &quot;name&quot;: &quot;<data:blog.title/>&quot;,
  3395.                               &quot;logo&quot;: {
  3396.                               &quot;@type&quot;: &quot;ImageObject&quot;,
  3397.                               &quot;url&quot;: &quot;https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60&quot;,
  3398.                               &quot;width&quot;: 206,
  3399.                               &quot;height&quot;: 60
  3400.                               }
  3401.                               </script>
  3402.                             </b:includable>
  3403.                             <b:includable id='postNovel' var='post'>
  3404.                               <style>#comments,.a4 {
  3405.   grid-area: unset;
  3406.   max-width: 1080px;
  3407.   margin: 0 auto;
  3408.   width: 100%;
  3409. }</style>
  3410.                               <article class='s1 p-20 bc-fff r2 max-w mla mra mt-24'>
  3411.                                 <header class='bb-2pxsec mb-15 pb-15'>
  3412.                                   <b:include name='postLabelNovel'/>
  3413.                                   <h1><data:post.title/></h1>
  3414.                                   <div class='flex aic c-666 fs-14'>
  3415.                                     <address class='mr-13 flex aic' rel='author'>
  3416.                                       <b:include data='{image: data:post.author.authorPhoto.image,imageRatio: &quot;1:1&quot;, imageSizes: [84, 168],sourceSizes: &quot;23px&quot;,imageClass: &quot;r50p mr-7&quot;}' name='responsiveImage'/>
  3417.                                       <span><data:post.author.name/></span>
  3418.                                     </address>
  3419.                                     <time><data:post.date/></time>
  3420.                                   </div>
  3421.                                 </header>
  3422.                                 <div class='lh-1d7 link post c-ee'>
  3423.                                   <data:post.body/>
  3424.                                 </div>
  3425.                               </article>
  3426.                               <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>
  3427.                             </b:includable>
  3428.                             <b:includable id='postPagination'>
  3429.                               <div class='blog-pager container' id='blog-pager'>
  3430.                                 <b:include cond='data:newerPageUrl' name='previousPageLink'/>
  3431.                                 <b:include cond='data:olderPageUrl' name='nextPageLink'/>
  3432.                                 <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
  3433.                               </div>
  3434.                             </b:includable>
  3435.                             <b:includable id='postReactions'>
  3436.                               <span class='byline reactions'>
  3437.                                 <span class='reactions-label'>
  3438.                                   <data:byline.label/>
  3439.                                 </span>
  3440.                                 <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
  3441.                               </span>
  3442.                             </b:includable>
  3443.                             <b:includable id='postShareButtons'>
  3444.                               <div class='grid jcc yt8m'>
  3445.                                 <div class='post-share flex aic' expr:data-share='data:messages.share'>
  3446.                                   <!-- Bagikan ke Facebook -->
  3447.                                   <div class='share-icon r4 facebookThis'>
  3448.                                     <a aria-label='Share button' class='flex aic c-fff white:hover' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' role='button' target='_blank'>
  3449.                                       <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4v-8.5z' fill='currentColor'/></svg>
  3450.                                       <span>Facebook</span>
  3451.                                     </a>
  3452.                                   </div>
  3453.                                   <!-- Bagikan ke Twitter -->
  3454.                                   <div class='share-icon r4 twitterThis'>
  3455.                                     <a aria-label='Share button' class='flex aic c-fff white:hover' expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' role='button' target='_blank'>
  3456.                                       <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g fill='none'><path d='M23.643 4.937c-.835.37-1.732.62-2.675.733a4.67 4.67 0 0 0 2.048-2.578a9.3 9.3 0 0 1-2.958 1.13a4.66 4.66 0 0 0-7.938 4.25a13.229 13.229 0 0 1-9.602-4.868c-.4.69-.63 1.49-.63 2.342A4.66 4.66 0 0 0 3.96 9.824a4.647 4.647 0 0 1-2.11-.583v.06a4.66 4.66 0 0 0 3.737 4.568a4.692 4.692 0 0 1-2.104.08a4.661 4.661 0 0 0 4.352 3.234a9.348 9.348 0 0 1-5.786 1.995a9.5 9.5 0 0 1-1.112-.065a13.175 13.175 0 0 0 7.14 2.093c8.57 0 13.255-7.098 13.255-13.254c0-.2-.005-.402-.014-.602a9.47 9.47 0 0 0 2.323-2.41l.002-.003z' fill='currentColor'/></g></svg>
  3457.                                       <span>Twitter</span>
  3458.                                     </a>
  3459.                                   </div>
  3460.                                   <!-- Bagikan ke Whatsapp -->
  3461.                                   <div class='share-icon r4 whatsappThis'>
  3462.                                     <a aria-label='Share button' class='flex aic c-fff white:hover' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' role='button' target='_blank'>
  3463.                                       <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 32 32' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M23.328 19.177c-.401-.203-2.354-1.156-2.719-1.292c-.365-.13-.63-.198-.896.203c-.26.391-1.026 1.286-1.26 1.547s-.464.281-.859.104c-.401-.203-1.682-.62-3.203-1.984c-1.188-1.057-1.979-2.359-2.214-2.76c-.234-.396-.026-.62.172-.818c.182-.182.401-.458.604-.698c.193-.24.255-.401.396-.661c.13-.281.063-.5-.036-.698s-.896-2.161-1.229-2.943c-.318-.776-.651-.677-.896-.677c-.229-.021-.495-.021-.76-.021s-.698.099-1.063.479c-.365.401-1.396 1.359-1.396 3.297c0 1.943 1.427 3.823 1.625 4.104c.203.26 2.807 4.26 6.802 5.979c.953.401 1.693.641 2.271.839c.953.302 1.823.26 2.51.161c.76-.125 2.354-.964 2.688-1.901c.339-.943.339-1.724.24-1.901c-.099-.182-.359-.281-.76-.458zM16.083 29h-.021c-2.365 0-4.703-.641-6.745-1.839l-.479-.286l-5 1.302l1.344-4.865l-.323-.5a13.166 13.166 0 0 1-2.021-7.01c0-7.26 5.943-13.182 13.255-13.182c3.542 0 6.865 1.38 9.365 3.88a13.058 13.058 0 0 1 3.88 9.323C29.328 23.078 23.39 29 16.088 29zM27.359 4.599C24.317 1.661 20.317 0 16.062 0C7.286 0 .14 7.115.135 15.859c0 2.792.729 5.516 2.125 7.927L0 32l8.448-2.203a16.13 16.13 0 0 0 7.615 1.932h.005c8.781 0 15.927-7.115 15.932-15.865c0-4.234-1.651-8.219-4.661-11.214z' fill='currentColor'/></svg>
  3464.                                       <span>Whatsapp</span>
  3465.                                     </a>
  3466.                                   </div>
  3467.    
  3468. <!-- Bagikan ke Pinterest -->
  3469.                                   <div class='share-icon r4 pinterestThis'>
  3470.                                     <a aria-label='Share button' class='flex aic c-fff white:hover' expr:href='&quot;//pinterest.com/pin/create/button/?url=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url' rel='nofollow noreferrer' role='button' target='_blank'>
  3471.                                       <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M11.99 2C6.472 2 2 6.473 2 11.99c0 4.232 2.633 7.85 6.35 9.306c-.088-.79-.166-2.006.034-2.868c.182-.78 1.172-4.966 1.172-4.966s-.299-.599-.299-1.484c0-1.388.805-2.425 1.808-2.425c.853 0 1.264.64 1.264 1.407c0 .858-.546 2.139-.827 3.327c-.235.994.499 1.805 1.479 1.805c1.775 0 3.141-1.872 3.141-4.575c0-2.392-1.719-4.064-4.173-4.064c-2.843 0-4.512 2.132-4.512 4.335c0 .858.331 1.779.744 2.28a.3.3 0 0 1 .069.286c-.076.315-.245.994-.277 1.133c-.044.183-.145.222-.335.134c-1.247-.581-2.027-2.405-2.027-3.871c0-3.151 2.289-6.045 6.601-6.045c3.466 0 6.159 2.469 6.159 5.77c0 3.444-2.171 6.213-5.184 6.213c-1.013 0-1.964-.525-2.29-1.146l-.623 2.374c-.225.868-.834 1.956-1.241 2.62a10 10 0 0 0 2.958.445c5.517 0 9.99-4.473 9.99-9.99S17.507 2 11.99 2' fill='currentColor'/></svg>
  3472.                                       <span>Pinterest</span>
  3473.                                     </a>
  3474.                                   </div>
  3475.                                 </div>
  3476.                               </div>
  3477.                             </b:includable>
  3478.                             <b:includable id='postTimestamp'>
  3479.                               <span class='byline post-timestamp'>
  3480.                                 <data:byline.label/>
  3481.                                 <b:if cond='data:post.url'>
  3482.                                   <meta expr:content='data:post.url.canonical'/>
  3483.                                   <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
  3484.                                     <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
  3485.                                       <data:post.date/>
  3486.                                     </time>
  3487.                                   </a>
  3488.                                 </b:if>
  3489.                               </span>
  3490.                             </b:includable>
  3491.                             <b:includable id='postTitle' var='post'>
  3492.                               <b:if cond='data:post.title != &quot;&quot;'>
  3493.                                 <b:tag class='mt-0 mb-6 fs-20' cond='data:view.isSingleItem' name='h1'>
  3494.                                   <b:tag class='mt-0 c-fff fs-20' cond='data:view.isLabelSearch' name='h1'>
  3495.                                     <b:tag class='m-0 c-22 fs-14 y6x0p s3f5 wsn oh toe' cond='data:view.isHomepage' name='h3'>
  3496.                                       <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
  3497.                                         <a class='ck' expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
  3498.                                         <b:else/>
  3499.                                         <data:post.title/>
  3500.                                       </b:if>
  3501.                                     </b:tag>
  3502.                                   </b:tag>
  3503.                                 </b:tag>
  3504.                               </b:if>
  3505.                             </b:includable>
  3506.                             <b:includable id='previousPageLink'>
  3507.                               <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:messages.newerPosts'>
  3508.                                 <data:messages.newerPosts/>
  3509.                               </a>
  3510.                             </b:includable>
  3511.                             <b:includable id='score'>
  3512.                               <b:if cond='data:post.labels any (l =&gt; l.name == &quot;Score 0.5&quot;)'>
  3513.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3514.                                   <div>
  3515.                                     <b:include name='0-5'/>
  3516.                                   </div>
  3517.                                   <div>0.5</div>
  3518.                                 </aside>
  3519.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 1.0&quot;)'/>
  3520.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3521.                                   <div>
  3522.                                     <b:include name='0-5'/>
  3523.                                   </div>
  3524.                                   <div>1.0</div>
  3525.                                 </aside>
  3526.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 1.5&quot;)'/>
  3527.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3528.                                   <div>
  3529.                                     <b:include name='1-0'/>
  3530.                                   </div>
  3531.                                   <div>1.5</div>
  3532.                                 </aside>
  3533.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 2.0&quot;)'/>
  3534.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3535.                                   <div>
  3536.                                     <b:include name='1-0'/>
  3537.                                   </div>
  3538.                                   <div>2.0</div>
  3539.                                 </aside>
  3540.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 2.5&quot;)'/>
  3541.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3542.                                   <div>
  3543.                                     <b:include name='1-0'/>
  3544.                                   </div>
  3545.                                   <div>2.5</div>
  3546.                                 </aside>
  3547.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 3.0&quot;)'/>
  3548.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3549.                                   <div>
  3550.                                     <b:include name='1-5'/>
  3551.                                   </div>
  3552.                                   <div>3.0</div>
  3553.                                 </aside>
  3554.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 3.5&quot;)'/>
  3555.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3556.                                   <div>
  3557.                                     <b:include name='1-5'/>
  3558.                                   </div>
  3559.                                   <div>3.5</div>
  3560.                                 </aside>
  3561.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 4.0&quot;)'/>
  3562.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3563.                                   <div>
  3564.                                     <b:include name='2-0'/>
  3565.                                   </div>
  3566.                                   <div>4.0</div>
  3567.                                 </aside>
  3568.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 4.5&quot;)'/>
  3569.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3570.                                   <div>
  3571.                                     <b:include name='2-0'/>
  3572.                                   </div>
  3573.                                   <div>4.5</div>
  3574.                                 </aside>
  3575.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 5.0&quot;)'/>
  3576.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3577.                                   <div>
  3578.                                     <b:include name='2-5'/>
  3579.                                   </div>
  3580.                                   <div>5.0</div>
  3581.                                 </aside>
  3582.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 5.5&quot;)'/>
  3583.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3584.                                   <div>
  3585.                                     <b:include name='2-5'/>
  3586.                                   </div>
  3587.                                   <div>5.5</div>
  3588.                                 </aside>
  3589.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 6.0&quot;)'/>
  3590.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3591.                                   <div>
  3592.                                     <b:include name='2-5'/>
  3593.                                   </div>
  3594.                                   <div>6.0</div>
  3595.                                 </aside>
  3596.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 6.5&quot;)'/>
  3597.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3598.                                   <div>
  3599.                                     <b:include name='3-0'/>
  3600.                                   </div>
  3601.                                   <div>6.5</div>
  3602.                                 </aside>
  3603.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 7.0&quot;)'/>
  3604.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3605.                                   <div>
  3606.                                     <b:include name='3-0'/>
  3607.                                   </div>
  3608.                                   <div>7.0</div>
  3609.                                 </aside>
  3610.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 7.5&quot;)'/>
  3611.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3612.                                   <div>
  3613.                                     <b:include name='3-5'/>
  3614.                                   </div>
  3615.                                   <div>7.5</div>
  3616.                                 </aside>
  3617.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 8.0&quot;)'/>
  3618.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3619.                                   <div>
  3620.                                     <b:include name='3-5'/>
  3621.                                   </div>
  3622.                                   <div>8.0</div>
  3623.                                 </aside>
  3624.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 8.5&quot;)'/>
  3625.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3626.                                   <div>
  3627.                                     <b:include name='4-0'/>
  3628.                                   </div>
  3629.                                   <div>8.5</div>
  3630.                                 </aside>
  3631.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 9.0&quot;)'/>
  3632.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3633.                                   <div>
  3634.                                     <b:include name='4-5'/>
  3635.                                   </div>
  3636.                                   <div>9.0</div>
  3637.                                 </aside>
  3638.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 9.5&quot;)'/>
  3639.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3640.                                   <div>
  3641.                                     <b:include name='5-0'/>
  3642.                                   </div>
  3643.                                   <div>9.5</div>
  3644.                                 </aside>
  3645.                                 <b:elseif cond='data:post.labels any (l =&gt; l.name == &quot;Score 10.0&quot;)'/>
  3646.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3647.                                   <div>
  3648.                                     <b:include name='5-0'/>
  3649.                                   </div>
  3650.                                   <div>10.0</div>
  3651.                                 </aside>
  3652.                                 <b:else/>
  3653.                                 <aside class='p-10 bc-f5 grid pic oh'>
  3654.                                   <div>
  3655.                                     <b:include name='0-0'/>
  3656.                                   </div>
  3657.                                   <div>0.0</div>
  3658.                                 </aside>
  3659.                               </b:if>
  3660.                             </b:includable>
  3661.                             <b:includable id='select_chapter'>
  3662.                               <b:loop values='data:post.labels' var='label'>
  3663.                                 <b:if cond='data:label.name not in data:Status and data:label.name not in data:Score and data:label.name not in data:Other and data:label.name not in data:Other and data:label.name not in data:Genre and data:label.name not in data:Genre2 and data:label.name not in data:Alphabet and data:label.name not in data:Format and data:label.name not in data:Demographic and data:label.name not in data:Content'>
  3664.                                   <script>
  3665.                                     var postID = <data:post.id/>;
  3666.                                     //<![CDATA[
  3667. if(autlist==true){function autolist(e){for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length;r++)if("alternate"==e.feed.entry[t].link[r].rel){var n=e.feed.entry[t].link[r].href;break}var f=e.feed.entry[t].title.$t;e.feed.entry[t].id.$t.substr(51,19)!=postID&&document.write("<div class='index-list'><a href="+n+">"+f+"</a></div>")}}}
  3668. //]]>
  3669.                                   </script>
  3670.                                   <div class='auto-listchap'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?orderby=published&amp;max-results=500&amp;alt=json-in-script&amp;callback=autolist&quot;' type='text/javascript'/></div></b:if></b:loop>
  3671.                             </b:includable>
  3672.                             <b:includable id='sharingButton'>
  3673.                               <span expr:aria-label='data:platform.shareMessage' expr:class='&quot;sharing-platform-button sharing-element-&quot; + data:platform.key' expr:data-href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
  3674.                                 <b:include name='sharingPlatformIcon'/>
  3675.                                 <span class='platform-sharing-text'><data:platform.name/></span>
  3676.                               </span>
  3677.                             </b:includable>
  3678.                             <b:includable id='sharingButtonContent'>
  3679.                               <div class='flat-icon-button ripple'>
  3680.                                 <b:include name='shareIcon'/>
  3681.                               </div>
  3682.                             </b:includable>
  3683.                             <b:includable id='sharingButtons'>
  3684.                               <div class='sharing' expr:aria-owns='&quot;sharing-popup-&quot; + data:sharingId' expr:data-title='data:shareTitle'>
  3685.                                 <button class='sharing-button touch-icon-button' expr:aria-controls='&quot;sharing-popup-&quot; + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-button-&quot; + data:sharingId' role='button'>
  3686.                                   <b:include name='sharingButtonContent'/>
  3687.                                 </button>
  3688.                                 <b:include name='sharingButtonsMenu'/>
  3689.                               </div>
  3690.                             </b:includable>
  3691.                             <b:includable id='sharingButtonsMenu'>
  3692.                               <div class='share-buttons-container'>
  3693.                                 <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-popup-&quot; + data:sharingId' role='menu'>
  3694.                                   <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p =&gt; p.key not in {&quot;blogThis&quot;})' var='platform'>
  3695.                                     <li>
  3696.                                       <b:include name='sharingButton'/>
  3697.                                     </li>
  3698.                                   </b:loop>
  3699.                                   <li aria-hidden='true' class='hidden'>
  3700.                                     <b:include name='otherSharingButton'/>
  3701.                                   </li>
  3702.                                 </ul>
  3703.                               </div>
  3704.                             </b:includable>
  3705.                             <b:includable id='sharingPlatformIcon'>
  3706.                               <b:include data='{ iconClass: (&quot;touch-icon sharing-&quot; + data:platform.key) }' expr:name='data:platform.key + &quot;Icon&quot;'/>
  3707.                             </b:includable>
  3708.                             <b:includable id='threadedCommentForm' var='post'>
  3709.                               <div class='comment-form'>
  3710.                                 <a name='comment-form'/>
  3711.                                 <h4 id='comment-post-message'><data:messages.postAComment/></h4>
  3712.                                 <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  3713.                                   <p class='alr royal p-15 ml-20 mr-20'><data:this.messages.blogComment/></p>
  3714.                                 </b:if>
  3715.                                 <b:include data='post' name='commentFormIframeSrc'/>
  3716.                                 <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3717.                                 <data:post.cmtfpIframe/>
  3718.                                 <script type='text/javascript'>
  3719.                                   BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  3720.                                 </script>
  3721.                               </div>
  3722.                             </b:includable>
  3723.                             <b:includable id='threadedCommentJs' var='cb'>
  3724.   <div class='avatar-image-container grid'>
  3725.     <div class='tar'>
  3726.       <b:if cond='data:cb.level.authorAvatarSrc != &quot;//resources.blogblog.com/img/blank.gif&quot;'>
  3727.         <img class='lazy' expr:alt='data:cb.level.author' expr:src='resizeImage(data:cb.level.authorAvatarSrc, 100, &quot;1:1&quot;)' expr:title='data:cb.level.author'/>
  3728.       </b:if>
  3729.     </div>
  3730.     <div class='fs-12 jsc mt-5'><span class='power'>+<b:eval expr='data:cb.level.body.size'/></span></div>
  3731.   </div>
  3732.   <div class='comment-block' itemscope='itemscope' itemtype='https://schema.org/Comment'>
  3733.     <div class='comment-header'>
  3734.       <b:if cond='data:cb.level.author != &quot;Anonymous&quot;'> <span class='user' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
  3735.                           <span itemprop='name'><data:cb.level.author/></span>
  3736.         <b:if cond='data:post.author.name == data:cb.level.author'>
  3737.           <svg class='blog-author' viewBox='0 0 24 24'>
  3738.             <path d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z'/>
  3739.           </svg>
  3740.         </b:if>
  3741.         </span>
  3742.       </b:if> <time class='datetime secondary-text' expr:datetime='data:cb.level.timestamp' expr:title='data:cb.level.timestamp' itemprop='datePublished'>
  3743.                         <a expr:href='&quot;#c&quot; + data:cb.level.id' itemprop='url'>
  3744.                           <data:cb.level.timestamp/>
  3745.                         </a>
  3746.                       </time>
  3747.     </div>
  3748.     <div class='comment-content' itemprop='text'>
  3749.       <!--<b:if cond='data:cb.level.authorUrl != data:post.author.profileUrl'>--><b:eval expr='data:cb.level.body snippet { links: false }'/>
  3750.       <!--<b:else/>
  3751.                          <data:cb.level.body/>
  3752.                        </b:if>-->
  3753.     </div>
  3754.   </div>
  3755.   <b:if cond='data:cb.d and data:commentL2.size != &quot;2&quot;'>
  3756.                     <div class='comment-actions secondary-text'>
  3757.                       <a class='comment-reply reply-to' expr:data-comment-id='data:commentLevel1.id' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'>Balas</a>
  3758.                       <span expr:class='&quot;item-control &quot; + data:cb.level.adminClass'>
  3759.                         <a expr:href='data:cb.level.deleteUrl' expr:title='data:messages.deleteComment' rel='noopener external nofollow' target='_self'>Hapus</a>
  3760.                       </span>
  3761.                     </div>
  3762.                   </b:if>
  3763. </b:includable>
  3764.                             <b:includable id='threadedComments' var='post'>
  3765.                   <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  3766.                     <input class='cmAl hidden' id='forAllCm' type='checkbox'/>
  3767.                     <b:include name='commentsTitle'/>                  
  3768.                     <b:if cond='data:post.numberOfComments &gt; 0'>
  3769.                       <div class='comments-content'>                        
  3770.                         <ol id='comment-holder'>
  3771.                           <b:loop values='data:post.comments where (c =&gt; not c.inReplyTo or c.inReplyTo == 0)' var='commentLevel1'>
  3772.                             <li class='comment' expr:id='&quot;c&quot; + data:commentLevel1.id'>
  3773.                               <b:class cond='data:post.adminClass' name='author-comment'/>
  3774.                               <b:class cond='not data:post.adminClass' name='user-comment'/>
  3775.                               <b:include data='{level: data:commentLevel1,d: true}' name='commentblock'/>
  3776.                               <!--<div class='comment-actions'>
  3777.                                 <span class='reply-to' expr:data-reply-to='data:commentLevel1.id'>Balas</span>
  3778.                               </div>-->
  3779.                               <b:with value='data:post.comments where (c =&gt; c.inReplyTo == data:commentLevel1.id)' var='commentL2'>
  3780.                                 <b:if cond='data:commentL2.size != &quot;0&quot;'>
  3781.                                   <div class='comment-replies'>
  3782.                                     <input class='thread-show hidden' expr:id='&quot;off-&quot; + data:commentLevel1.id' type='checkbox'/>
  3783.                                     <div class='comment-thread inline-thread' expr:id='&quot;c&quot; + data:commentLevel1.id + &quot;-rt&quot;'>
  3784.                                       <label class='thread-toggle thread-expanded' expr:for='&quot;off-&quot; + data:commentLevel1.id'>
  3785.                                         <svg class='thread-arrow line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><polyline points='6 9 12 15 18 9'/></svg>
  3786.                                         <span class='thread-count'>Balasan</span>
  3787.                                       </label>
  3788.                                    
  3789.                                       <ul class='thread-chrome thread-expanded'>
  3790.                                         <b:loop values='data:commentL2' var='commentLevel2'>
  3791.                                           <li class='comment' expr:id='&quot;c&quot; + data:commentLevel2.id'>
  3792.                                             <b:class cond='data:post.adminClass' name='author-comment'/>
  3793.                                             <b:class cond='not data:post.adminClass' name='user-comment'/>
  3794.                                             <b:include data='{level: data:commentLevel2,d: true}' name='commentblock'/>
  3795.                                           </li>
  3796.                                         </b:loop>
  3797.                                       </ul>
  3798.                                      
  3799.                                     </div>
  3800.                                     <b:if cond='data:post.allowNewComments'>
  3801.                                       <div class='comment-reply'>
  3802.                                         <a class='reply-to' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><polyline points='15 14 20 9 15 4'/><path d='M4 20v-7a4 4 0 0 1 4-4h12'/></svg>Balas</a>
  3803.                                       </div>
  3804.                                     </b:if>
  3805.                                   </div>
  3806.                                 </b:if>
  3807.                               </b:with>
  3808.                              
  3809.                               <b:if cond='data:commentL2.size != &quot;2&quot; and data:post.allowNewComments'>
  3810.                                 <div class='comment-actions secondary-text'>
  3811.                                   <a class='comment-reply reply-to' expr:data-comment-id='data:commentLevel1.id' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><polyline points='15 14 20 9 15 4'/><path d='M4 20v-7a4 4 0 0 1 4-4h12'/></svg>Balas</a>
  3812.                                 </div>
  3813.                               </b:if>
  3814.                             </li>
  3815.                           </b:loop>
  3816.                         </ol>
  3817.                       </div>
  3818.                      
  3819.                       <b:if cond='data:post.allowNewComments'>
  3820.                         <div class='comment-add'>
  3821.                           <script>var comment = true;</script>
  3822.                           <div aria-label='Berkomentar' class='hidden' id='addcomment' role='button'><data:messages.postAComment/></div>
  3823.                         </div>
  3824.                       </b:if>
  3825.                       <b:else/>
  3826.                       <script>var comment = false;</script>
  3827.                     </b:if>
  3828.                    
  3829.                     <div class='comment-form'>
  3830.                       <b:if cond='data:post.allowNewComments'>
  3831.                         <div id='threaded-comment-form'>
  3832.                           <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  3833.                             <div class='alr grid aic p-15'>
  3834.                               <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='m16 7.58l-5.5-2.4L5 7.58v3.6c0 3.5 2.33 6.74 5.5 7.74c.25-.08.49-.2.73-.3c-.15-.51-.23-1.06-.23-1.62c0-2.97 2.16-5.43 5-5.91V7.58z' fill='currentColor' opacity='.3'/><path d='M17 13c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4zm0 1.38c.62 0 1.12.51 1.12 1.12s-.51 1.12-1.12 1.12s-1.12-.51-1.12-1.12s.5-1.12 1.12-1.12zm0 5.37c-.93 0-1.74-.46-2.24-1.17c.05-.72 1.51-1.08 2.24-1.08s2.19.36 2.24 1.08c-.5.71-1.31 1.17-2.24 1.17z' fill='currentColor' opacity='.3'/><circle cx='17' cy='15.5' fill='currentColor' r='1.12'/><path d='M18 11.09V6.27L10.5 3L3 6.27v4.91c0 4.54 3.2 8.79 7.5 9.82c.55-.13 1.08-.32 1.6-.55A5.973 5.973 0 0 0 17 23c3.31 0 6-2.69 6-6c0-2.97-2.16-5.43-5-5.91zM11 17c0 .56.08 1.11.23 1.62c-.24.11-.48.22-.73.3c-3.17-1-5.5-4.24-5.5-7.74v-3.6l5.5-2.4l5.5 2.4v3.51c-2.84.48-5 2.94-5 5.91zm6 4c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4s-1.79 4-4 4z' fill='currentColor'/><path d='M17 17.5c-.73 0-2.19.36-2.24 1.08c.5.71 1.32 1.17 2.24 1.17s1.74-.46 2.24-1.17c-.05-.72-1.51-1.08-2.24-1.08z' fill='currentColor'/></svg>
  3835.                             <p><data:this.messages.blogComment/></p>
  3836.                             </div>
  3837.                           </b:if>
  3838.                           <b:include data='post' name='commentFormIframeSrc'/>
  3839.             <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' data-resized='true' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' expr:src='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' frameborder='0' id='comment-editor' name='comment-editor' width='100%'/>
  3840.             <data:post.cmtfpIframe/>
  3841.             <script type='text/javascript'>
  3842.               BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  3843.             </script>
  3844.                         </div>
  3845.                         <b:else/>
  3846.                         <div class='comment-disable'>
  3847.                           <data:post.noNewCommentsText/>
  3848.                         </div>
  3849.                       </b:if>
  3850.                     </div>
  3851.                    
  3852.                     <b:if cond='data:showCmtPopup'>
  3853.                       <div id='comment-popup'>
  3854.                         <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/>
  3855.                       </div>
  3856.                     </b:if>
  3857.                   </section>
  3858.                  
  3859.                   <b:if cond='data:post.allowNewComments'>
  3860.                     <script>/*<![CDATA[*/ document.addEventListener("DOMContentLoaded", function() { var a=document, b = a.getElementById("comment-editor"), d = b.getAttribute("data-src"); if (b.setAttribute("src", d), 1 == comment) { var f = a.getElementsByClassName("reply-to"), c = a.getElementById("threaded-comment-form"), h = f.length, k = function(b, d, e, f) { b.addEventListener("click", function() { var c = b.getAttribute("data-reply-to"); a.getElementById("c" + c).appendChild(d); a.getElementById("threaded-comment-form").className = 'comment-replybox-single'; a.getElementById("addcomment").className = 'comment-reply button outline'; e.src = f + "&parentID=" + c }) }; for (i = 0; i < h; i++) k(f[i], c, b, d); var l = a.getElementsByClassName("comment-form")[0]; a.getElementById("addcomment").addEventListener("click", function() { l.appendChild(c); a.getElementById("threaded-comment-form").className = 'comment-replybox-thread'; a.getElementById("addcomment").className = 'comment-reply hidden'; b.src = d }) } }); /*]]>*/</script>
  3861.                     </b:if>
  3862.                     </b:includable>
  3863.                             <b:includable id='viewAll'>
  3864.                               <article class='r2 s1 bc-fff'>
  3865.                                 <div class='flex aic jcsb bb-1pxsf y9x19p yb10m'>
  3866.                                   <h3 class='m-0 c-theme'><b:if cond='data:view.isHomepage'><data:messages.latestPosts/></b:if>
  3867.                                     <b:if cond='data:view.search.query'><data:messages.search/>: <b><data:view.search.query/></b></b:if>
  3868.                                     <b:if cond='data:view.search.label'>Rekomendasi Komik <b><data:blog.pageName/></b> Terbaik</b:if>
  3869.                                     <b:if cond='data:view.isArchive'>Arsip Komik Tanggal: <b><data:blog.pageName/></b></b:if>
  3870.                                     <b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><data:messages.posts/></b:if></h3>
  3871.                                   <svg class='feather feather-filter' fill='none' height='24' id='toggle' stroke='var(--primary-color)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>
  3872.                                 </div>
  3873.                                 <div class='p-20 bc-e8' id='content'>
  3874.                                   <dl>
  3875.                                     <dt class='pb-15 fs-15 fw-600'>Status</dt>
  3876.                                     <div class='flex fs-13 fdc'>
  3877.                                       <dd class='md-ml-0'><a expr:href='data:blog.homepageUrl + &quot;search/label/Ongoing?&amp;max-results=20&quot;'>Ongoing</a></dd>
  3878.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Completed?&amp;max-results=20&quot;'>Completed</a></dd>
  3879.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Cancelled?&amp;max-results=20&quot;'>Cancelled</a></dd>
  3880.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Hiatus?&amp;max-results=20&quot;'>Hiatus</a></dd>
  3881.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Dropped?&amp;max-results=20&quot;'>Dropped</a></dd>
  3882.                                     </div>
  3883.                                   </dl>
  3884.                                   <dl>
  3885.                                     <dt class='pb-15 fs-15 fw-600'>Format</dt>
  3886.                                     <div class='flex fs-13 fdc'>
  3887.                                       <dd class='md-ml-0'><a expr:href='data:blog.homepageUrl + &quot;search/label/Manga?&amp;max-results=20&quot;'>Manga</a></dd>
  3888.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Manhua?&amp;max-results=20&quot;'>Manhua</a></dd>
  3889.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Manhwa?&amp;max-results=20&quot;'>Manhwa</a></dd>
  3890.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Web Novel (JP)?&amp;max-results=20&quot;'>Web Novel (JP)</a></dd>
  3891.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Web Novel (KR)?&amp;max-results=20&quot;'>Web Novel (KR)</a></dd>
  3892.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Web Novel (CN)?&amp;max-results=20&quot;'>Web Novel (CN)</a></dd>
  3893.                                       <dd><a expr:href='data:blog.homepageUrl + &quot;search/label/Doujinshi?&amp;max-results=20&quot;'>Doujinshi</a></dd>
  3894.                                     </div>
  3895.                                   </dl>
  3896.  
  3897.                                 </div>
  3898.                                <div class='grid gtc-f141a gg-20 p-13'>
  3899.                                  
  3900.                                   <b:loop index='i' values='data:posts' var='post'>
  3901.                                    
  3902.                                                                  
  3903.  
  3904.                                 <b:include name='Series'/>
  3905.                                    
  3906.                                   </b:loop>
  3907.                                 </div>
  3908.                                 <b:include cond='data:view.isMultipleItems and !data:view.isHomepage' name='postPagination'/>
  3909.                               </article>
  3910.                             </b:includable>
  3911.                           </b:widget>
  3912.                           <b:widget cond='data:view.isHomepage' id='HTML7' locked='true' title='Ads' type='HTML' version='2' visible='false'>
  3913.                             <b:widget-settings>
  3914.                               <b:widget-setting name='content'><![CDATA[<img src="https://1.bp.blogspot.com/-FmfAILeAUs4/YQJE9dL6VhI/AAAAAAAAHXA/qm9QN_rJxwsG84UY9LYcD4Y58XTvQcwNQCLcBGAsYHQ/s720/ads.png"/>]]></b:widget-setting>
  3915.                             </b:widget-settings>
  3916.                             <b:includable id='main'>
  3917.                               <b:class name='ads'/>
  3918.   <div class='widget-content'>
  3919.     <data:content/>
  3920.   </div>
  3921. </b:includable>
  3922.                           </b:widget>
  3923.                           <b:widget cond='data:view.isHomepage' id='HTML1' locked='false' title='Recomendation' type='HTML' version='2' visible='true'>
  3924.                             <b:widget-settings>
  3925.                               <b:widget-setting name='content'>&lt;section id=&quot;mTP_Slider&quot; class=&quot;top&quot;&gt;
  3926. &lt;script&gt;mTP.run(jQuery, false, 5, 5)&lt;/script&gt;
  3927. &lt;/section&gt;</b:widget-setting>
  3928.                             </b:widget-settings>
  3929.                             <b:includable id='main'>
  3930.                              
  3931.  
  3932.                               <h3 class='title flex jcsb aic'>
  3933.     <span class='flex aic g5'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 20 20' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M18 6.01L14 9V7h-4l-5 8H2v-2h2l5-8h5V3zM2 5h3l1.15 2.17l-1.12 1.8L4 7H2V5zm16 9.01L14 17v-2H9l-1.15-2.17l1.12-1.8L10 13h4v-2z' fill='currentColor'/></svg>
  3934.       <data:title/></span>
  3935.     <span class='bg-main ttu p-3y6x fs-9 r2 c-fff cp' onclick='mTP.run(jQuery, &apos;Series&apos;, 5, 5)'>Reload</span>
  3936. </h3>
  3937.   <div class='widget-content'>
  3938.     <data:content/>
  3939.   </div>
  3940. </b:includable>
  3941.                           </b:widget>
  3942.                           <b:widget cond='data:view.isHomepage' id='HTML5' locked='false' title='Blog' type='HTML' version='2' visible='true'>
  3943.                             <b:widget-settings>
  3944.                               <b:widget-setting name='content'>&lt;style&gt;
  3945.  
  3946. .side h2:before{content:&quot;&quot;;position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#eee;}
  3947. .side h2:after{content:&quot;&quot;;position:absolute;left:0;bottom:-2px;width:35%;height:2px;background:#542a78;}
  3948. .recentposts{column-count: 3;padding-left: 0;font-size:14px;line-height:1.4em;column-width: 200px;}
  3949. .recentposts li{overflow:hidden;}
  3950. .recentposts li a{transition:all 0.2s;text-decoration:none;}
  3951. .recentposts li a:hover{opacity:0.8;}
  3952. .recentposts .thumbnail img{width:100%;max-height: 140px;object-fit: cover;}
  3953. .recentposts .title a{color:#e74c3c;}
  3954. .recentposts .recent-info{display: flex;margin-top:5px;font-size:13px;color:#888;}
  3955. .recentposts .recent-info a{color:#888;}
  3956. .recentposts .recent-info span:not(:last-of-type):after{content:&quot;-&quot;;margin:0 4px;}
  3957. .recentposts .snippet{margin-top: 5px;margin-bottom: 0;color:#999;}
  3958. .dark-mode .recentposts .snippet{color:#444;}
  3959. .recent-title{margin-top: 10px;margin-bottom: 0;line-height: 1.5;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight: 500;min-height: 45px;}
  3960. &lt;/style&gt;
  3961.  
  3962. &lt;div class=&#39;side&#39; id=&#39;side&#39;&gt;
  3963.  
  3964.   &lt;ul class=&#39;recentposts&#39; id=&#39;recentposts&#39;&gt;&lt;/ul&gt;
  3965. &lt;/div&gt;
  3966. &lt;script type=&quot;text/javascript&quot;&gt;
  3967.   function embed_post(){
  3968.     var totalpost = 6;
  3969.     var elements = &quot;&quot;;
  3970.     for (var i = 0; i &lt; 6; i++){
  3971.       elements += &quot;&lt;div class=&#39;post&#39;&gt;&lt;/div&gt;&quot;;
  3972.     }
  3973.     document.getElementById(&#39;main&#39;).innerHTML = elements;
  3974.   }
  3975.  
  3976.   var rp_blogUrl = &quot;https://emissionhex.blogspot.com/&quot;;
  3977.   var rp_totalItem = 3;
  3978.   var rp_showThumbnail = 1;
  3979.   var rp_showInfo = 1;
  3980.   var rp_showSnippet = 1;
  3981.   var rp_thumbnailSize = [256,144];
  3982.   var rp_snippetLength = 70;
  3983.   (function(){
  3984.     function filterTags(g, h) {
  3985.       var e = g.split(&quot;&lt;&quot;);
  3986.       for (var f = 0; f &lt; e.length; f++) {
  3987.         if (e[f].indexOf(&quot;&gt;&quot;) != -1) {
  3988.           e[f] = e[f].substring(e[f].indexOf(&quot;&gt;&quot;) + 1, e[f].length)
  3989.         }
  3990.       }
  3991.       e = e.join(&quot;&quot;);
  3992.       e = e.substring(0, h - 1);
  3993.       return e
  3994.     }
  3995.  
  3996.     var callback = &quot;recentposts&quot;;
  3997.     var containerID = document.getElementById(&quot;recentposts&quot;);
  3998.     window[callback] = function(data){
  3999.       var elements = &quot;&quot;;
  4000.       for (var i = 0; i &lt; rp_totalItem; i++){
  4001.         if (i == data.feed.entry.length){
  4002.           break;
  4003.         }
  4004.  
  4005.         var entry = data.feed.entry[i];
  4006.         var item_title = entry.title.$t, item_comment = [], item_url, item_thumb, item_date, item_label, item_snippet;
  4007.  
  4008.         for (var j = 0; j &lt; entry.link.length; j++) {
  4009.           if (&quot;replies&quot; == entry.link[j].rel &amp;&amp; &quot;text/html&quot; == entry.link[j].type) {
  4010.                   item_comment[0] = entry.link[j].title;
  4011.                   item_comment[1] = entry.link[j].href;
  4012.           }
  4013.           if (&quot;alternate&quot; == entry.link[j].rel) {
  4014.             item_url = entry.link[j].href;
  4015.             break;
  4016.           }
  4017.         }
  4018.  
  4019.         item_thumb = &quot;//3.bp.blogspot.com/-FHhLnZncaZE/XF-c-Ey_n2I/AAAAAAAAAkA/TXD5_-NJvH0nWEVliT1vS0RR_R2lsr0TQCLcBGAs/s72-c/no-image.jpg&quot;;
  4020.         if (&quot;media$thumbnail&quot; in entry) {
  4021.           item_thumb = entry.media$thumbnail.url.replace(&quot;/s72-c/&quot;, &quot;/w&quot; + rp_thumbnailSize[0] + &quot;-h&quot; + rp_thumbnailSize[1] + &quot;-p-k-no-nu/&quot;);
  4022.         }
  4023.  
  4024.         var date = entry.published.$t,
  4025.         year = date.substring(0, 4),
  4026.         digit = date.substring(5, 7),
  4027.         day = date.substring(8, 10),
  4028.         month = [&quot;&quot;, &quot;January&quot;, &quot;Februari&quot;, &quot;Maret&quot;, &quot;April&quot;, &quot;Mei&quot;, &quot;Juni&quot;, &quot;Juli&quot;, &quot;Agustus&quot;, &quot;September&quot;, &quot;Oktober&quot;, &quot;November&quot;, &quot;Desember&quot;];
  4029.         item_date = month[parseInt(digit)] + &quot; &quot;+ day + &quot;, &quot; + year;
  4030.  
  4031.         item_label = &quot;&quot;;
  4032.         for (var n = 0; n &lt; entry.category.length; n++){
  4033.           var urlLabels = rp_blogUrl.replace(/\/$/, &quot;&quot;) + &quot;/search/label/&quot; + entry.category[n].term + &quot;?max-results=6&quot;;
  4034.           item_label += &quot;&lt;a href=&#39;&quot; + urlLabels + &quot;&#39;&gt;&quot; + entry.category[n].term + &quot;&lt;/a&gt;&quot;;
  4035.         }
  4036.  
  4037.         item_snippet = &quot;&quot;;
  4038.         if (&quot;content&quot; in entry) {
  4039.           item_snippet = entry.content.$t
  4040.         } else {
  4041.           if (&quot;summary&quot; in entry) {
  4042.             item_snippet = entry.summary.$t
  4043.           }
  4044.         }
  4045.         item_snippet = filterTags(item_snippet, rp_snippetLength);
  4046.  
  4047.         elements += &quot;&lt;li&gt;&quot;;
  4048.         if (rp_showThumbnail){
  4049.           elements += &quot;&lt;div class=&#39;thumbnail&#39;&gt;&lt;a href=&#39;&quot;+item_url+&quot;&#39;&gt;&lt;img class=&#39;r2&#39; src=&#39;&quot;+item_thumb+&quot;&#39;/&gt;&lt;/a&gt;&lt;/div&gt;&quot;;
  4050.         }
  4051.         elements += &quot;&lt;h4 class=&#39;recent-title&#39;&gt;&lt;a href=&#39;&quot;+item_url+&quot;&#39;&gt;&quot;+item_title+&quot;&lt;/a&gt;&lt;/h4&gt;&quot;;
  4052.         if (rp_showInfo){
  4053.           elements += &quot;&lt;div class=&#39;recent-info&#39;&gt;&quot;;
  4054.           elements += &quot;&lt;time class=&#39;times&#39;&gt;&quot;+item_date+&quot;&lt;/time&gt;&lt;span class=&#39;mla&#39;&gt;&lt;a href=&#39;&quot;+item_comment[1]+&quot;&#39;&gt;&quot;+item_comment[0]+&quot;&lt;/a&gt;&lt;/span&gt;&quot;;
  4055.           elements += &quot;&lt;/div&gt;&quot;;
  4056.         }
  4057.         if (rp_showSnippet){
  4058.           elements += &quot;&lt;p class=&#39;snippet&#39;&gt;&quot;+item_snippet+&quot;...&lt;/p&gt;&quot;;
  4059.         }
  4060.         elements += &quot;&lt;/li&gt;&quot;;
  4061.       }
  4062.       containerID.innerHTML = elements;
  4063.     }
  4064.     var js = document.createElement(&quot;script&quot;);
  4065.     var blogUrl = rp_blogUrl.replace(/\/$/, &quot;&quot;);
  4066.     js.src = blogUrl + &quot;/feeds/posts/default/-/Tema?orderby=published&amp;alt=json-in-script&amp;max-results=&quot; + rp_totalItem + &quot;&amp;callback=&quot; + callback;
  4067.     document.getElementsByTagName(&quot;head&quot;)[0].appendChild(js);
  4068.   })();
  4069. &lt;/script&gt;</b:widget-setting>
  4070.                             </b:widget-settings>
  4071.                             <b:includable id='main'>
  4072.   <h3 class='title flex aic'>
  4073.     <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg'><circle cx='6.18' cy='17.82' fill='currentColor' r='2.18'/><path d='M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z' fill='currentColor'/></svg>
  4074. <data:title/>
  4075. </h3>
  4076.   <div class='widget-content'>
  4077.     <data:content/>
  4078.   </div>
  4079. </b:includable>
  4080.                           </b:widget>
  4081.                         </b:section>
  4082.                         </b:tag>
  4083.                         <b:section cond='data:view.isMultipleItems and !data:view.isLabelSearch' id='sidebar' showaddelement='true'>
  4084.                           <b:widget id='BlogSearch2' locked='true' title='Search' type='BlogSearch' version='2' visible='false'>
  4085.                             <b:includable id='main'>
  4086.             <h3 class='title flex aic'>
  4087.     <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 16 16' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M6 12v-1h4v1H6zM4 7h8v1H4V7zm10-4v1H2V3h12z' fill='currentColor'/></svg>
  4088. <data:title/>
  4089. </h3>
  4090.             <b:include name='content'/>
  4091.           </b:includable>
  4092.                             <b:includable id='content'>
  4093.             <section class='quickfilter' role='search'>
  4094.               <div class='filters'>
  4095.                 <div class='opt'>
  4096.                   <!-- List Label -->
  4097.                   <div class='filter'>
  4098.                     <input class='hidden chk' id='Genre' name='genre' type='checkbox'/>
  4099.                     <label class='dropdown-toggle' data-toggle='dropdown' for='Genre'> Genre <span class='value' data-label-placement='true'>All</span> </label>
  4100.                     <ul class='dropdown-menu lg c4'>
  4101.                       <li>
  4102.                         <input class='genre' id='Action' type='checkbox' value='Action'/>
  4103.                         <label for='Action'>Action</label>
  4104.                       </li>
  4105.                       <li>
  4106.                         <input class='genre' id='Adventurer' type='checkbox' value='Adventurer'/>
  4107.                         <label for='Adventurer'>Adventurer</label>
  4108.                       </li>
  4109.                       <li>
  4110.                         <input class='genre' id='Comedy' type='checkbox' value='Comedy'/>
  4111.                         <label for='Comedy'>Comedy</label>
  4112.                       </li>
  4113.                       <li>
  4114.                         <input class='genre' id='Dementia' type='checkbox' value='Dementia'/>
  4115.                         <label for='Dementia'>Dementia</label>
  4116.                       </li>
  4117.                       <li>
  4118.                         <input class='genre' id='Demons' type='checkbox' value='Demons'/>
  4119.                         <label for='Demons'>Demons</label>
  4120.                       </li>
  4121.                       <li>
  4122.                         <input class='genre' id='Drama' type='checkbox' value='Drama'/>
  4123.                         <label for='Drama'>Drama</label>
  4124.                       </li>
  4125.                       <li>
  4126.                         <input class='genre' id='Ecchi' type='checkbox' value='Ecchi'/>
  4127.                         <label for='Ecchi'>Ecchi</label>
  4128.                       </li>
  4129.                       <li>
  4130.                         <input class='genre' id='Fantasy' type='checkbox' value='Fantasy'/>
  4131.                         <label for='Fantasy'>Fantasy</label>
  4132.                       </li>
  4133.                       <li>
  4134.                         <input class='genre' id='Game' type='checkbox' value='Game'/>
  4135.                         <label for='Game'>Game</label>
  4136.                       </li>
  4137.                       <li>
  4138.                         <input class='genre' id='Harem' type='checkbox' value='Harem'/>
  4139.                         <label for='Harem'>Harem</label>
  4140.                       </li>
  4141.                       <li>
  4142.                         <input class='genre' id='Historical' type='checkbox' value='Historical'/>
  4143.                         <label for='Historical'>Historical</label>
  4144.                       </li>
  4145.                       <li>
  4146.                         <input class='genre' id='Horror' type='checkbox' value='Horror'/>
  4147.                         <label for='Horror'>Horror</label>
  4148.                       </li>
  4149.                       <li>
  4150.                         <input class='genre' id='Josei' type='checkbox' value='Josei'/>
  4151.                         <label for='Josei'>Josei</label>
  4152.                       </li>
  4153.                       <li>
  4154.                         <input class='genre' id='Magic' type='checkbox' value='Magic'/>
  4155.                         <label for='Magic'>Magic</label>
  4156.                       </li>
  4157.                       <li>
  4158.                         <input class='genre' id='Martial Arts' type='checkbox' value='Martial Arts'/>
  4159.                         <label for='Martial Arts'>Martial Arts</label>
  4160.                       </li>
  4161.                       <li>
  4162.                         <input class='genre' id='Mecha' type='checkbox' value='Mecha'/>
  4163.                         <label for='Mecha'>Mecha</label>
  4164.                       </li>
  4165.                       <li>
  4166.                         <input class='genre' id='Military' type='checkbox' value='Military'/>
  4167.                         <label for='Military'>Military</label>
  4168.                       </li>
  4169.                       <li>
  4170.                         <input class='genre' id='Music' type='checkbox' value='Music'/>
  4171.                         <label for='Music'>Music</label>
  4172.                       </li>
  4173.                       <li>
  4174.                         <input class='genre' id='Mystery' type='checkbox' value='Mystery'/>
  4175.                         <label for='Mystery'>Mystery</label>
  4176.                       </li>
  4177.                       <li>
  4178.                         <input class='genre' id='Parody' type='checkbox' value='Parody'/>
  4179.                         <label for='Parody'>Parody</label>
  4180.                       </li>
  4181.                       <li>
  4182.                         <input class='genre' id='Police' type='checkbox' value='Police'/>
  4183.                         <label for='Police'>Police</label>
  4184.                       </li>
  4185.                       <li>
  4186.                         <input class='genre' id='Psychological' type='checkbox' value='Psychological'/>
  4187.                         <label for='Psychological'>Psychological</label>
  4188.                       </li>
  4189.                       <li>
  4190.                         <input class='genre' id='Romance' type='checkbox' value='Romance'/>
  4191.                         <label for='Romance'>Romance</label>
  4192.                       </li>
  4193.                       <li>
  4194.                         <input class='genre' id='Samurai' type='checkbox' value='Samurai'/>
  4195.                         <label for='Samurai'>Samurai</label>
  4196.                       </li>
  4197.                       <li>
  4198.                         <input class='genre' id='School' type='checkbox' value='School'/>
  4199.                         <label for='School'>School</label>
  4200.                       </li>
  4201.                       <li>
  4202.                         <input class='genre' id='Sci-Fi' type='checkbox' value='Sci-Fi'/>
  4203.                         <label for='Sci-Fi'>Sci-Fi</label>
  4204.                       </li>
  4205.                       <li>
  4206.                         <input class='genre' id='Seinen' type='checkbox' value='Seinen'/>
  4207.                         <label for='Seinen'>Seinen</label>
  4208.                       </li>
  4209.                       <li>
  4210.                         <input class='genre' id='Shoujo' type='checkbox' value='Shoujo'/>
  4211.                         <label for='Shoujo'>Shoujo</label>
  4212.                       </li>
  4213.                       <li>
  4214.                         <input class='genre' id='Shoujo Ai' type='checkbox' value='Shoujo Ai'/>
  4215.                         <label for='Shoujo Ai'>Shoujo Ai</label>
  4216.                       </li>
  4217.                       <li>
  4218.                         <input class='genre' id='Shounen' type='checkbox' value='Shounen'/>
  4219.                         <label for='Shounen'>Shounen</label>
  4220.                       </li>
  4221.                       <li>
  4222.                         <input class='genre' id='Slice of Life' type='checkbox' value='Slice of Life'/>
  4223.                         <label for='Slice of Life'>Slice of Life</label>
  4224.                       </li>
  4225.                       <li>
  4226.                         <input class='genre' id='Space' type='checkbox' value='Space'/>
  4227.                         <label for='Space'>Space</label>
  4228.                       </li>
  4229.                       <li>
  4230.                         <input class='genre' id='Sports' type='checkbox' value='Sports'/>
  4231.                         <label for='Sports'>Sports</label>
  4232.                       </li>
  4233.                       <li>
  4234.                         <input class='genre' id='Super Power' type='checkbox' value='Super Power'/>
  4235.                         <label for='Super Power'>Super Power</label>
  4236.                       </li>
  4237.                       <li>
  4238.                         <input class='genre' id='Supernatural' type='checkbox' value='Supernatural'/>
  4239.                         <label for='Supernatural'>Supernatural</label>
  4240.                       </li>
  4241.                       <li>
  4242.                         <input class='genre' id='Thriller' type='checkbox' value='Thriller'/>
  4243.                         <label for='Thriller'>Thriller</label>
  4244.                       </li>
  4245.                       <li>
  4246.                         <input class='genre' id='Vampire' type='checkbox' value='Vampire'/>
  4247.                         <label for='Vampire'>Vampire</label>
  4248.                       </li>
  4249.                       <li>
  4250.                         <input class='genre' id='Work Life' type='checkbox' value='Work Life'/>
  4251.                         <label for='Work Life'>Work Life</label>
  4252.                       </li>
  4253.                       <li>
  4254.                         <input class='genre' id='Yuri' type='checkbox' value='Yuri'/>
  4255.                         <label for='Yuri'>Yuri</label>
  4256.                       </li>
  4257.                     </ul>
  4258.                   </div>
  4259.                   <div class='filter'>
  4260.                     <input class='hidden chk' id='Status' name='status' type='checkbox'/>
  4261.                     <label class='dropdown-toggle' data-toggle='dropdown' for='Status'> Status <span class='value' data-label-placement='true'>All</span> </label>
  4262.                     <ul class='dropdown-menu lg c1'>
  4263.                       <li>
  4264.                         <input class='genre' id='Ongoing' type='checkbox' value='Ongoing'/>
  4265.                         <label for='Ongoing'>Ongoing</label>
  4266.                       </li>
  4267.                       <li>
  4268.                         <input class='genre' id='Completed' type='checkbox' value='Completed'/>
  4269.                         <label for='Completed'>Completed</label>
  4270.                       </li>
  4271.                       <li>
  4272.                         <input class='genre' id='Dropped' type='checkbox' value='Dropped'/>
  4273.                         <label for='Dropped'>Dropped</label>
  4274.                       </li>
  4275.                       <li>
  4276.                         <input class='genre' id='Upcoming' type='checkbox' value='Upcoming'/>
  4277.                         <label for='Upcoming'>Upcoming</label>
  4278.                       </li>
  4279.                     </ul>
  4280.                   </div>
  4281.                   <div class='filter'>
  4282.                     <input class='hidden chk' id='Type' name='type' type='checkbox'/>
  4283.                     <label class='dropdown-toggle' data-toggle='dropdown' for='Type'> Type <span class='value' data-label-placement='true'>All</span> </label>
  4284.                     <ul class='dropdown-menu lg c1'>
  4285.                       <li>
  4286.                         <input class='genre' id='Manga' type='checkbox' value='Manga'/>
  4287.                         <label for='Manga'>Manga</label>
  4288.                       </li>
  4289.                       <li>
  4290.                         <input class='genre' id='Manhua' type='checkbox' value='Manhua'/>
  4291.                         <label for='Manhua'>Manhua</label>
  4292.                       </li>
  4293.                       <li>
  4294.                         <input class='genre' id='Manhwa' type='checkbox' value='Manhwa'/>
  4295.                         <label for='Manhwa'>Manhwa</label>
  4296.                       </li>
  4297.                       <li>
  4298.                         <input class='genre' id='Novel' type='checkbox' value='Novel'/>
  4299.                         <label for='Novel'>Novel</label>
  4300.                       </li>
  4301.                     </ul>
  4302.                   </div>
  4303.                   <div class='filter'>
  4304.                     <input class='hidden chk' id='Lang' name='lang' type='checkbox'/>
  4305.                     <label class='dropdown-toggle' data-toggle='dropdown' for='Lang'> Language <span class='value' data-label-placement='true'>All</span> </label>
  4306.                     <ul class='dropdown-menu lg c1'>
  4307.                       <li>
  4308.                         <input class='genre' id='Indonesian' type='checkbox' value='Indonesian'/>
  4309.                         <label for='Indonesian'>Indonesian</label>
  4310.                       </li>
  4311.                       <li>
  4312.                         <input class='genre' id='English' type='checkbox' value='English'/>
  4313.                         <label for='English'>English</label>
  4314.                       </li>
  4315.                     </ul>
  4316.                   </div>
  4317.                 </div>
  4318.  
  4319.                 <div class='p-15'>
  4320.                 <button class='submit' type='submit'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' style='vertical-align: -0.125em;' viewBox='0 0 20 20' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M8.5 3a5.5 5.5 0 0 1 4.383 8.823l4.147 4.147a.75.75 0 0 1-.976 1.133l-.084-.073l-4.147-4.147A5.5 5.5 0 1 1 8.5 3Zm0 1.5a4 4 0 1 0 0 8a4 4 0 0 0 0-8Z' fill='currentColor'/></svg>Filter  <span class='count'> </span></button>
  4321.                 </div>
  4322.                 <!-- Hasil -->
  4323.                 <div id='result'/>
  4324.                
  4325. <script>/*<![CDATA[*/
  4326. var num = 15;
  4327. var newtab = false;
  4328. $('.submit').click(function(){
  4329. var validator = document.getElementsByClassName('genre');
  4330. var o = [];
  4331. for(var i=0;i<validator.length;i++){
  4332.    if(validator[i].checked){
  4333.     o.push(validator[i].value)
  4334.   }
  4335. }
  4336. window.open(location.protocol+ '//' + location.hostname + '/search/label/' + o.join('+') + '?&max-results=' + num, newtab == true ? '_blank' : '_self');
  4337. });
  4338. /*]]>*/</script>
  4339.                
  4340.               </div>
  4341.             </section>
  4342. </b:includable>
  4343.                             <b:includable id='searchForm'>
  4344.   <form expr:action='data:blog.searchUrl'>
  4345.     <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
  4346.     <b:include name='urlParamsAsFormInput'/>
  4347.     <div class='searchf filter'>
  4348.       <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q'/>
  4349.     </div>
  4350.     <b:include name='searchSubmit'/>
  4351.   </form>
  4352. </b:includable>
  4353.                             <b:includable id='searchSubmit'>
  4354.  
  4355. </b:includable>
  4356.                           </b:widget>
  4357.                           <b:widget id='PopularPosts3' locked='true' title='Popular Manga' type='PopularPosts' version='2' visible='true'>
  4358.                             <b:widget-settings>
  4359.                               <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
  4360.                               <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  4361.                               <b:widget-setting name='showSnippets'>true</b:widget-setting>
  4362.                               <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  4363.                             </b:widget-settings>
  4364.                             <b:includable id='main' var='this'>
  4365.                               <h3 class='title flex aic'>
  4366.     <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M21 7a.78.78 0 0 0 0-.21a.64.64 0 0 0-.05-.17a1.1 1.1 0 0 0-.09-.14a.75.75 0 0 0-.14-.17l-.12-.07a.69.69 0 0 0-.19-.1h-.2A.7.7 0 0 0 20 6h-5a1 1 0 0 0 0 2h2.83l-4 4.71l-4.32-2.57a1 1 0 0 0-1.28.22l-5 6a1 1 0 0 0 .13 1.41A1 1 0 0 0 4 18a1 1 0 0 0 .77-.36l4.45-5.34l4.27 2.56a1 1 0 0 0 1.27-.21L19 9.7V12a1 1 0 0 0 2 0V7Z' fill='currentColor'/></svg>
  4367. <data:title/>
  4368. </h3>
  4369.                              
  4370.                                 <b:include name='snippetedPosts'/>
  4371.                              
  4372.                             </b:includable>
  4373.                             <b:includable id='blogThisShare'>
  4374.                               <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' var='onclick'>
  4375.                                 <b:include name='platformShare'/>
  4376.                               </b:with>
  4377.                             </b:includable>
  4378.                             <b:includable id='bylineByName' var='byline'>
  4379.                               <b:switch var='data:byline.name'>
  4380.                                 <b:case value='share'/>
  4381.                                 <b:include cond='data:post.shareUrl' name='postShareButtons'/>
  4382.                                 <b:case value='comments'/>
  4383.                                 <b:include cond='data:post.allowComments' name='postCommentsLink'/>
  4384.                                 <b:case value='location'/>
  4385.                                 <b:include cond='data:post.location' name='postLocation'/>
  4386.                                 <b:case value='timestamp'/>
  4387.                                 <b:include cond='not data:view.isPage' name='postTimestamp'/>
  4388.                                 <b:case value='author'/>
  4389.                                 <b:include name='postAuthor'/>
  4390.                                 <b:case value='labels'/>
  4391.                                 <b:include cond='data:post.labels' name='postLabels'/>
  4392.                                 <b:case value='icons'/>
  4393.                                 <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
  4394.                               </b:switch>
  4395.                             </b:includable>
  4396.                             <b:includable id='bylineRegion' var='regionItems'>
  4397.                               <b:loop values='data:regionItems' var='byline'>
  4398.                                 <b:include data='byline' name='bylineByName'/>
  4399.                               </b:loop>
  4400.                             </b:includable>
  4401.                             <b:includable id='commentsLink'>
  4402.                               <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  4403.                                 <b:if cond='data:post.numberOfComments &gt; 0'>
  4404.                                   <b:message name='messages.numberOfComments'>
  4405.                                     <b:param expr:value='data:post.numberOfComments' name='numComments'/>
  4406.                                   </b:message>
  4407.                                   <b:else/>
  4408.                                   <data:messages.postAComment/>
  4409.                                 </b:if>
  4410.                               </a>
  4411.                             </b:includable>
  4412.                             <b:includable id='commentsLinkIframe'>
  4413.                               <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
  4414.                             </b:includable>
  4415.                             <b:includable id='emailPostIcon'>
  4416.                               <span class='byline post-icons'>
  4417.                                 <!-- email post links -->
  4418.                                 <span class='item-action'>
  4419.                                   <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
  4420.                                     <b:include data='{ iconClass: &quot;touch-icon sharing-icon&quot; }' name='emailIcon'/>
  4421.                                   </a>
  4422.                                 </span>
  4423.                               </span>
  4424.                             </b:includable>
  4425.                             <b:includable id='facebookShare'>
  4426.                               <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' var='onclick'>
  4427.                                 <b:include name='platformShare'/>
  4428.                               </b:with>
  4429.                             </b:includable>
  4430.                             <b:includable id='footerBylines'>
  4431.                               <b:if cond='data:widgets.Blog.first.footerBylines'>
  4432.                                 <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
  4433.                                   <b:if cond='not data:region.items.empty'>
  4434.                                     <div expr:class='&quot;post-footer-line post-footer-line-&quot; + (data:i + 1)'>
  4435.                                       <b:with value='&quot;footer-&quot; + (data:i + 1)' var='regionName'>
  4436.                                         <b:include data='region.items' name='bylineRegion'/>
  4437.                                       </b:with>
  4438.                                     </div>
  4439.                                   </b:if>
  4440.                                 </b:loop>
  4441.                               </b:if>
  4442.                             </b:includable>
  4443.                             <b:includable id='googlePlusShare'>
  4444.                             </b:includable>
  4445.                             <b:includable id='headerByline'>
  4446.                               <b:if cond='data:widgets.Blog.first.headerByline'>
  4447.                                 <div class='post-header'>
  4448.                                   <div class='post-header-line-1'>
  4449.                                     <b:with value='&quot;header-1&quot;' var='regionName'>
  4450.                                       <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
  4451.                                     </b:with>
  4452.                                   </div>
  4453.                                 </div>
  4454.                               </b:if>
  4455.                             </b:includable>
  4456.                             <b:includable id='linkShare'>
  4457.                               <b:with value='&quot;window.prompt(\&quot;Copy to clipboard: Ctrl+C, Enter\&quot;, \&quot;&quot; + data:originalUrl + &quot;\&quot;); return false;&quot;' var='onclick'>
  4458.                                 <b:include name='platformShare'/>
  4459.                               </b:with>
  4460.                             </b:includable>
  4461.                             <b:includable id='otherSharingButton'>
  4462.                               <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
  4463.                                 <b:with value='{key: &quot;sharingOther&quot;}' var='platform'>
  4464.                                   <b:include name='sharingPlatformIcon'/>
  4465.                                 </b:with>
  4466.                                 <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
  4467.                               </span>
  4468.                             </b:includable>
  4469.                             <b:includable id='platformShare'>
  4470.                               <a expr:class='&quot;goog-inline-block sharing-&quot; + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:onclick='data:onclick ? data:onclick : &quot;&quot;' expr:title='data:platform.shareMessage' target='_blank'>
  4471.                                 <span class='share-button-link-text'>
  4472.                                   <data:platform.shareMessage/>
  4473.                                 </span>
  4474.                               </a>
  4475.                             </b:includable>
  4476.                             <b:includable id='postAuthor'>
  4477.                               <span class='byline post-author vcard'>
  4478.                                 <span class='post-author-label'>
  4479.                                   <data:byline.label/>
  4480.                                 </span>
  4481.                                 <span class='fn'>
  4482.                                   <b:if cond='data:post.author.profileUrl'>
  4483.                                     <meta expr:content='data:post.author.profileUrl'/>
  4484.                                     <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
  4485.                                       <span><data:post.author.name/></span>
  4486.                                     </a>
  4487.                                     <b:else/>
  4488.                                     <span><data:post.author.name/></span>
  4489.                                   </b:if>
  4490.                                 </span>
  4491.                               </span>
  4492.                             </b:includable>
  4493.                             <b:includable id='postCommentsLink'>
  4494.                               <span class='byline post-comment-link container'>
  4495.                                 <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  4496.                               </span>
  4497.                             </b:includable>
  4498.                             <b:includable id='postJumpLink' var='post'>
  4499.                               <div class='jump-link flat-button'>
  4500.                                 <a expr:href='data:post.url fragment &quot;more&quot;' expr:title='data:post.title'>
  4501.                                   <b:eval expr='data:blog.jumpLinkMessage'/>
  4502.                                 </a>
  4503.                               </div>
  4504.                             </b:includable>
  4505.                             <b:includable id='postLabels'>
  4506.                               <span class='span-spc fs-13'>
  4507.                                 <b>Genres</b>
  4508.                                 <b:loop index='i' values='data:post.labels' var='label'>
  4509.                                   <b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic'>
  4510.                                   <a expr:href='data:label.url' rel='tag'>
  4511.                                     <data:label.name/>,
  4512.                                   </a>
  4513.                                   </b:if>
  4514.                                 </b:loop>
  4515.                               </span>
  4516.                             </b:includable>
  4517.                             <b:includable id='postLocation'>
  4518.                               <span class='byline post-location'>
  4519.                                 <data:byline.label/>
  4520.                                 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  4521.                               </span>
  4522.                             </b:includable>
  4523.                             <b:includable id='postReactions'>
  4524.                               <!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
  4525.                             </b:includable>
  4526.                             <b:includable id='postShareButtons'>
  4527.                               <div class='byline post-share-buttons goog-inline-block'>
  4528.                                 <b:with value='data:sharingId ?: ((data:widget.instanceId ?: &quot;sharing&quot;) + &quot;-&quot; + (data:regionName ?: &quot;byline&quot;) + &quot;-&quot; + data:post.id)' var='sharingId'>
  4529.                                   <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
  4530.                                   <b:include data='{                                                sharingId: data:sharingId,                                                originalUrl: data:post.url,                                                platforms: data:this.sharing.platforms,                                                shareUrl: data:post.shareUrl,                                                shareTitle: data:post.title,                                              }' name='sharingButtons'/>
  4531.                                 </b:with>
  4532.                               </div>
  4533.                             </b:includable>
  4534.                             <b:includable id='postTimestamp'>
  4535.                               <span class='byline post-timestamp'>
  4536.                                 <data:byline.label/>
  4537.                                 <b:if cond='data:post.url'>
  4538.                                   <meta expr:content='data:post.url.canonical'/>
  4539.                                   <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
  4540.                                     <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
  4541.                                       <data:post.date/>
  4542.                                     </time>
  4543.                                   </a>
  4544.                                 </b:if>
  4545.                               </span>
  4546.                             </b:includable>
  4547.                             <b:includable id='sharingButton'>
  4548.                               <span expr:aria-label='data:platform.shareMessage' expr:class='&quot;sharing-platform-button sharing-element-&quot; + data:platform.key' expr:data-href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
  4549.                                 <b:include name='sharingPlatformIcon'/>
  4550.                                 <span class='platform-sharing-text'><data:platform.name/></span>
  4551.                               </span>
  4552.                             </b:includable>
  4553.                             <b:includable id='sharingButtonContent'>
  4554.                               <div class='flat-icon-button ripple'>
  4555.                                 <b:include name='shareIcon'/>
  4556.                               </div>
  4557.                             </b:includable>
  4558.                             <b:includable id='sharingButtons'>
  4559.                               <div class='sharing' expr:aria-owns='&quot;sharing-popup-&quot; + data:sharingId' expr:data-title='data:shareTitle'>
  4560.                                 <button class='sharing-button touch-icon-button' expr:aria-controls='&quot;sharing-popup-&quot; + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-button-&quot; + data:sharingId' role='button'>
  4561.                                   <b:include name='sharingButtonContent'/>
  4562.                                 </button>
  4563.                                 <b:include name='sharingButtonsMenu'/>
  4564.                               </div>
  4565.                             </b:includable>
  4566.                             <b:includable id='sharingButtonsMenu'>
  4567.                               <div class='share-buttons-container'>
  4568.                                 <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-popup-&quot; + data:sharingId' role='menu'>
  4569.                                   <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p =&gt; p.key not in {&quot;blogThis&quot;})' var='platform'>
  4570.                                     <li>
  4571.                                       <b:include name='sharingButton'/>
  4572.                                     </li>
  4573.                                   </b:loop>
  4574.                                   <li aria-hidden='true' class='hidden'>
  4575.                                     <b:include name='otherSharingButton'/>
  4576.                                   </li>
  4577.                                 </ul>
  4578.                               </div>
  4579.                             </b:includable>
  4580.                             <b:includable id='sharingPlatformIcon'>
  4581.                               <b:include data='{ iconClass: (&quot;touch-icon sharing-&quot; + data:platform.key) }' expr:name='data:platform.key + &quot;Icon&quot;'/>
  4582.                             </b:includable>
  4583.                             <b:includable id='snippetedPostByline'>
  4584.                               <b:with value='(data:widgets first (w =&gt; w.type == &quot;Blog&quot;)).allBylineItems' var='blogBylines'>
  4585.                                 <div class='item-byline'>
  4586.                                   <b:with value='data:blogBylines first (i =&gt; i.name == &quot;author&quot;)' var='byline'>
  4587.                                     <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
  4588.                                   </b:with>
  4589.                                   <b:with value='data:blogBylines first (i =&gt; i.name == &quot;timestamp&quot;)' var='byline'>
  4590.                                     <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
  4591.                                   </b:with>
  4592.                                 </div>
  4593.                               </b:with>
  4594.                             </b:includable>
  4595.                             <b:includable id='snippetedPostContent'>
  4596.                               <div class='grid pcc'><div class='w-25 h25 tac lh-25px r2f'><b:eval expr='data:num'/></div></div>
  4597.                               <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  4598.                               <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  4599.                             </b:includable>
  4600.                             <b:includable id='snippetedPostThumbnail'>
  4601.                               <div class='item-thumbnail'>
  4602.                                 <a expr:href='data:post.url'>
  4603.                                   <b:include data='{                         image: data:post.featuredImage,                         imageSizes: [72, 144],                         imageRatio: &quot;58:75&quot;,                         sourceSizes: &quot;80px&quot;                        }' name='responsiveImage'/>
  4604.                                 </a>
  4605.                               </div>
  4606.                             </b:includable>
  4607.                             <b:includable id='snippetedPostTitle'>
  4608.                               <div>
  4609.                               <b:if cond='data:post.title != &quot;&quot;'>
  4610.                                 <h3 class='post-title m-0 fs-15'><a expr:href='data:post.url'><data:post.title/></a></h3>
  4611.                               </b:if>
  4612.                                 <b:include name='postLabels'/>
  4613.                                 <b:include name='rbt'/>
  4614.                               </div>
  4615.                             </b:includable>
  4616.                             <b:includable id='snippetedPosts'>
  4617.                               <b:with value='data:posts filter (p =&gt; p.labels none (l =&gt; l.name == &quot;Chapter&quot;))' var='posts'>
  4618.                                 <!-- Don't render the post that we're currently already looking at. -->
  4619.                                 <b:loop index='i' values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
  4620.                                   <b:with value='data:i + 1' var='num'>
  4621.                                   <article class='p-y12x15 grid gtc-3c bb-1pxsf' role='article'>
  4622.                                     <b:include name='snippetedPostContent'/>
  4623.                                   </article>
  4624.                                     </b:with>
  4625.                                 </b:loop>
  4626.                              
  4627.                               </b:with>
  4628.                             </b:includable>
  4629.                           </b:widget>
  4630.                           <b:widget id='HTML10' locked='false' title='Reading History' type='HTML' version='2' visible='true'>
  4631.                             <b:widget-settings>
  4632.                               <b:widget-setting name='content'><![CDATA[<script>history_('#HTML10','#HTML10 .widget-history')</script>]]></b:widget-setting>
  4633.                             </b:widget-settings>
  4634.                             <b:includable id='main'>
  4635.   <h3 class='title flex aic'>
  4636.     <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 28 28' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M4 7.5a1.5 1.5 0 0 1 2.75-.83a1 1 0 0 0 1.663-1.11A3.5 3.5 0 1 0 5.483 11H21a1 1 0 1 0 0-2H5.5A1.5 1.5 0 0 1 4 7.5ZM12 5a1 1 0 1 0 0 2h13a1 1 0 1 0 0-2H12Zm-5 8a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H7Zm-5 5a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm5 3a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H7Z' fill='currentColor'/></svg>
  4637. <data:title/>
  4638. </h3>
  4639.   <ul class='widget-history m-0 pl-0 lsn'>
  4640.     <data:content/>
  4641.   </ul>
  4642. </b:includable>
  4643.                           </b:widget>
  4644.                           <b:widget id='HTML2' locked='true' title='Donation' type='HTML' version='2' visible='true'>
  4645.                             <b:widget-settings>
  4646.                               <b:widget-setting name='content'><![CDATA[<a href="https://trakteer.id/wernayasa" target="_blank" rel="noopener"><div style="padding: 10px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbXzT_YUP8J88nSfO330yDuk14rxXDVKOo_OlgieKyoQpKDK9gtiIrA4YfkL98jNmWB_mAcHL0yLLKHxdXZAGzYDOihrRfClLbx4G-F4hhWZHu7HRxFvxCYCNw1_IvFMhsToh514NppBQzyrCl5uWmJVjB8yhRE5adrYJAdWwW_DtdNMxhoe3iXTUDjA/s800/navbar-logo-lite-beta.png" alt="" /></div></a>]]></b:widget-setting>
  4647.                             </b:widget-settings>
  4648.                             <b:includable id='main'>
  4649.                               <h3 class='title flex aic'>
  4650.     <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M21.909 10.928H24v2.02h-2.091zm-3.635 0h2.091v2.02h-2.091zm-6.022.001l-.657 2.215l-3.772-8.343l-1.954 6.17H0v2.02h7.346l.81-2.551l3.834 8.486l1.76-5.978h2.973v-2.02z' fill='currentColor'/></svg>
  4651. <data:title/>
  4652. </h3>
  4653.                               <div class='widget-content'>
  4654.                                 <data:content/>
  4655.                               </div>
  4656.                             </b:includable>
  4657.                           </b:widget>
  4658.                           <b:widget id='HTML4' locked='false' title='Random Manga' type='HTML' version='2' visible='false'>
  4659.                             <b:widget-settings>
  4660.                               <b:widget-setting name='content'>&lt;style&gt;
  4661.                                 ul#random-posts {
  4662.                                 list-style-type: none;
  4663.                                 padding: 0px;
  4664.                                 display: grid;
  4665.                                 grid-template-columns: repeat(3, 32%);
  4666.                                 gap: 7px;
  4667.                                 margin: 0;
  4668.                                 }
  4669.                                 #random-posts img {
  4670.                                 width: 100%;
  4671.                                 height: 100%;
  4672.                                 object-fit: cover;
  4673.                                 }
  4674.                                 #random-posts img:hover{opacity: 0.6;}
  4675.                                 ul#random-posts {list-style-type: none;padding: 0px;}
  4676.                                 #random-posts a {font-size: 12px;text-transform:uppercase; padding: 0px auto 5px;}
  4677.                                 #random-posts a:hover {text-decoration: none;}
  4678.                                 .rp-snippet {font-size: 11px;background: none; padding: 5px; margin-right: 8px;}
  4679.                                 #random-posts span {}
  4680.  
  4681.                                 &lt;/style&gt;
  4682.                                 &lt;ul id=&#39;random-posts&#39;&gt;
  4683.                                 &lt;script type=&#39;text/javaScript&#39;&gt;
  4684.                                 var rdp_numposts=6;
  4685.                                 var rdp_snippet_length=0;
  4686.                                 var rdp_info=&#39;no&#39;;
  4687.                                 var rdp_comment=&#39;comment&#39;;
  4688.                                 var rdp_disable=&#39;Comments Disabled&#39;;
  4689.                                 var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write(&#39;&lt;script type=\&quot;text/javascript\&quot; src=\&quot;/feeds/posts/default/-/Series?alt=json-in-script&amp;max-results=0&amp;callback=totalposts\&quot;&gt;&lt;\/script&gt;&#39;);function getvalue(){for(var i=0;i&lt;rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j&lt;rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
  4690.                                 &lt;/script&gt;
  4691.                                 &lt;script type=&#39;text/javaScript&#39;&gt;
  4692.                                 function random_posts(json){for(var i=0;i&lt;rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if(&#39;content&#39;in entry){var rdp_get_snippet=entry.content.$t}else{if(&#39;summary&#39;in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet=&quot;&quot;;}};rdp_get_snippet=rdp_get_snippet.replace(/&lt;[^&gt;]*&gt;/g,&quot;&quot;);if(rdp_get_snippet.length&lt;rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(&quot; &quot;);rdp_snippet=rdp_get_snippet.substring(0,space)+&quot;&amp;#133;&quot;;};for(var j=0;j&lt;entry.link.length;j++){if(&#39;thr$total&#39;in entry){var rdp_commentsNum=entry.thr$total.$t+&#39; &#39;+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel==&#39;alternate&#39;){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if(&#39;media$thumbnail&#39;in entry){var rdp_thumb=entry.media$thumbnail.url.replace(/\/s72\-c\//,&#39;/s200/&#39;)}else{rdp_thumb=&quot;http://1.bp.blogspot.com/-PPTJQCe-atQ/U4ca2QTr_5I/AAAAAAAAEEc/TRrKNK1fqQY/s1600/no-image-available.jpg&quot;}}};document.write(&#39;&lt;li&gt;&#39;);document.write(&#39;&lt;a href=&quot;&#39;+rdp_posturl+&#39;&quot; rel=&quot;nofollow&quot;&gt;&lt;img alt=&quot;&#39;+rdp_posttitle+&#39;&quot; loading=&quot;lazy&quot; src=&quot;&#39;+rdp_thumb+&#39;&quot;/&gt;&lt;/a&gt;&#39;);document.write(&#39;&lt;div class=&quot;hidden&quot;&gt;&lt;a href=&quot;&#39;+rdp_posturl+&#39;&quot; rel=&quot;nofollow&quot; title=&quot;&#39;+rdp_snippet+&#39;&quot;&gt;&#39;+rdp_posttitle+&#39;&lt;/a&gt;&lt;/div&gt;&#39;);if(rdp_info==&#39;yes&#39;){document.write(&#39;&lt;span&gt;&lt;div  class=&quot;rp-info&quot;&gt;&#39;+rdp_postdate.substring(8,10)+&#39;/&#39;+rdp_postdate.substring(5,7)+&#39;/&#39;+rdp_postdate.substring(0,4)+&#39; - &#39;+rdp_commentsNum)+&#39;&lt;/div&gt;&lt;/span&gt;&#39;};document.write(&#39;&lt;div class=&quot;hidden&quot;&gt;&#39;+rdp_snippet+&#39;&lt;/div&gt;&lt;/li&gt;&#39;)}};getvalue();for(var i=0;i&lt;rdp_numposts;i++){document.write(&#39;&lt;script type=\&quot;text/javascript\&quot; src=\&quot;/feeds/posts/default/-/Series?alt=json-in-script&amp;start-index=&#39;+rdp_current[i]+&#39;&amp;max-results=1&amp;callback=random_posts\&quot;&gt;&lt;\/script&gt;&#39;)};
  4693.                                 &lt;/script&gt;
  4694.                                 &lt;/ul&gt;</b:widget-setting>
  4695.                             </b:widget-settings>
  4696.                             <b:includable id='main'>
  4697.                               <b:include name='widget-title'/>
  4698.                               <div class='widget-content'>
  4699.                                 <data:content/>
  4700.                               </div>
  4701.                             </b:includable>
  4702.                           </b:widget>
  4703.                           <b:widget id='HTML18' locked='false' title='Join Discord' type='HTML' version='2' visible='true'>
  4704.                             <b:widget-settings>
  4705.                               <b:widget-setting name='content'><![CDATA[<a href="#"><img class="image " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNdigejeuvgCwYcm5N7IMSQAVG37kSUwS8l11ksU10s0aNljMWJLXmRgI8leCObl82axiEsCnPocPGR9hZnQsTgXBrd_eAnRh-Al5EQdVFVCz4JrYH2otTmJMdVS80fRhTSDsLjTwGmAJng-jbeXPyuMmArao0PNsSWjRXSGiCG0db0NXlNQmO9y-HDg/s800/discord.png" alt="Discord App" width="800" height="272" /></a>]]></b:widget-setting>
  4706.                             </b:widget-settings>
  4707.                             <b:includable id='main'>
  4708.   <h3 class='title flex aic'>
  4709.     <svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09c-.01-.02-.04-.03-.07-.03c-1.5.26-2.93.71-4.27 1.33c-.01 0-.02.01-.03.02c-2.72 4.07-3.47 8.03-3.1 11.95c0 .02.01.04.03.05c1.8 1.32 3.53 2.12 5.24 2.65c.03.01.06 0 .07-.02c.4-.55.76-1.13 1.07-1.74c.02-.04 0-.08-.04-.09c-.57-.22-1.11-.48-1.64-.78c-.04-.02-.04-.08-.01-.11c.11-.08.22-.17.33-.25c.02-.02.05-.02.07-.01c3.44 1.57 7.15 1.57 10.55 0c.02-.01.05-.01.07.01c.11.09.22.17.33.26c.04.03.04.09-.01.11c-.52.31-1.07.56-1.64.78c-.04.01-.05.06-.04.09c.32.61.68 1.19 1.07 1.74c.03.01.06.02.09.01c1.72-.53 3.45-1.33 5.25-2.65c.02-.01.03-.03.03-.05c.44-4.53-.73-8.46-3.1-11.95c-.01-.01-.02-.02-.04-.02zM8.52 14.91c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.84 2.12-1.89 2.12zm6.97 0c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.83 2.12-1.89 2.12z' fill='currentColor'/></svg>
  4710. <data:title/>
  4711. </h3>
  4712.   <div class='widget-content'>
  4713.     <data:content/>
  4714.   </div>
  4715. </b:includable>
  4716.                           </b:widget>
  4717.                           <b:widget id='LinkList1' locked='false' title='Genre' type='LinkList' version='2' visible='true'>
  4718.                             <b:widget-settings>
  4719.                               <b:widget-setting name='text-30'>Shounen</b:widget-setting>
  4720.                               <b:widget-setting name='text-31'>Slice of Life</b:widget-setting>
  4721.                               <b:widget-setting name='text-32'>Sports</b:widget-setting>
  4722.                               <b:widget-setting name='link-38'>search/label/Vampire</b:widget-setting>
  4723.                               <b:widget-setting name='text-26'>School Life</b:widget-setting>
  4724.                               <b:widget-setting name='link-35'>search/label/Tragedy</b:widget-setting>
  4725.                               <b:widget-setting name='text-27'>Sci-Fi</b:widget-setting>
  4726.                               <b:widget-setting name='link-34'>search/label/Thriller</b:widget-setting>
  4727.                               <b:widget-setting name='text-28'>Seinen</b:widget-setting>
  4728.                               <b:widget-setting name='link-37'>search/label/Vampire</b:widget-setting>
  4729.                               <b:widget-setting name='text-29'>Shoujo</b:widget-setting>
  4730.                               <b:widget-setting name='link-36'>search/label/Vampire</b:widget-setting>
  4731.                               <b:widget-setting name='text-22'>Music</b:widget-setting>
  4732.                               <b:widget-setting name='link-31'>search/label/Slice of Life</b:widget-setting>
  4733.                               <b:widget-setting name='text-23'>Mystery</b:widget-setting>
  4734.                               <b:widget-setting name='link-30'>search/label/Shounen</b:widget-setting>
  4735.                               <b:widget-setting name='text-24'>Psychological</b:widget-setting>
  4736.                               <b:widget-setting name='link-33'>search/label/Supernatural</b:widget-setting>
  4737.                               <b:widget-setting name='text-25'>Romance</b:widget-setting>
  4738.                               <b:widget-setting name='link-32'>search/label/Sports</b:widget-setting>
  4739.                               <b:widget-setting name='text-9'>Historical</b:widget-setting>
  4740.                               <b:widget-setting name='text-8'>Harem</b:widget-setting>
  4741.                               <b:widget-setting name='text-20'>Medical</b:widget-setting>
  4742.                               <b:widget-setting name='text-21'>Military</b:widget-setting>
  4743.                               <b:widget-setting name='text-1'>Adventure</b:widget-setting>
  4744.                               <b:widget-setting name='text-0'>Action</b:widget-setting>
  4745.                               <b:widget-setting name='text-3'>Cooking</b:widget-setting>
  4746.                               <b:widget-setting name='text-2'>Comedy</b:widget-setting>
  4747.                               <b:widget-setting name='text-5'>Ecchi</b:widget-setting>
  4748.                               <b:widget-setting name='text-4'>Drama</b:widget-setting>
  4749.                               <b:widget-setting name='text-7'>Game</b:widget-setting>
  4750.                               <b:widget-setting name='text-6'>Fantasy</b:widget-setting>
  4751.                               <b:widget-setting name='text-19'>Mecha</b:widget-setting>
  4752.                               <b:widget-setting name='text-15'>Manhwa</b:widget-setting>
  4753.                               <b:widget-setting name='text-16'>Martial Arts</b:widget-setting>
  4754.                               <b:widget-setting name='text-17'>Mature</b:widget-setting>
  4755.                               <b:widget-setting name='text-18'>Mecha</b:widget-setting>
  4756.                               <b:widget-setting name='text-11'>Isekai</b:widget-setting>
  4757.                               <b:widget-setting name='text-12'>Josei</b:widget-setting>
  4758.                               <b:widget-setting name='text-13'>Magic</b:widget-setting>
  4759.                               <b:widget-setting name='text-14'>Manhua</b:widget-setting>
  4760.                               <b:widget-setting name='text-10'>Horror</b:widget-setting>
  4761.                               <b:widget-setting name='link-17'>/search/label/Mature</b:widget-setting>
  4762.                               <b:widget-setting name='link-16'>/search/label/Martial Arts</b:widget-setting>
  4763.                               <b:widget-setting name='link-19'>/search/label/Mecha</b:widget-setting>
  4764.                               <b:widget-setting name='sorting'>ALPHABETICAL</b:widget-setting>
  4765.                               <b:widget-setting name='link-18'>/search/label/Mecha</b:widget-setting>
  4766.                               <b:widget-setting name='link-1'>/search/label/Adventure</b:widget-setting>
  4767.                               <b:widget-setting name='link-13'>/search/label/Magic</b:widget-setting>
  4768.                               <b:widget-setting name='link-2'>/search/label/Comedy</b:widget-setting>
  4769.                               <b:widget-setting name='link-12'>/search/label/Josei</b:widget-setting>
  4770.                               <b:widget-setting name='link-15'>/search/label/Manhwa</b:widget-setting>
  4771.                               <b:widget-setting name='link-0'>/search/label/Action</b:widget-setting>
  4772.                               <b:widget-setting name='link-14'>/search/label/Manhua</b:widget-setting>
  4773.                               <b:widget-setting name='link-11'>/search/label/Isekai</b:widget-setting>
  4774.                               <b:widget-setting name='link-10'>/search/label/Horror</b:widget-setting>
  4775.                               <b:widget-setting name='link-9'>/search/label/Historical</b:widget-setting>
  4776.                               <b:widget-setting name='link-7'>/search/label/Game</b:widget-setting>
  4777.                               <b:widget-setting name='link-8'>/search/label/Harem</b:widget-setting>
  4778.                               <b:widget-setting name='link-5'>/search/label/Ecchi</b:widget-setting>
  4779.                               <b:widget-setting name='link-6'>/search/label/Fantasy</b:widget-setting>
  4780.                               <b:widget-setting name='link-3'>/search/label/Cooking</b:widget-setting>
  4781.                               <b:widget-setting name='link-4'>/search/label/Drama</b:widget-setting>
  4782.                               <b:widget-setting name='link-28'>search/label/Seinen</b:widget-setting>
  4783.                               <b:widget-setting name='link-27'>search/label/Sci-Fi</b:widget-setting>
  4784.                               <b:widget-setting name='link-29'>search/label/Shoujo</b:widget-setting>
  4785.                               <b:widget-setting name='link-24'>search/label/Psychological</b:widget-setting>
  4786.                               <b:widget-setting name='text-37'>Vampire</b:widget-setting>
  4787.                               <b:widget-setting name='link-23'>/search/label/Mystery</b:widget-setting>
  4788.                               <b:widget-setting name='text-38'>Vampire</b:widget-setting>
  4789.                               <b:widget-setting name='link-26'>search/label/School Life</b:widget-setting>
  4790.                               <b:widget-setting name='link-25'>search/label/Romance</b:widget-setting>
  4791.                               <b:widget-setting name='link-20'>/search/label/Medical</b:widget-setting>
  4792.                               <b:widget-setting name='text-33'>Supernatural</b:widget-setting>
  4793.                               <b:widget-setting name='text-34'>Thriller</b:widget-setting>
  4794.                               <b:widget-setting name='link-22'>/search/label/Music</b:widget-setting>
  4795.                               <b:widget-setting name='text-35'>Tragedy</b:widget-setting>
  4796.                               <b:widget-setting name='link-21'>/search/label/Military</b:widget-setting>
  4797.                               <b:widget-setting name='text-36'>Vampire</b:widget-setting>
  4798.                             </b:widget-settings>
  4799.                             <b:includable id='main'>
  4800.                               <h3 class='title flex aic'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 256 256' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><circle cx='67.99' cy='68' fill='currentColor' opacity='.2' r='28'/><path d='M187.993 104a36.048 36.048 0 0 0-35.772 32h-21.748a39.896 39.896 0 0 1-30.73-14.393L82.512 100.93a35.994 35.994 0 1 0-22.522 2.163v49.814a36 36 0 1 0 16 0v-34.81l11.462 13.753a55.85 55.85 0 0 0 43.02 20.15h23.586a35.998 35.998 0 1 0 33.935-48zM47.99 68a20 20 0 1 1 20 20a20.022 20.022 0 0 1-20-20zm40 120a20 20 0 1 1-20-20a20.022 20.022 0 0 1 20 20zm100.003-28a20 20 0 1 1 20-20a20.022 20.022 0 0 1-20 20z' fill='currentColor'/></svg>
  4801. Genre
  4802. </h3>
  4803.                               <b:include name='content'/>
  4804.                             </b:includable>
  4805.                             <b:includable id='content'>
  4806.                               <div>
  4807.                                 <ul class='p-13 lsn genre relative'>
  4808.                                   <b:loop values='data:links' var='link'>
  4809.                                     <li><a expr:href='data:link.target'><data:link.name/></a></li>
  4810.                                   </b:loop>
  4811.                                 </ul>
  4812.                               </div>
  4813.                             </b:includable>
  4814.                           </b:widget>
  4815.                           <b:widget cond='data:view.isMultipleItems' id='HTML8' locked='true' title='Ads' type='HTML' version='2' visible='false'>
  4816.                             <b:widget-settings>
  4817.                               <b:widget-setting name='content'><![CDATA[<img src="https://1.bp.blogspot.com/-5ac6z8YEE8k/YQJLaybLKgI/AAAAAAAAHXI/NPoZjxVgbFQrUmJ3qMoXaYO19IXCoRZ7ACLcBGAsYHQ/s300/ads-sidebar.png"/>]]></b:widget-setting>
  4818.                             </b:widget-settings>
  4819.                             <b:includable id='main'>
  4820.                               <b:class name='ads'/>
  4821.   <div class='widget-content'>
  4822.     <data:content/>
  4823.   </div>
  4824. </b:includable>
  4825.                           </b:widget>
  4826.                           <b:widget cond='data:view.isHomepage' id='PopularPosts1' locked='true' title='Popular Post' type='PopularPosts' version='2' visible='false'>
  4827.                             <b:widget-settings>
  4828.                               <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
  4829.                               <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  4830.                               <b:widget-setting name='showSnippets'>true</b:widget-setting>
  4831.                               <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  4832.                             </b:widget-settings>
  4833.                             <b:includable id='main' var='this'>
  4834.                               <article>
  4835.                                 <div class='flex aic jcsb p-13'>
  4836.                                   <h3 class='m-0 c-theme fs-15 flex aic'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 432 488' width='0.89em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M364 304q2-12 2-20q1-59-24.5-90.5T270 135q10 55-18.5 86.5T179 241q24-39 29-69t-3.5-46.5t-17.5-36T172.5 52T178 2q-44 31-80 104.5T62 242q2 37 7 62q-68 28-68 67q0 37 63 64t152 27t152-27t63-64q0-39-67-67zM134 194q-11 52 12 89.5t56 37.5q63 0 88-100q36 27 39 72q3 49-37 83v1q-12 8-19 12q-1 1-2 1l-8 4l-2 1q-10 4-23 7q-3 0-4 1q-2 0-5 .5t-4 .5q-3 0-4 1h-26q-1 0-4-.5t-4-.5h-1q-8-2-10-2l-1-1l-9-3h-1q-30-12-47.5-39.5T101 293l-1 1q2-48 34-100z' fill='currentColor'/></svg><data:title/></h3>
  4837.                                   <a class='bg-main ttu p-3y6x fs-9 r2 c-fff' href=''>View All</a>
  4838.                                 </div>
  4839.  
  4840.                                 <b:include name='snippetedPosts'/>
  4841.                               </article>
  4842.                             </b:includable>
  4843.                             <b:includable id='blogThisShare'>
  4844.                               <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' var='onclick'>
  4845.                                 <b:include name='platformShare'/>
  4846.                               </b:with>
  4847.                             </b:includable>
  4848.                             <b:includable id='bylineByName' var='byline'>
  4849.                               <b:switch var='data:byline.name'>
  4850.                                 <b:case value='share'/>
  4851.                                 <b:include cond='data:post.shareUrl' name='postShareButtons'/>
  4852.                                 <b:case value='comments'/>
  4853.                                 <b:include cond='data:post.allowComments' name='postCommentsLink'/>
  4854.                                 <b:case value='location'/>
  4855.                                 <b:include cond='data:post.location' name='postLocation'/>
  4856.                                 <b:case value='timestamp'/>
  4857.                                 <b:include cond='not data:view.isPage' name='postTimestamp'/>
  4858.                                 <b:case value='author'/>
  4859.                                 <b:include name='postAuthor'/>
  4860.                                 <b:case value='labels'/>
  4861.                                 <b:include cond='data:post.labels' name='postLabels'/>
  4862.                                 <b:case value='icons'/>
  4863.                                 <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
  4864.                                 <b:case value='reactions'/>
  4865.                                 <b:include cond='data:post.reactionsUrl' name='postReactions'/>
  4866.                               </b:switch>
  4867.                             </b:includable>
  4868.                             <b:includable id='bylineRegion' var='regionItems'>
  4869.                               <b:loop values='data:regionItems' var='byline'>
  4870.                                 <b:include data='byline' name='bylineByName'/>
  4871.                               </b:loop>
  4872.                             </b:includable>
  4873.                             <b:includable id='commentsLink'>
  4874.                               <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  4875.                                 <b:if cond='data:post.numberOfComments &gt; 0'>
  4876.                                   <b:message name='messages.numberOfComments'>
  4877.                                     <b:param expr:value='data:post.numberOfComments' name='numComments'/>
  4878.                                   </b:message>
  4879.                                   <b:else/>
  4880.                                   <data:messages.postAComment/>
  4881.                                 </b:if>
  4882.                               </a>
  4883.                             </b:includable>
  4884.                             <b:includable id='commentsLinkIframe'>
  4885.                               <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
  4886.                             </b:includable>
  4887.                             <b:includable id='emailPostIcon'>
  4888.                               <span class='byline post-icons'>
  4889.                                 <!-- email post links -->
  4890.                                 <span class='item-action'>
  4891.                                   <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
  4892.                                     <b:include data='{ iconClass: &quot;touch-icon sharing-icon&quot; }' name='emailIcon'/>
  4893.                                   </a>
  4894.                                 </span>
  4895.                               </span>
  4896.                             </b:includable>
  4897.                             <b:includable id='facebookShare'>
  4898.                               <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' var='onclick'>
  4899.                                 <b:include name='platformShare'/>
  4900.                               </b:with>
  4901.                             </b:includable>
  4902.                             <b:includable id='footerBylines'>
  4903.                               <b:if cond='data:widgets.Blog.first.footerBylines'>
  4904.                                 <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
  4905.                                   <b:if cond='not data:region.items.empty'>
  4906.                                     <div expr:class='&quot;post-footer-line post-footer-line-&quot; + (data:i + 1)'>
  4907.                                       <b:with value='&quot;footer-&quot; + (data:i + 1)' var='regionName'>
  4908.                                         <b:include data='region.items' name='bylineRegion'/>
  4909.                                       </b:with>
  4910.                                     </div>
  4911.                                   </b:if>
  4912.                                 </b:loop>
  4913.                               </b:if>
  4914.                             </b:includable>
  4915.                             <b:includable id='googlePlusShare'>
  4916.                               <div class='goog-inline-block google-plus-share-container'>
  4917.                                 <g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
  4918.                               </div>
  4919.                             </b:includable>
  4920.                             <b:includable id='headerByline'>
  4921.                               <b:if cond='data:widgets.Blog.first.headerByline'>
  4922.                                 <div class='post-header'>
  4923.                                   <div class='post-header-line-1'>
  4924.                                     <b:with value='&quot;header-1&quot;' var='regionName'>
  4925.                                       <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
  4926.                                     </b:with>
  4927.                                   </div>
  4928.                                 </div>
  4929.                               </b:if>
  4930.                             </b:includable>
  4931.                             <b:includable id='linkShare'>
  4932.                               <b:with value='&quot;window.prompt(\&quot;Copy to clipboard: Ctrl+C, Enter\&quot;, \&quot;&quot; + data:originalUrl + &quot;\&quot;); return false;&quot;' var='onclick'>
  4933.                                 <b:include name='platformShare'/>
  4934.                               </b:with>
  4935.                             </b:includable>
  4936.                             <b:includable id='otherSharingButton'>
  4937.                               <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
  4938.                                 <b:with value='{key: &quot;sharingOther&quot;}' var='platform'>
  4939.                                   <b:include name='sharingPlatformIcon'/>
  4940.                                 </b:with>
  4941.                                 <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
  4942.                               </span>
  4943.                             </b:includable>
  4944.                             <b:includable id='platformShare'>
  4945.                               <a expr:class='&quot;goog-inline-block sharing-&quot; + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:onclick='data:onclick ? data:onclick : &quot;&quot;' expr:title='data:platform.shareMessage' target='_blank'>
  4946.                                 <span class='share-button-link-text'>
  4947.                                   <data:platform.shareMessage/>
  4948.                                 </span>
  4949.                               </a>
  4950.                             </b:includable>
  4951.                             <b:includable id='postAuthor'>
  4952.                               <span class='byline post-author vcard'>
  4953.                                 <span class='post-author-label'>
  4954.                                   <data:byline.label/>
  4955.                                 </span>
  4956.                                 <span class='fn'>
  4957.                                   <b:if cond='data:post.author.profileUrl'>
  4958.                                     <meta expr:content='data:post.author.profileUrl'/>
  4959.                                     <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
  4960.                                       <span><data:post.author.name/></span>
  4961.                                     </a>
  4962.                                     <b:else/>
  4963.                                     <span><data:post.author.name/></span>
  4964.                                   </b:if>
  4965.                                 </span>
  4966.                               </span>
  4967.                             </b:includable>
  4968.                             <b:includable id='postCommentsLink'>
  4969.                               <span class='byline post-comment-link container'>
  4970.                                 <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  4971.                               </span>
  4972.                             </b:includable>
  4973.                             <b:includable id='postJumpLink' var='post'>
  4974.                               <div class='jump-link flat-button'>
  4975.                                 <a expr:href='data:post.url fragment &quot;more&quot;' expr:title='data:post.title'>
  4976.                                   <b:eval expr='data:blog.jumpLinkMessage'/>
  4977.                                 </a>
  4978.                               </div>
  4979.                             </b:includable>
  4980.                             <b:includable id='postLabels'>
  4981.                               <span class='byline post-labels'>
  4982.                                 <span class='byline-label'>Genre: </span>
  4983.                                 <b:loop index='i' values='data:post.labels' var='label'>
  4984.                                   <a expr:href='data:label.url' rel='tag'>
  4985.                                     <data:label.name/>
  4986.                                   </a>,
  4987.                                 </b:loop>
  4988.                               </span>
  4989.                             </b:includable>
  4990.                             <b:includable id='postLocation'>
  4991.                               <span class='byline post-location'>
  4992.                                 <data:byline.label/>
  4993.                                 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  4994.                               </span>
  4995.                             </b:includable>
  4996.                             <b:includable id='postReactions'>
  4997.  
  4998.                               <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
  4999.  
  5000.                             </b:includable>
  5001.                             <b:includable id='postShareButtons'>
  5002.                               <div class='byline post-share-buttons goog-inline-block'>
  5003.                                 <b:with value='data:sharingId ?: ((data:widget.instanceId ?: &quot;sharing&quot;) + &quot;-&quot; + (data:regionName ?: &quot;byline&quot;) + &quot;-&quot; + data:post.id)' var='sharingId'>
  5004.                                   <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
  5005.                                   <b:include data='{                                                sharingId: data:sharingId,                                                originalUrl: data:post.url,                                                platforms: data:this.sharing.platforms,                                                shareUrl: data:post.shareUrl,                                                shareTitle: data:post.title,                                              }' name='sharingButtons'/>
  5006.                                 </b:with>
  5007.                               </div>
  5008.                             </b:includable>
  5009.                             <b:includable id='postTimestamp'>
  5010.                               <span class='byline post-timestamp'>
  5011.                                 <data:byline.label/>
  5012.                                 <b:if cond='data:post.url'>
  5013.                                   <meta expr:content='data:post.url.canonical'/>
  5014.                                   <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
  5015.                                     <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
  5016.                                       <data:post.date/>
  5017.                                     </time>
  5018.                                   </a>
  5019.                                 </b:if>
  5020.                               </span>
  5021.                             </b:includable>
  5022.                             <b:includable id='sharingButton'>
  5023.                               <span expr:aria-label='data:platform.shareMessage' expr:class='&quot;sharing-platform-button sharing-element-&quot; + data:platform.key' expr:data-href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
  5024.                                 <b:include name='sharingPlatformIcon'/>
  5025.                                 <span class='platform-sharing-text'><data:platform.name/></span>
  5026.                               </span>
  5027.                             </b:includable>
  5028.                             <b:includable id='sharingButtonContent'>
  5029.                               <div class='flat-icon-button ripple'>
  5030.                                 <b:include name='shareIcon'/>
  5031.                               </div>
  5032.                             </b:includable>
  5033.                             <b:includable id='sharingButtons'>
  5034.                               <div class='sharing' expr:aria-owns='&quot;sharing-popup-&quot; + data:sharingId' expr:data-title='data:shareTitle'>
  5035.                                 <button class='sharing-button touch-icon-button' expr:aria-controls='&quot;sharing-popup-&quot; + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-button-&quot; + data:sharingId' role='button'>
  5036.                                   <b:include name='sharingButtonContent'/>
  5037.                                 </button>
  5038.                                 <b:include name='sharingButtonsMenu'/>
  5039.                               </div>
  5040.                             </b:includable>
  5041.                             <b:includable id='sharingButtonsMenu'>
  5042.                               <div class='share-buttons-container'>
  5043.                                 <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-popup-&quot; + data:sharingId' role='menu'>
  5044.                                   <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p =&gt; p.key not in {&quot;blogThis&quot;})' var='platform'>
  5045.                                     <li>
  5046.                                       <b:include name='sharingButton'/>
  5047.                                     </li>
  5048.                                   </b:loop>
  5049.                                   <li aria-hidden='true' class='hidden'>
  5050.                                     <b:include name='otherSharingButton'/>
  5051.                                   </li>
  5052.                                 </ul>
  5053.                               </div>
  5054.                             </b:includable>
  5055.                             <b:includable id='sharingPlatformIcon'>
  5056.                               <b:include data='{ iconClass: (&quot;touch-icon sharing-&quot; + data:platform.key) }' expr:name='data:platform.key + &quot;Icon&quot;'/>
  5057.                             </b:includable>
  5058.                             <b:includable id='snippetedPostByline'>
  5059.                               <b:with value='(data:widgets first (w =&gt; w.type == &quot;Blog&quot;)).allBylineItems' var='blogBylines'>
  5060.                                 <div class='item-byline'>
  5061.                                   <b:with value='data:blogBylines first (i =&gt; i.name == &quot;author&quot;)' var='byline'>
  5062.                                     <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
  5063.                                   </b:with>
  5064.                                   <b:with value='data:blogBylines first (i =&gt; i.name == &quot;timestamp&quot;)' var='byline'>
  5065.                                     <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
  5066.                                   </b:with>
  5067.                                 </div>
  5068.                               </b:with>
  5069.                             </b:includable>
  5070.                             <b:includable id='snippetedPostContent'>
  5071.                               <div class='post-content'>
  5072.  
  5073.                                 <b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
  5074.  
  5075.                                 <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  5076.                               </div>
  5077.                             </b:includable>
  5078.                             <b:includable id='snippetedPostThumbnail'>
  5079.                               <div class='item-thumbnail relative overlay'>
  5080.                                 <a class='block ov-img b-img' expr:href='data:post.url'>
  5081.                                   <b:include data='{                         image: data:post.featuredImage,                         imageSizes: [172, 244],                         imageRatio: &quot;1:2&quot;,                         sourceSizes: &quot;272px&quot;                        }' name='responsiveImage'/>
  5082.                                   <span class='counter'/>
  5083.                                 </a>
  5084.                                 <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  5085.                               </div>
  5086.                             </b:includable>
  5087.                             <b:includable id='snippetedPostTitle'>
  5088.                               <b:if cond='data:post.title != &quot;&quot;'>
  5089.                                 <div class='ov-title'>
  5090.                                   <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
  5091.                                   <div class='toe oh c-fff'>
  5092.                                     <b:include name='postLabels'/>
  5093.                                     <div class='date mt-5'><data:post.date/></div>
  5094.                                   </div>
  5095.                                 </div>
  5096.                               </b:if>
  5097.                             </b:includable>
  5098.                             <b:includable id='snippetedPosts'>
  5099.                               <b:with value='data:posts filter (p =&gt; p.labels none (l =&gt; l.name == &quot;Chapter&quot;))' var='posts'>
  5100.                                 <div class='grid col' role='feed'>
  5101.                                   <!-- Don't render the post that we're currently already looking at. -->
  5102.                                   <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
  5103.                                     <section class='post' role='article'>
  5104.                                       <b:include name='snippetedPostContent'/>
  5105.                                     </section>
  5106.                                   </b:loop>
  5107.                                 </div>
  5108.                               </b:with>
  5109.                             </b:includable>
  5110.                           </b:widget>
  5111.                           <b:widget id='Label1' locked='true' title='Genre' type='Label' version='2' visible='false'>
  5112.                             <b:widget-settings>
  5113.                               <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  5114.                               <b:widget-setting name='display'>CLOUD</b:widget-setting>
  5115.                               <b:widget-setting name='selectedLabelsList'>Action,Adventure,Comedy,Crime,Demon,Drama,Ecchi,Fantasy,Full Color,Harem,Historical,Isekai,Josei,Light Novel (JP),Long Strip,Mafia,Magic,Martial Arts,Mature,Mecha,Military,Monsters,Mystery,Official Colored,Reincarnation,Romance,School Life,Sci-Fi,Seinen,Seirei Gensouki,Shounen,Slice of Life,Sports,Supernatural,Survival,Thriller,Tragedy,Video Games,Virtual Reality,Web Comic,Web Novel (CN),Web Novel (JP),Web Novel (KR)</b:widget-setting>
  5116.                               <b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
  5117.                               <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  5118.                             </b:widget-settings>
  5119.                             <b:includable id='main' var='this'>
  5120.                               <article>
  5121.                                 <b:include name='widget-title'/>
  5122.                                 <b:include name='content'/>
  5123.                               </article>
  5124.                             </b:includable>
  5125.                             <b:includable id='cloud'>
  5126.                               <b:loop values='data:labels' var='label'>
  5127.                                 <span class='label-size'>
  5128.                                   <b:class expr:name='&quot;label-size-&quot; + data:label.cssSize'/>
  5129.                                   <a class='label-name' expr:href='data:label.url + &quot;?&amp;max-results=20&quot;'>
  5130.                                     <data:label.name/>
  5131.                                     <b:if cond='data:this.showFreqNumbers'>
  5132.                                       <span class='label-count'><data:label.count/></span>
  5133.                                     </b:if>
  5134.                                   </a>
  5135.                                 </span>
  5136.                               </b:loop>
  5137.                             </b:includable>
  5138.                             <b:includable id='content'>
  5139.                               <div class='widget-content'>
  5140.                                 <b:class expr:name='data:this.display + &quot;-label-widget-content&quot;'/>
  5141.                                 <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  5142.                                 <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  5143.                               </div>
  5144.                             </b:includable>
  5145.                             <b:includable id='list'>
  5146.                               <ul>
  5147.                                 <b:loop values='data:labels' var='label'>
  5148.                                   <li>
  5149.                                     <a class='label-name' expr:href='data:label.url + &quot;?&amp;max-results=20&quot;'>
  5150.                                       <data:label.name/>
  5151.                                       <b:if cond='data:this.showFreqNumbers'>
  5152.                                         <span class='label-count'><data:label.count/></span>
  5153.                                       </b:if>
  5154.                                     </a>
  5155.                                   </li>
  5156.                                 </b:loop>
  5157.                               </ul>
  5158.                             </b:includable>
  5159.                           </b:widget>
  5160.                           <b:widget id='BlogArchive1' locked='true' title='Arsip' type='BlogArchive' version='2' visible='false'>
  5161.                             <b:widget-settings>
  5162.                               <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
  5163.                               <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
  5164.                               <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
  5165.                               <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
  5166.                               <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
  5167.                               <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
  5168.                               <b:widget-setting name='chronological'>false</b:widget-setting>
  5169.                               <b:widget-setting name='showPosts'>true</b:widget-setting>
  5170.                               <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
  5171.                             </b:widget-settings>
  5172.                             <b:includable id='main' var='this'>
  5173.                               <article>
  5174.                                 <b:include name='widget-title'/>
  5175.                                 <b:include name='content'/>
  5176.                               </article>
  5177.                             </b:includable>
  5178.                             <b:includable id='content'>
  5179.                               <div class='widget-content'>
  5180.                                 <div id='ArchiveList'>
  5181.                                   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  5182.                                     <b:include cond='data:this.style == &quot;HIERARCHY&quot;' name='hierarchy'/>
  5183.                                     <b:include cond='data:this.style in {&quot;FLAT&quot;, &quot;MENU&quot;}' name='flat'/>
  5184.                                   </div>
  5185.                                 </div>
  5186.                               </div>
  5187.                             </b:includable>
  5188.                             <b:includable id='flat'>
  5189.                               <ul class='flat'>
  5190.                                 <b:loop values='data:data' var='i'>
  5191.                                   <li class='archivedate'>
  5192.                                     <a expr:href='data:i.url'>
  5193.                                       <data:i.name/><span class='post-count'><data:i.post-count/></span>
  5194.                                     </a>
  5195.                                   </li>
  5196.                                 </b:loop>
  5197.                               </ul>
  5198.                             </b:includable>
  5199.                             <b:includable id='hierarchy'>
  5200.                               <b:include data='data' name='interval'/>
  5201.                             </b:includable>
  5202.                             <b:includable id='interval' var='intervals'>
  5203.                               <ul class='hierarchy'>
  5204.                                 <b:loop values='data:intervals' var='interval'>
  5205.                                   <li class='archivedate'>
  5206.                                     <div class='hierarchy-title'>
  5207.                                       <a class='post-count-link' expr:href='data:interval.url'>
  5208.                                         <data:interval.name/>
  5209.                                         <span class='post-count'><data:interval.post-count/></span>
  5210.                                       </a>
  5211.                                     </div>
  5212.                                     <div class='hierarchy-content'>
  5213.                                       <b:include cond='data:interval.data' data='interval.data' name='interval'/>
  5214.                                       <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
  5215.                                     </div>
  5216.                                   </li>
  5217.                                 </b:loop>
  5218.                               </ul>
  5219.                             </b:includable>
  5220.                             <b:includable id='posts' var='posts'>
  5221.                               <ul class='posts hierarchy'>
  5222.                                 <b:loop values='data:posts' var='post'>
  5223.                                   <li>
  5224.                                     <a expr:href='data:post.url'><data:post.title/></a>
  5225.                                   </li>
  5226.                                 </b:loop>
  5227.                               </ul>
  5228.                             </b:includable>
  5229.                           </b:widget>
  5230.                         </b:section>
  5231.                       </main>
  5232.                     </b:with>
  5233.                   </b:with>
  5234.                 </b:with>
  5235.               </b:with>
  5236.             </b:with>
  5237.           </b:with>
  5238.         </b:with>
  5239.       </b:with>
  5240.     </b:with>
  5241.     <footer class='bc-22'>
  5242.       <b:section id='footer' maxwidgets='3' showaddelement='true'>
  5243.         <b:widget id='PageList2' locked='true' title='Pages' type='PageList' version='2' visible='true'>
  5244.           <b:widget-settings>
  5245.             <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"https://captoons.blogspot.com/search/label/Blog","position":1,"title":"Blog"},"link0":{"href":"https://captoons.blogspot.com/search/label/A-Z","position":0,"title":"A-Z"}}]]></b:widget-setting>
  5246.             <b:widget-setting name='homeTitle'>Home</b:widget-setting>
  5247.           </b:widget-settings>
  5248.           <b:includable id='main'>
  5249.             <b:include name='content'/>
  5250.           </b:includable>
  5251.           <b:includable id='content'>
  5252.             <nav class='max-w mla mra flex fdc-375 md:tac'>
  5253.               <b:include name='pageList'/>
  5254.             </nav>
  5255.           </b:includable>
  5256.           <b:includable id='overflowButton'>
  5257.             <b:include name='verticalMoreIcon'/>
  5258.           </b:includable>
  5259.           <b:includable id='overflowablePageList'>
  5260.             <div class='overflowable-container'>
  5261.               <div class='overflowable-contents'>
  5262.                 <div class='container'>
  5263.                   <b:with value='true' var='overflow'>
  5264.                     <b:with value='&quot;tabs&quot;' var='pageListClass'>
  5265.                       <b:include name='pageList'/>
  5266.                     </b:with>
  5267.                   </b:with>
  5268.                 </div>
  5269.               </div>
  5270.               <div class='overflow-button hidden'>
  5271.                 <b:include name='overflowButton'/>
  5272.               </div>
  5273.             </div>
  5274.           </b:includable>
  5275.           <b:includable id='pageLink'>
  5276.  
  5277.             <a class='c-cc y0x9p fs-14 lh-35 i-block' expr:href='data:link.href'><data:link.title/></a>
  5278.  
  5279.           </b:includable>
  5280.           <b:includable id='pageList'>
  5281.             <b:loop values='data:links' var='link'>
  5282.               <b:include name='pageLink'/>
  5283.             </b:loop>
  5284.  
  5285.           </b:includable>
  5286.         </b:widget>
  5287.         <b:widget id='Label2' locked='true' title='A-Z LIST' type='Label' version='2' visible='true'>
  5288.           <b:widget-settings>
  5289.             <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  5290.             <b:widget-setting name='display'>LIST</b:widget-setting>
  5291.             <b:widget-setting name='selectedLabelsList'>A,C,D,E,F,H,I,K,M,N,O,S,T,U,V,W</b:widget-setting>
  5292.             <b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
  5293.             <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  5294.           </b:widget-settings>
  5295.           <b:includable id='main' var='this'>
  5296.             <article class='max-w mra mla'>
  5297.               <div class='flex aic c-cc jcc fdc-375'>
  5298.                 <b:include name='widget-title'/>
  5299.                 <div class='ml-20 mr-20'>|</div>
  5300.                 <p>Cari manga dari urutan A sampai Z</p>
  5301.               </div>
  5302.               <b:include name='content'/>
  5303.             </article>
  5304.           </b:includable>
  5305.           <b:includable id='cloud'>
  5306.             <b:loop values='data:labels' var='label'>
  5307.               <span class='label-size'>
  5308.  
  5309.                 <a class='label-name' expr:href='data:label.url + &quot;?&amp;max-results=20&quot;'>
  5310.                   <data:label.name/>
  5311.                   <b:if cond='data:this.showFreqNumbers'>
  5312.                     <span class='label-count'><data:label.count/></span>
  5313.                   </b:if>
  5314.                 </a>
  5315.               </span>
  5316.             </b:loop>
  5317.           </b:includable>
  5318.           <b:includable id='content'>
  5319.             <div class='tac'>
  5320.               <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  5321.               <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  5322.             </div>
  5323.           </b:includable>
  5324.           <b:includable id='list'>
  5325.  
  5326.             <b:loop values='data:labels' var='label'>
  5327.  
  5328.               <a class='i-block r2 y6x11p m-3 bc-33 c-fff fs-14 bg:hover white:hover relative' expr:href='data:label.url + &quot;?&amp;max-results=20&quot;'>
  5329.                 <data:label.name/>
  5330.                 <b:if cond='data:this.showFreqNumbers'>
  5331.                   <span class='label-count grid pic absolute fs-11 r50p'><data:label.count/></span>
  5332.                 </b:if>
  5333.               </a>
  5334.  
  5335.             </b:loop>
  5336.  
  5337.           </b:includable>
  5338.         </b:widget>
  5339.         <b:widget id='Text1' locked='true' title='Footer Notice' type='Text' version='2' visible='true'>
  5340.           <b:widget-settings>
  5341.             <b:widget-setting name='content'><![CDATA[All the comics on this website are only previews of the original comics,  there may be many language errors, character names, and story lines.  For the original version, please buy the comic if it's available in your  city.]]></b:widget-setting>
  5342.           </b:widget-settings>
  5343.           <b:includable id='main'>
  5344.             <aside class='max-w mla mra mb-13'>
  5345.               <div class='mb-6 mt tac fs-30 fsi mt-15 c-fff'>
  5346.                 <div class='socialbutton'>
  5347.                   <a class='scfb' href='https://www.facebook.com/kiryuuco' target='_blank'><i class='fab fa-facebook-f'/></a>
  5348.                   <a class='scig' href='https://www.instagram.com/kiryuuid/' target='_blank'><i class='fab fa-instagram'/></a>
  5349.                   <a class='scdc' href='https://discord.com/invite/VFWVDDPgDg' target='_blank'><i class='fab fa-discord'/></a>
  5350.                 </div>
  5351.               </div>
  5352.               <div class='w-50p mla mra c-cc fs-12 lh-1d7'>
  5353.                 <data:content/>
  5354.               </div>
  5355.             </aside>
  5356.           </b:includable>
  5357.         </b:widget>
  5358.       </b:section>    
  5359.       <div class='bc-22'>
  5360.         <div class='max-w mra mla c-cc fs-12 p-13 tac link'>
  5361.           &#169; <span><script>document.write(new Date().getFullYear())</script></span> <strong><data:blog.title/>.</strong>
  5362.           All Rights Reserved. Theme by <strong><a class='c-theme' href='https://emissionhex.blogspot.com/'>EmissionHex</a></strong>
  5363.         </div>
  5364.       </div>
  5365.     </footer>
  5366.     <b:if cond='!data:view.isError'>
  5367.       <button id='scTop' onclick='topFunction()' title='Go to top'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 16 16' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M12.25 10.25L8 5.75l-4.25 4.5' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/></svg></button>
  5368.       <script>/*<![CDATA[*/
  5369. function darkMode(){localStorage.setItem("mode","darkmode"===localStorage.getItem("mode")?"light":"darkmode"),"darkmode"===localStorage.getItem("mode")?document.querySelector("#modeSwitch").classList.add("dark-mode"):document.querySelector("#modeSwitch").classList.remove("dark-mode")};
  5370.  
  5371. function copyFunction(){document.getElementById("getlink").select(),document.execCommand("copy"),document.getElementById("share-notif").innerHTML="<span>Link copied!</span>" };
  5372. /*]]>*/
  5373.       </script>
  5374.       <b:include cond='data:view.isMultipleItems' name='postPagination-numeric'/>
  5375.       <script>
  5376. //Get the button
  5377. var mybutton = document.getElementById(&quot;scTop&quot;);
  5378.  
  5379. // When the user scrolls down 20px from the top of the document, show the button
  5380. window.onscroll = function() {scrollFunction()};
  5381.  
  5382. function scrollFunction() {
  5383.   if (document.body.scrollTop &gt; 150 || document.documentElement.scrollTop &gt; 150) {
  5384.     mybutton.style.display = &quot;block&quot;;
  5385.   } else {
  5386.     mybutton.style.display = &quot;none&quot;;
  5387.   }
  5388. }
  5389.  
  5390. // When the user clicks on the button, scroll to the top of the document
  5391. function topFunction() {
  5392.   document.body.scrollTop = 0;
  5393.   document.documentElement.scrollTop = 0;
  5394. }
  5395. </script>
  5396.     </b:if>
  5397.     <script>/*<![CDATA[*/
  5398.   document.getElementById('there').appendChild(
  5399.     document.getElementById('download')
  5400.   );
  5401. /*]]>*/</script>
  5402.  
  5403.       <script>/*<![CDATA[*/
  5404.   document.getElementById('extra-target').appendChild(
  5405.     document.getElementById('extra-info')
  5406.   );
  5407. /*]]>*/</script>
  5408.     <script>/*<![CDATA[*/
  5409.   document.getElementById('character-target').appendChild(
  5410.     document.getElementById('character')
  5411.   );
  5412. /*]]>*/</script>
  5413.     <script>/*<![CDATA[*/
  5414. document.getElementById('cl').appendChild(
  5415.     document.getElementById('downloadlist')
  5416.   );
  5417. /*]]>*/</script>
  5418.     <script>/*<![CDATA[*/
  5419.   document.getElementById('myhero').appendChild(
  5420.     document.getElementById('custom-hero')
  5421.   );
  5422. /*]]>*/</script>
  5423.     <script>/*<![CDATA[*/
  5424.   document.getElementById('syn-target').appendChild(
  5425.     document.getElementById('synopsis')
  5426.   );
  5427. /*]]>*/</script>
  5428.    
  5429.     <script>/*<![CDATA[*/
  5430. function fungsiSearch() {
  5431.    var element = document.getElementById("Query-input");
  5432.    element.classList.toggle("mystyle");
  5433. }
  5434. /*]]>*/</script>
  5435.     <script>/*<![CDATA[*/
  5436. function myMenu() {
  5437.    var element = document.getElementById("PageList1");
  5438.    element.classList.toggle("shwx");
  5439. }
  5440. /*]]>*/</script>
  5441.     <script>/*<![CDATA[*/
  5442. var toggle  = document.getElementById("toggle");
  5443. var content = document.getElementById("content");
  5444.  
  5445. toggle.addEventListener("click", function() {
  5446.   content.style.display = (content.dataset.toggled ^= 1) ? "block" : "none";
  5447. });
  5448. /*]]>*/</script>
  5449.     <b:if cond='data:view.isPost'>
  5450.       <!--[ Timeago script ]-->
  5451.  
  5452.   <script>/*<![CDATA[*/ (function timeAgo(selector) { var templates = {prefix: "", suffix: "", seconds: "second ago", minute: "1 min", minutes: "%d min", hour: "1 hour", hours: "%d hour", day: "1 day", days: "%d days", month: "1 month", months: "%d month", year: "1 year", years: "%d years"}; var template = function(t, n) { return templates[t] && templates[t].replace(/%d/i, Math.abs(Math.round(n))); }; var timer = function(time) { if (!time) return; time = time.replace(/\.\d+/, ""); time = time.replace(/-/, "/").replace(/-/, "/"); time = time.replace(/T/, " ").replace(/Z/, " UTC"); time = time.replace(/([\+\-]\d\d)\:?(\d\d)/, " $1$2"); time = new Date(time * 1000 || time); var now = new Date(); var seconds = ((now.getTime() - time) * .001) >> 0; var minutes = seconds / 60; var hours = minutes / 60; var days = hours / 24; var years = days / 365; return templates.prefix + ( seconds < 45 && template('seconds', seconds) || seconds < 90 && template('minute', 1) || minutes < 45 && template('minutes', minutes) || minutes < 90 && template('hour', 1) || hours < 24 && template('hours', hours) || hours < 42 && template('day', 1) || days < 30 && template('days', days) || days < 45 && template('month', 1) || days < 365 && template('months', days / 30) || years < 1.5 && template('year', 1) || template('years', years) ) + templates.suffix; }; var elements = document.getElementsByClassName('timeago'); for (var i in elements) { var $this = elements[i]; if (typeof $this === 'object') { $this.innerHTML = timer($this.getAttribute('title') || $this.getAttribute('datetime')); } } setTimeout(timeAgo, 60000); })(); /*]]>*/</script>
  5453.  
  5454.       <script>
  5455.         //<![CDATA[
  5456. eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('1v j=["\\n\\Z\\y\\r\\p\\1b\\z\\Z\\b\\k\\O\\k\\f\\k\\d\\k\\i\\k\\g\\k\\s\\M\\w\\r\\b\\o\\16\\h\\11\\r\\m\\1c\\m\\p\\k\\O\\o\\b\\h\\u\\h\\W\\r\\p\\k\\f\\o\\16\\h\\11\\r\\m\\x\\m\\p\\k\\d\\o\\f\\h\\13\\r\\m\\1i\\m\\p\\k\\g\\o\\S\\M\\g\\18\\d\\h\\15\\M\\g\\P\\P\\p\\i\\o\\d\\B\\g\\F\\h\\13\\r\\m\\l\\m\\p\\B\\S\\F\\k\\s\\o\\i\\h\\1a\\a\\a\\i\\h\\1d\\k\\s\\h\\W\\r\\p\\h\\v\\r\\O\\p\\1f\\19\\1e\\1h\\d\\B\\g\\F\\h\\V\\h\\U\\o\\m\\m\\1g\\d\\B\\g\\F\\h\\V\\h\\U\\o\\m\\t\\m\\1r","\\a","\\g\\v\\i\\u\\c","\\a\\a\\c\\a\\x\\t\\n\\K\\s\\b\\f\\c\\a\\y\\b\\c\\Y\\i\\b\\s\\b\\f\\c\\X\\G\\T\\x\\a\\c\\t\\1s\\v\\v\\b\\l\\C\\d\\g\\b\\a\\g\\c\\G\\i\\b\\a\\x\\u\\g\\v\\i\\d\\G\\a\\y\\b\\c\\Y\\i\\b\\s\\b\\f\\c\\g\\X\\G\\R\\d\\y\\1q\\d\\s\\b\\a\\i\\u\\a\\a\\i\\b\\f\\y\\c\\w\\a\\z\\K\\f\\n\\c\\u\\t\\f\\a\\i\\u\\g\\c\\T\\c\\b\\s\\a\\a\\Q\\d\\l\\a\\g\\b\\d\\l\\n\\w\\i\\u\\g\\c\\n\\w\\d\\v\\c\\a\\z\\t\\l\\a\\Q\\d\\i\\K\\b\\a\\g\\b\\d\\l\\n\\w\\n\\w\\d\\v\\c\\b\\l\\a\\u\\f\\f\\b\\l\\R\\b\\J\\c\\a\\a\\a\\a\\f\\t\\f\\b\\a\\u\\f\\x\\b\\J\\1t\\z\\a\\c\\b\\J\\c\\C\\t\\f\\c\\b\\f\\c\\a\\n\\w\\d\\v\\c\\b\\l\\a","","\\z\\l\\t\\s\\C\\w\\d\\l\\C\\t\\x\\b","\\l\\b\\v\\i\\d\\n\\b","\\17\\1u\\P","\\17\\15","\\y"];1p(D(H,I,e,A,q,N){q=D(e){E(e<I?j[4]:q(1l(e/I)))+((e=e%I)>1k?10[j[5]](e+L):e.1j(1o))};12(!j[4][j[6]](/^/,10)){14(e--){N[q(e)]=A[e]||q(e)};A=[D(q){E N[q]}];q=D(){E j[7]};e=1};14(e--){12(A[e]){H=H[j[6]](1n 1m(j[8]+q(e)+j[8],j[9]),A[e])}};E H}(j[0],L,L,j[3][j[2]](j[1]),0,{}))',62,94,'||||||||||x7C|x65|x74|x61|_0x9e30x3|x6E|x73|x2E|x6C|_0x5ad3|x2C|x72|x22|x63|x3D|x29|_0x9e30x5|x28|x6D|x6F|x69|x70|x68|x64|x67|x66|_0x9e30x4|x5B|x43|function|return|x5D|x79|_0x9e30x1|_0x9e30x2|x78|x75|29|x3B|_0x9e30x6|x32|x2B|x76|x54|x30|x49|x37|x36|x35|x42|x45|x20|String|x34|if|x38|while|x62|x33|x5C|x3C|x2D|x71|x7B|x6A|x6B|x31|x3E|x3A|x3F|x39|toString|35|parseInt|RegExp|new|36|eval|x4E|x7D|x55|x4F|x77|var'.split('|'),0,{}))
  5457. //]]>
  5458.       </script>
  5459.       <script>//<![CDATA[
  5460. var root = document.documentElement
  5461. var button = document.querySelector('.fit-btn')
  5462. button.addEventListener('click', () => {
  5463.  
  5464.   root.classList.toggle('fit')
  5465.  
  5466.   if (root.classList.contains('fit')) {
  5467.     localStorage.setItem('isFit', '1')
  5468.   } else {
  5469.     localStorage.removeItem('isFit')
  5470.   }
  5471.  
  5472. })//]]></script>
  5473.  
  5474.     </b:if>
  5475.      
  5476.     <b:if cond='data:view.isHomepage'>
  5477. <script>//<![CDATA[
  5478.  
  5479. const scrollContainer = document.getElementById("slides"),
  5480.   matchAuto = document.getElementById("slider");
  5481. function slideShow() {
  5482.     var container = $('.slides').width(),
  5483.       matchWidth = scrollContainer.scrollLeft,
  5484.       widthMax = scrollContainer.scrollWidth;
  5485.   if((matchWidth+container)+700>=widthMax){
  5486.     scrollContainer.scrollLeft += -widthMax;
  5487.   }else{
  5488.     scrollContainer.scrollLeft += container;
  5489.   }
  5490. }
  5491. var slide = setInterval(slideShow, 5000);
  5492.  
  5493. matchAuto.addEventListener("mouseover", function(){ clearInterval(slide)});
  5494. matchAuto.addEventListener("touchstart", function(){ clearInterval(slide)});
  5495.  
  5496. matchAuto.addEventListener("mouseout", function(){ slide = setInterval(slideShow, 5000);});
  5497. matchAuto.addEventListener("touchend", function(){ slide = setInterval(slideShow, 5000);});
  5498. document.getElementById('right-button').addEventListener('click', function(e) {
  5499.   e.preventDefault();
  5500.   var container = $('.slides').width(),
  5501.       matchWidth = scrollContainer.scrollLeft,
  5502.       widthMax = scrollContainer.scrollWidth;
  5503.   if((matchWidth+container)+700>=widthMax){
  5504.     scrollContainer.scrollLeft += -widthMax;
  5505.   }else{
  5506.     scrollContainer.scrollLeft += container;
  5507.   }
  5508.   });
  5509. document.getElementById('left-button').addEventListener('click', function(e) {
  5510.   e.preventDefault();
  5511.   var container = $('.slides').width(),
  5512.       matchWidth = scrollContainer.scrollLeft,
  5513.       widthMax = scrollContainer.scrollWidth;
  5514.   if(matchWidth==0){
  5515.     scrollContainer.scrollLeft += widthMax;
  5516.   }else{
  5517.     scrollContainer.scrollLeft += -container;
  5518.   }
  5519.   });
  5520. if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
  5521.  
  5522. scrollContainer.addEventListener("wheel", (evt) => {
  5523.     evt.preventDefault();
  5524.     scrollContainer.scrollLeft += evt.deltaY;
  5525. });
  5526. let isDown = false;
  5527. let startX;
  5528. let scrollLeft;
  5529. const slider = document.querySelector('.slides');
  5530. const end = (e) => {
  5531.   isDown = false;
  5532.   slider.classList.remove('active');
  5533. }
  5534.  
  5535. const start = (e) => {
  5536.   isDown = true;
  5537.   slider.classList.add('active');
  5538.   startX = e.pageX || e.touches[0].pageX - slider.offsetLeft;
  5539.   scrollLeft = slider.scrollLeft;
  5540. }
  5541.  
  5542. const move = (e) => {
  5543.   if(!isDown) return;
  5544.   e.preventDefault();
  5545.   const x = e.pageX || e.touches[0].pageX - slider.offsetLeft;
  5546.   const dist = (x - startX);
  5547.   slider.scrollLeft = scrollLeft - dist;
  5548. }
  5549.  
  5550. (() => {
  5551.   slider.addEventListener('mousedown', start);
  5552.   slider.addEventListener('touchstart', start);
  5553.  
  5554.   slider.addEventListener('mousemove', move);
  5555.   slider.addEventListener('touchmove', move);
  5556.  
  5557.   slider.addEventListener('mouseleave', end);
  5558.   slider.addEventListener('mouseup', end);
  5559.   slider.addEventListener('touchend', end);
  5560. })();
  5561. }
  5562. //]]></script>
  5563.       <script>//<![CDATA[
  5564. var slideIndex = 1;
  5565. showSlides(slideIndex);
  5566.  
  5567. function plusSlides(n) {
  5568.   showSlides(slideIndex += n);
  5569. }
  5570.  
  5571. function currentSlide(n) {
  5572.   showSlides(slideIndex = n);
  5573. }
  5574.  
  5575. function showSlides(n) {
  5576.   var i;
  5577.   var slides = document.getElementsByClassName("mySlides");
  5578.   var dots = document.getElementsByClassName("dot");
  5579.   if (n > slides.length) {slideIndex = 1}    
  5580.   if (n < 1) {slideIndex = slides.length}
  5581.   for (i = 0; i < slides.length; i++) {
  5582.       slides[i].style.display = "none";  
  5583.   }
  5584.   for (i = 0; i < dots.length; i++) {
  5585.       dots[i].className = dots[i].className.replace(" active", "");
  5586.   }
  5587.   slides[slideIndex-1].style.display = "block";  
  5588.   dots[slideIndex-1].className += " active";
  5589. }
  5590. //]]></script>
  5591.      
  5592.       <script>//<![CDATA[
  5593. const scrollContainer = document.querySelector(".scroll");
  5594. scrollContainer.addEventListener("wheel", (evt) => {
  5595.     evt.preventDefault();
  5596.     scrollContainer.scrollLeft += evt.deltaY;
  5597. });
  5598.  
  5599. //]]></script>
  5600.     </b:if>
  5601.  
  5602.     <script>
  5603.       //<![CDATA[
  5604. var uri = window.location.toString();if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri);}
  5605. //]]>
  5606.     </script>
  5607.  
  5608. <b:if cond='!data:view.isError'>
  5609. </b:if>  
  5610. <script>
  5611.   $(&#39;#prev&#39;).on(&#39;click&#39;, function() {
  5612.   $(&#39;.ul&#39;).animate({
  5613.     scrollLeft: &#39;-=400&#39;
  5614.   }, 1, &#39;swing&#39;);
  5615. });
  5616.  
  5617. $(&#39;#next&#39;).on(&#39;click&#39;, function() {
  5618.   $(&#39;.ul&#39;).animate({
  5619.     scrollLeft: &#39;+=400&#39;
  5620.   }, 1, &#39;swing&#39;);
  5621. });
  5622.     </script>
  5623.     <script type='text/javascript'>//<![CDATA[
  5624.  
  5625. (function(){var elements = document.querySelectorAll('img[data-src]');var index = 0;var lazyLoad = function() { if(index >= elements.length) return;var item = elements[index]; if((this.scrollY + this.innerHeight) > item.offsetTop) {var src = item.getAttribute("data-src");item.src = src;item.addEventListener('load', function() {item.removeAttribute('data-src');});index++;lazyLoad();}};var init = function(){window.addEventListener('scroll', lazyLoad);lazyLoad();};return init();})();
  5626.  
  5627. //]]></script>
  5628.    
  5629.     <b:if cond='data:view.isPost'>
  5630. <script>//<![CDATA[
  5631. var limitBookmark = 100;
  5632. var bookmark = (function(){
  5633. list = [];
  5634.  
  5635. //Structure Push to Object New Item
  5636. function Item(id,name,status,type,link,img){
  5637.   this.id = id;
  5638.   this.name = name;
  5639.     this.status = status;
  5640.   this.type = type;
  5641.     this.link = link;
  5642.   this.img = img;
  5643. }
  5644.  
  5645. //Event Saving to Local Storage
  5646. function setBookmark(){
  5647.   localStorage.setItem('bookmark', JSON.stringify(list));
  5648. }
  5649.  
  5650. function loadBookmark() {
  5651.     list = JSON.parse(localStorage.getItem('bookmark'));
  5652. }
  5653.  
  5654. if (localStorage.getItem("bookmark") != null) {
  5655.     loadBookmark();
  5656. }
  5657.  
  5658. obj = {};
  5659. //Add New Item Object to Array
  5660. obj.addItemTobookmark = function(id,name,status,type,link,img) {
  5661.     var item = new Item(id,name,status,type,link,img),
  5662.     itemList = list;
  5663.     if(itemList != null){
  5664.     same = itemList.find(item =>{return item.id == id;});
  5665.     if(list.length<limitBookmark){
  5666.      if(!same){
  5667.       list.push(item);
  5668.       setBookmark();
  5669.       }
  5670.      }
  5671.     }else{
  5672.       list.push(item);
  5673.       setBookmark();
  5674.     }
  5675. }
  5676.  
  5677. //Remove Bookmark    
  5678. obj.removeThisItem = function(id) {
  5679.     for(var item in list) {
  5680.       if(list[item].id === id) {
  5681.         list.splice(item, 1);
  5682.         break;
  5683.       }
  5684.     }
  5685.     setBookmark();
  5686.   }
  5687.  
  5688.   return obj;
  5689. })();
  5690.  
  5691. $('.bookmark').each(function(event) {
  5692. const getData = JSON.parse(localStorage.getItem('bookmark'));
  5693. for(var i in getData){
  5694.   if(getData[i].id == $(this).data('id')){
  5695.      $(this).html('Bookmarked')
  5696.      $(this).addClass('bookmarked')
  5697.     }
  5698. }
  5699.   $(this).click(function(){
  5700. const list = JSON.parse(localStorage.getItem('bookmark'));
  5701.   //Retrieve Data From Post
  5702.     const id = $(this).data('id'),
  5703.     name = $('article.oh.a2 header h1.mb-6').text().replace('\n',''),
  5704.     link = location.protocol + '//' + location.hostname +  location.pathname,
  5705.     img = $('div.grid div.a1 figure img').attr('src'),
  5706.     status = $('aside.s1 div.y6x11p:nth-child(1) span.dt a').text().replace('\n',''),
  5707.     type = $('aside.s1 div.y6x11p:nth-child(2) span.dt a').text().replace('\n','');
  5708.    
  5709.   //Set To Function Bookmark
  5710. if(list == null){
  5711.   if(!$(this).hasClass('bookmarked')){
  5712.       bookmark.addItemTobookmark(id,name,status,type,link,img);
  5713.       $(this).addClass('bookmarked')
  5714.       $(this).html('Bookmarked')
  5715.   }else{
  5716.     bookmark.removeThisItem(id);
  5717.     $(this).html('Bookmark <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><path fill="currentColor" d="M1 3.25C1 2.56 1.56 2 2.249 2h.5c.69 0 1.248.56 1.248 1.25v9.495c0 .69-.559 1.25-1.248 1.25h-.5A1.25 1.25 0 0 1 1 12.744V3.249ZM2.249 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm2.748.25c0-.69.559-1.25 1.249-1.25h.5c.689 0 1.248.56 1.248 1.25v9.495c0 .69-.56 1.25-1.249 1.25h-.5a1.25 1.25 0 0 1-1.248-1.25V3.249ZM6.246 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .249-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm5.726 1.777a1.249 1.249 0 0 0-1.57-.713l-.583.204a1.25 1.25 0 0 0-.746 1.645l2.937 7.304c.249.62.94.933 1.571.713l.582-.204a1.25 1.25 0 0 0 .746-1.646l-2.937-7.303Zm-1.24.23a.25.25 0 0 1 .313.143l2.937 7.303a.25.25 0 0 1-.149.33l-.582.203a.25.25 0 0 1-.314-.142L10 5.54a.25.25 0 0 1 .149-.329l.582-.204Z"/></svg>')
  5718.     $(this).removeClass('bookmarked')
  5719.   }
  5720. }else{
  5721.   if(!$(this).hasClass('bookmarked')){
  5722. if(list.length<limitBookmark){
  5723.       bookmark.addItemTobookmark(id,name,status,type,link,img);
  5724.       $(this).addClass('bookmarked')
  5725.       $(this).html('Bookmarked')
  5726. }
  5727.   }else{
  5728.     bookmark.removeThisItem(id);
  5729.     $(this).html('Bookmark <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><path fill="currentColor" d="M1 3.25C1 2.56 1.56 2 2.249 2h.5c.69 0 1.248.56 1.248 1.25v9.495c0 .69-.559 1.25-1.248 1.25h-.5A1.25 1.25 0 0 1 1 12.744V3.249ZM2.249 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm2.748.25c0-.69.559-1.25 1.249-1.25h.5c.689 0 1.248.56 1.248 1.25v9.495c0 .69-.56 1.25-1.249 1.25h-.5a1.25 1.25 0 0 1-1.248-1.25V3.249ZM6.246 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .249-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm5.726 1.777a1.249 1.249 0 0 0-1.57-.713l-.583.204a1.25 1.25 0 0 0-.746 1.645l2.937 7.304c.249.62.94.933 1.571.713l.582-.204a1.25 1.25 0 0 0 .746-1.646l-2.937-7.303Zm-1.24.23a.25.25 0 0 1 .313.143l2.937 7.303a.25.25 0 0 1-.149.33l-.582.203a.25.25 0 0 1-.314-.142L10 5.54a.25.25 0 0 1 .149-.329l.582-.204Z"/></svg>')
  5730.     $(this).removeClass('bookmarked')
  5731.   }
  5732. }
  5733.   })
  5734. });
  5735.      //]]></script>
  5736.      </b:if>
  5737.     &lt;!--</body>--&gt;&lt;/body&gt;
  5738. </html>