Bài viết theo nhãn trong hộp - List

Baca Bài viết theo nhãn trong hộp - List

Baca Komik Bài viết theo nhãn trong hộp - List bahasa Indonesia lengkap dan baru di Veotemplate. Kami menyediakan Komik, Manhua, Manhwa, dan Novel yang dapat kalian baca online gratis.

Read Bài viết theo nhãn trong hộp - List

Bestsellers

Bestsellers • veofood.net

✏️ Thêm yêu cầu cho món này

<b:tag name='style'>/* <![CDATA[ */
.notes-popup-overlay {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.6); z-index: 9998;
  visibility: hidden; opacity: 0; transition: all 0.3s ease;
}
.notes-popup-overlay.active { visibility: visible; opacity: 1; }

.notes-popup-container {
  position: fixed; bottom: -100%; left: 0; width: 100%;
  background: #ffffff; border-radius: 24px 24px 0 0;
  box-shadow: 0 -4px 25px rgba(0,0,0,0.2); z-index: 9999;
  transition: bottom 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  padding: 20px 20px 34px; max-height: 85vh; overflow-y: auto;
  box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.notes-popup-container.active { bottom: 0; }

.notes-popup-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid #f1f3f5; }
.notes-popup-header h3 { display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 700; margin: 0; color: #111111; }

/* SVG trong tiêu đề popup */
.notes-heading-svg { width: 22px; height: 22px; fill: #5a0fc8; stroke: #5a0fc8; stroke-width: 1.5; }

.notes-popup-close { background: none; border: none; font-size: 20px; cursor: pointer; color: #6c757d; padding: 4px; }

.notes-product-area { display: flex; gap: 14px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid #f1f3f5; align-items: center; }
.notes-product-image { width: 64px; height: 64px; border-radius: 12px; overflow: hidden; flex-shrink: 0; background: #f8f9fa; border: 1px solid #e9ecef; }
.notes-product-image img { width: 100%; height: 100%; object-fit: cover; }
.notes-product-info { flex: 1; }
.notes-product-title { font-weight: 700; font-size: 16px; margin-bottom: 4px; color: #212529; line-height: 1.4; }
.notes-product-price { font-size: 15px; color: #5a0fc8; font-weight: 700; }

.notes-label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; color: #212529; }
.notes-textarea { 
  width: 100%; padding: 12px 14px; border: 2px solid #e2e8f0; border-radius: 14px; 
  font-size: 14px; font-family: inherit; resize: none; margin-bottom: 6px; box-sizing: border-box; transition: border-color 0.2s;
}
.notes-textarea:focus { outline: none; border-color: #5a0fc8; }
.notes-example { font-size: 12px; color: #6c757d; margin-bottom: 22px; }

.notes-actions { display: flex; gap: 12px; }
.notes-actions button { 
  flex: 1; padding: 13px; border-radius: 30px; font-size: 15px; 
  font-weight: 700; cursor: pointer; transition: all 0.2s ease; border: none; 
}
.notes-btn-cancel { background: #f1f3f5; color: #495057; }
.notes-btn-cancel:hover { background: #e9ecef; }

.notes-btn-save { background: #5a0fc8; color: #ffffff; box-shadow: 0 4px 12px rgba(90, 15, 200, 0.2); }
.notes-btn-save:hover { background: #450aa3; transform: translateY(-1px); }

/* --- CSS ĐƯỢC TỐI ƯU CHO SỰ KIỆN ĐỔI ICON SVG MỚI --- */
.notes-trigger-btn {
  cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  background: #f4effc; border: 1px solid rgba(90, 15, 200, 0.15); font-size: 13px; font-weight: 600;
  padding: 6px 14px; border-radius: 20px; transition: all 0.2s ease; color: #5a0fc8; margin-top: 4px;
}
.notes-trigger-btn:hover { background: #ebdff7; }

/* Định dạng SVG mặc định (Chưa ghi chú: Nét tím nền trong suốt) */
.notes-trigger-btn svg {
  width: 16px; height: 16px; display: block;
  stroke: #5a0fc8; fill: none; stroke-width: 1.8; transition: all 0.2s ease;
}
/* Cái path cuối cùng của ngôi sao/lấp lánh cần có fill màu đặc */
.notes-trigger-btn svg path:last-child { fill: #5a0fc8; }

/* Trạng thái đã ghi chú: Đổi ngược toàn bộ màu sang chữ trắng, icon trắng nền tím */
.notes-trigger-btn.has-note { color: #ffffff; background: #5a0fc8; border-color: #5a0fc8; }
.notes-trigger-btn.has-note svg { stroke: #ffffff; }
.notes-trigger-btn.has-note svg path:last-child { fill: #ffffff; }

/* KHUNG HIỂN THỊ NỘI DUNG SAU KHI LƯU */
.note-display-area {
  margin-top: 8px; padding: 10px 12px; background: #f4effc; 
  border-left: 4px solid #5a0fc8; border-radius: 8px; font-size: 13px; 
  color: #3b0585; display: none; box-sizing: border-box;
}
.note-display-area.has-note { display: block; }
.note-display-area .note-content-text { word-break: break-word; white-space: pre-wrap; line-height: 1.4; font-weight: 500; }
.note-display-area .note-label { font-size: 11px; color: #5a0fc8; display: block; margin-bottom: 2px; font-weight: 700; text-transform: uppercase; }

/* TOAST THÔNG BÁO */
.notes-toast-message {
  position: fixed; bottom: 40px; left: 50%; transform: translateX(-50%);
  background: #212529; color: #ffffff; padding: 10px 24px; border-radius: 50px;
  font-size: 14px; font-weight: 600; z-index: 10000; opacity: 0; transition: opacity 0.3s; pointer-events: none;
}
.notes-toast-message.show { opacity: 1; }
/* ]]> */</b:tag>

// CHUỖI MÃ SVG MỚI CỦA BẠN ĐỂ JAVASCRIPT CHÈN TỰ ĐỘNG KHI TẢI TRANG
  const SVG_ICON_CODE = `<svg viewBox="0 0 24 24"><path d="M8 2V5" stroke-miterlimit="10"></path><path d="M16 2V5" stroke-miterlimit="10"></path><path d="M21 8.5V13.63C20.11 12.92 18.98 12.5 17.75 12.5C16.52 12.5 15.37 12.93 14.47 13.66C13.26 14.61 12.5 16.1 12.5 17.75C12.5 18.73 12.78 19.67 13.26 20.45C13.63 21.06 14.11 21.59 14.68 22H8C4.5 22 3 20 3 17V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5Z" stroke-miterlimit="10"></path><path d="M7 11H13" stroke-miterlimit="10"></path><path d="M7 16H9.62" stroke-miterlimit="10"></path><path d="M23 17.75C23 18.73 22.72 19.67 22.24 20.45C21.96 20.93 21.61 21.35 21.2 21.69C20.28 22.51 19.08 23 17.75 23C16.6 23 15.54 22.63 14.68 22C14.11 21.59 13.63 21.06 13.26 20.45C12.78 19.67 12.5 18.73 12.5 17.75C12.5 16.1 13.26 14.61 14.47 13.66C15.37 12.93 16.52 12.5 17.75 12.5C18.98 12.5 20.11 12.92 21 13.63C22.22 14.59 23 16.08 23 17.75Z" stroke-miterlimit="10"></path><path d="M17.75 20.25C17.75 18.87 18.87 17.75 20.25 17.75C18.87 17.75 17.75 16.63 17.75 15.25C17.75 16.63 16.63 17.75 15.25 17.75C16.63 17.75 17.75 18.87 17.75 20.25Z"></path></svg>`;

function getUniquePostId(element) {
    let postId = element.getAttribute('data-post-id');
    if (postId && !postId.includes('HERE')) return postId;
    const titleEl = element.querySelector('.item_name, .product-title, .post-title, h3, h1');
    if (titleEl) {
      return 'prod_' + titleEl.innerText.trim().toLowerCase().replace(/[^a-z0-9]/g, '_').substring(0, 50);
    }
    return 'prod_' + Math.random().toString(36).substr(2, 9);
  }

function getPostDetails(element) {
    const details = { id: getUniquePostId(element), title: 'Sản phẩm', image: '', price: '' };
    const titleEl = element.querySelector('.item_name, .product-title, .post-title, h3, h1');
    if (titleEl) details.title = titleEl.innerText.trim();
    const imgEl = element.querySelector('.item_thumb, .post-thumb, .thumbnail img, .veofood-img-box img, img');
    if (imgEl) details.image = imgEl.src || imgEl.getAttribute('data-src');
    const priceEl = element.querySelector('.special-price, .product-price, .item-price, .veofood-product-price');
    if (priceEl) details.price = priceEl.innerText.trim();
    return details;
  }

function showToast(msg) {
    let toast = document.querySelector('.notes-toast-message');
    if (!toast) {
      toast = document.createElement('div'); toast.className = 'notes-toast-message';
      document.body.appendChild(toast);
    }
    toast.textContent = msg; toast.classList.add('show');
    setTimeout(() => toast.classList.remove('show'), 2000);
  }

function openNotesPopup(triggerElement) {
    const container = triggerElement.closest('.product-item, .swiper-slide, .post, article, .veofood-list-item, .simpleCart_shelfItem');
    if (!container) return;
    
    const details = getPostDetails(container);
    currentProduct = { element: container, id: details.id };
    
    if (DOM.productTitle) DOM.productTitle.textContent = details.title;
    if (DOM.productPrice) DOM.productPrice.textContent = details.price;
    if (DOM.productImg) DOM.productImg.src = details.image || '//1.bp.blogspot.com/-9TaHwQSt4ps/WfdMSWzDpAI/AAAAAAAAQgE/lwRBOH-oCWQVR-UDuoXZGFHUc4A1B99cQCLcBGAs/s1600/no-image.png';
    if (DOM.textInput) DOM.textInput.value = notesDatabase[details.id] || '';
    
    DOM.overlay.classList.add('active');
    DOM.popup.classList.add('active');
    document.body.style.overflow = 'hidden';
  }

function closeNotesPopup() {
    DOM.overlay.classList.remove('active'); DOM.popup.classList.remove('active');
    document.body.style.overflow = ''; currentProduct = null;
  }

function scanAndSetupProducts() {
    document.querySelectorAll('.product-item, .swiper-slide, .veofood-list-item, .simpleCart_shelfItem').forEach(prod => {
      const pid = getUniquePostId(prod);
      prod.setAttribute('data-post-id', pid);

// Tự động chèn vùng hiển thị Note nếu chưa có
      if (!prod.querySelector('.note-display-area')) {
        const display = document.createElement('div');
        display.className = 'note-display-area';
        display.setAttribute('data-post-id', pid);
        display.innerHTML = '<span class="note-label">📝 Yêu cầu riêng:</span><div class="note-content-text"></div>';
        
        const targetPos = prod.querySelector('.veofood-item-content, .item-info, .product-details') || prod;
        targetPos.appendChild(display);
      }
      
      // Tìm nút bấm và gán cấu trúc text + SVG mới vào
      const existBtn = prod.querySelector('.notes-trigger-btn');
      if (existBtn && !existBtn.hasAttribute('data-notes-id')) {
        existBtn.setAttribute('data-notes-id', pid);
      }

updateAllUI(pid);
    });
  }

function init() {
    loadFromStorage();
    DOM.overlay = document.getElementById('notesPopupOverlay');
    DOM.popup = document.getElementById('notesPopupContainer');
    DOM.closeBtn = document.getElementById('notesPopupCloseBtn');
    DOM.cancelBtn = document.getElementById('notesCancelBtn');
    DOM.saveBtn = document.getElementById('notesSaveBtn');
    DOM.productImg = document.getElementById('notesProductImg');
    DOM.productTitle = document.getElementById('notesProductTitle');
    DOM.productPrice = document.getElementById('notesProductPrice');
    DOM.textInput = document.getElementById('notesTextInput');

if(DOM.closeBtn) DOM.closeBtn.addEventListener('click', closeNotesPopup);
    if(DOM.cancelBtn) DOM.cancelBtn.addEventListener('click', closeNotesPopup);
    if(DOM.overlay) DOM.overlay.addEventListener('click', closeNotesPopup);
    if(DOM.saveBtn) DOM.saveBtn.addEventListener('click', saveNotes);

document.addEventListener('click', function(e) {
      const btn = e.target.closest('.notes-trigger-btn');
      if (btn) {
        e.preventDefault(); e.stopPropagation();
        openNotesPopup(btn);
      }
    });

scanAndSetupProducts();
    const observer = new MutationObserver(() => scanAndSetupProducts());
    observer.observe(document.body, { childList: true, subtree: true });
  }

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
  else init();
})(window, document);
//]]>
</script>

<button class="notes-trigger-btn">
  Ghi chú
</button>
</div>
</div>
<div class='bc-fff r2 oh s1 p-y10x15 fs-14'>
<ol class='lsn m-0 pl-0 m-y0x4-li fw-600 fs-13' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
<li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a href='https://veotemplate.blogspot.com/' itemprop='item'><span itemprop='name'>Veotemplate</span></a>
<meta content='1' itemprop='position'/>
</li>
                                  ›
                                  <li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a href='https://veotemplate.blogspot.com/2026/06/bai-viet-theo-nhan-trong-hop-list.html' itemprop='item'><span itemprop='name'>Bài viết theo nhãn trong hộp - List</span></a>
<meta content='2' itemprop='position'/>
</li>
</ol>
</div>
</article>
<div class='bc-fff r2 s1 a3 oh'>
<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'></path></g></svg>Rekomendasi</span><div class='flex aic wh-18-svg gg-10'>
<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'></path></svg></div>
<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'></path></svg>
</div>
</div></h2>
<div class='bc-fff s1 r2 p-13 oh full' id='related-posts'></div>
<script>
              var labelArray = [];
              var relatedPostConfig={
              homePage: "https://veotemplate.blogspot.com/",
              widgetTitle: "",
              numPosts: 10,
              summaryLength: 20,
              titleLength:"auto",
              thumbnailSize: 250,
              noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
              containerId: "related-posts",
              newTabLink: false,
              moreText: "Read more",
              widgetStyle: 2,
              callBack:function(){}
              }
            </script>
<script>/*<![CDATA[*/ 
var randomRelatedIndex, showRelatedPost;
(function(n, m, k) {
  var d = {
    widgetTitle: "<h3 class='heading'>Related Posts</h3>",
    widgetStyle: 1,
    homePage: "http://www.jagodesain.com",
    numPosts: 7,
    summaryLength: 320,
    titleLength: "auto",
    thumbnailSize: 200,
    noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
    containerId: "related-posts",
    newTabLink: false,
    moreText: "Read more",
    callBack: function() {}
  };
  for (var f in relatedPostConfig) {
    d[f] = (relatedPostConfig[f] == "undefined") ? d[f] : relatedPostConfig[f]
  }
  var j = function(a) {
      var b = m.createElement("script");
      b.async = "async";
      b.rel = "preload";
      b.src = a;
      k.appendChild(b)
    },
    o = function(b, a) {
      return Math.floor(Math.random() * (a - b + 1)) + b
    },
    l = function(a) {
      var p = a.length,
        c, b;
      if (p === 0) {
        return false
      }
      while (--p) {
        c = Math.floor(Math.random() * (p + 1));
        b = a[p];
        a[p] = a[c];
        a[c] = b
      }
      return a
    },
    e = (typeof labelArray == "object" && labelArray.length > 0) ? "/-/" + l(labelArray)[0] : "",
    h = function(b) {
      var c = b.feed.openSearch$totalResults.$t - d.numPosts,
        a = o(1, (c > 0 ? c : 1));
      j(d.homePage.replace(/\/$/, "") + "/feeds/posts/summary/-/Series" + e + "?alt=json-in-script&orderby=updated&start-index=" + a + "&max-results=" + d.numPosts + "&callback=showRelatedPost")
    },
    g = function(z) {
      var s = document.getElementById(d.containerId),
        x = l(z.feed.entry),
        A = d.widgetStyle,
        c = d.widgetTitle + '<ul class="pl-0 m-0 grid gtc-f141a gg-20 slide rel lsn ul style-' + A + '">',
        b = d.newTabLink ? ' target="_blank"' : "",
        y = '',
        v, t, w, r, u;
      if (!s) {
        return
      }
      for (var q = 0; q < d.numPosts; q++) {
        if (q == x.length) {
          break
        }
        t = x[q].title.$t;
        w = (d.titleLength !== "auto" && d.titleLength < t.length) ? t.substring(0, d.titleLength) + "…" : t;
        r = ("media$thumbnail" in x[q] && d.thumbnailSize !== false) ? x[q].media$thumbnail.url.replace("s72","w210-h270") : d.noImage;
        u = ("summary" in x[q] && d.summaryLength > 0) ? x[q].summary.$t.replace(/<br ?\/?>/g, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "").substring(0, d.summaryLength) + "…" : "";
        for (var p = 0, a = x[q].link.length; p < a; p++) {
          v = (x[q].link[p].rel == "alternate") ? x[q].link[p].href : "#"
        }
        if (A == 2) {
          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>'
        } else {
          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>'
        }
      }
      s.innerHTML = c += "</ul>";
      d.callBack()
    };
  randomRelatedIndex = h;
  showRelatedPost = g;
  j(d.homePage.replace(/\/$/, "") + "/feeds/posts/summary/-/Series" + e + "?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")
})(window, document, document.getElementsByTagName("head")[0]);

/*]]>*/</script>
</div>
<section class='comments threaded' data-embed='true' data-num-comments='0' id='comments'>
<input class='cmAl hidden' id='forAllCm' type='checkbox'/>
<div class='flex jcsb aic bb-1pxsf y9x19p'>
<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><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'></path></svg>Nhận xét (0)</h2>
<label aria-label='' class='s' data-new='Newest' data-text='Oldest' for='forAllCm'></label>
</div>
<script>var comment = false;</script>
<div class='comment-form'>
<div id='threaded-comment-form'>
<a href='https://www.blogger.com/comment/frame/101519330006490960?po=8081055578304283957&hl=vi&saa=85391&origin=https://veotemplate.blogspot.com&skin=contempo' id='comment-editor-src'></a>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' data-resized='true' data-src='https://www.blogger.com/comment/frame/101519330006490960?po=8081055578304283957&hl=vi&saa=85391&origin=https://veotemplate.blogspot.com&skin=contempo&skin=contempo' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='https://www.blogger.com/comment/frame/101519330006490960?po=8081055578304283957&hl=vi&saa=85391&origin=https://veotemplate.blogspot.com&skin=contempo&skin=contempo' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
              BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
            </script>
</div>
</div>
</section>
<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>
</div>
</div>
</div>
</main>
<footer class='bc-22'>
<div class='section' id='footer'><div class='widget PageList' data-version='2' id='PageList2'>
<nav class='max-w mla mra flex fdc-375 md:tac'>
<a class='c-cc y0x9p fs-14 lh-35 i-block' href='https://zeistmanga-bt.blogspot.com/search/label/A-Z'>A-Z</a>
<a class='c-cc y0x9p fs-14 lh-35 i-block' href='https://zeistmanga-bt.blogspot.com/search/label/Blog'>Blog</a>
</nav>
</div><div class='widget Label' data-version='2' id='Label2'>
<article class='max-w mra mla'>
<div class='flex aic c-cc jcc fdc-375'>
<h3 class='title'>
A-Z LIST
</h3>
<div class='ml-20 mr-20'>|</div>
<p>Cari manga dari urutan A sampai Z</p>
</div>
<div class='tac'>
</div>
</article>
</div><div class='widget Text' data-version='2' id='Text1'>
<aside class='max-w mla mra mb-13'>
<div class='mb-6 mt tac fs-30 fsi mt-15 c-fff'>
<div class='socialbutton'>
<a class='scfb' href='https://www.facebook.com/kiryuuco' target='_blank'><i class='fab fa-facebook-f'></i></a>
<a class='scig' href='https://www.instagram.com/kiryuuid/' target='_blank'><i class='fab fa-instagram'></i></a>
<a class='scdc' href='https://discord.com/invite/VFWVDDPgDg' target='_blank'><i class='fab fa-discord'></i></a>
</div>
</div>
<div class='w-50p mla mra c-cc fs-12 lh-1d7'>
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.
</div>
</aside>
</div></div>
<div class='bc-22'>
<div class='max-w mra mla c-cc fs-12 p-13 tac link'>
          © <span><script>document.write(new Date().getFullYear())</script></span>
<strong>Veotemplate.</strong>
          All Rights Reserved. Theme by <strong><a class='c-theme' href='https://emissionhex.blogspot.com/'>EmissionHex</a></strong>
</div>
</div>
</footer>
<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'></path></svg></button>
<script>/*<![CDATA[*/
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")};

function copyFunction(){document.getElementById("getlink").select(),document.execCommand("copy"),document.getElementById("share-notif").innerHTML="<span>Link copied!</span>" };
/*]]>*/
      </script>
<script>
//Get the button
var mybutton = document.getElementById("scTop");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 150 || document.documentElement.scrollTop > 150) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}
</script>
<script>/*<![CDATA[*/ 
  document.getElementById('there').appendChild(
    document.getElementById('download')
  );
/*]]>*/</script>
<script>/*<![CDATA[*/ 
  document.getElementById('extra-target').appendChild(
    document.getElementById('extra-info')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/ 
  document.getElementById('character-target').appendChild(
    document.getElementById('character')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/ 
document.getElementById('cl').appendChild(
    document.getElementById('downloadlist')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/ 
  document.getElementById('myhero').appendChild(
    document.getElementById('custom-hero')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/ 
  document.getElementById('syn-target').appendChild(
    document.getElementById('synopsis')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/
function fungsiSearch() {
   var element = document.getElementById("Query-input");
   element.classList.toggle("mystyle");
}
/*]]>*/</script>
<script>/*<![CDATA[*/
function myMenu() {
   var element = document.getElementById("PageList1");
   element.classList.toggle("shwx");
}
/*]]>*/</script>
<script>/*<![CDATA[*/
var toggle  = document.getElementById("toggle");
var content = document.getElementById("content");

toggle.addEventListener("click", function() {
  content.style.display = (content.dataset.toggled ^= 1) ? "block" : "none";
});
/*]]>*/</script>

<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>
<script>
        //<![CDATA[
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,{}))
//]]>
      </script>
<script>//<![CDATA[
var root = document.documentElement
var button = document.querySelector('.fit-btn')
button.addEventListener('click', () => {

root.classList.toggle('fit')

if (root.classList.contains('fit')) {
    localStorage.setItem('isFit', '1')
  } else {
    localStorage.removeItem('isFit')
  }

})//]]></script>
<script>
      //<![CDATA[
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);}
//]]>
    </script>
<script>
  $('#prev').on('click', function() {
  $('.ul').animate({
    scrollLeft: '-=400'
  }, 1, 'swing');
});

$('#next').on('click', function() {
  $('.ul').animate({
    scrollLeft: '+=400'
  }, 1, 'swing');
});
    </script>
<script type='text/javascript'>//<![CDATA[

//]]></script>
<script>//<![CDATA[
var limitBookmark = 100;
var bookmark = (function(){
list = [];

//Structure Push to Object New Item
function Item(id,name,status,type,link,img){
	this.id = id;
	this.name = name;
    this.status = status;
	this.type = type;
    this.link = link;
	this.img = img;
}

//Event Saving to Local Storage
function setBookmark(){
	localStorage.setItem('bookmark', JSON.stringify(list));
}

function loadBookmark() {
    list = JSON.parse(localStorage.getItem('bookmark'));
}

if (localStorage.getItem("bookmark") != null) {
    loadBookmark();
}

obj = {};
//Add New Item Object to Array
obj.addItemTobookmark = function(id,name,status,type,link,img) {
    var item = new Item(id,name,status,type,link,img),
    itemList = list;
    if(itemList != null){
    same = itemList.find(item =>{return item.id == id;});
    if(list.length<limitBookmark){
     if(!same){
    	list.push(item);
    	setBookmark();
      }
     }
    }else{
    	list.push(item);
    	setBookmark();
    }
}

//Remove Bookmark    
obj.removeThisItem = function(id) {
    for(var item in list) {
      if(list[item].id === id) {
        list.splice(item, 1);
        break;
      }
    }
    setBookmark();
  }
  
  return obj;
})();

$('.bookmark').each(function(event) {
const getData = JSON.parse(localStorage.getItem('bookmark'));
for(var i in getData){
	if(getData[i].id == $(this).data('id')){
     $(this).html('Bookmarked')
     $(this).addClass('bookmarked')
    }
}
  $(this).click(function(){
const list = JSON.parse(localStorage.getItem('bookmark'));
  //Retrieve Data From Post
  	const id = $(this).data('id'),
  	name = $('article.oh.a2 header h1.mb-6').text().replace('\n',''),
    link = location.protocol + '//' + location.hostname +  location.pathname,
    img = $('div.grid div.a1 figure img').attr('src'),
    status = $('aside.s1 div.y6x11p:nth-child(1) span.dt a').text().replace('\n',''),
    type = $('aside.s1 div.y6x11p:nth-child(2) span.dt a').text().replace('\n','');
    
  //Set To Function Bookmark
if(list == null){
  if(!$(this).hasClass('bookmarked')){
    	bookmark.addItemTobookmark(id,name,status,type,link,img);
  		$(this).addClass('bookmarked')
  		$(this).html('Bookmarked')
  }else{
  	bookmark.removeThisItem(id);
  	$(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>')
  	$(this).removeClass('bookmarked')
  }
}else{
  if(!$(this).hasClass('bookmarked')){
if(list.length<limitBookmark){
    	bookmark.addItemTobookmark(id,name,status,type,link,img);
  		$(this).addClass('bookmarked')
  		$(this).html('Bookmarked')
}
  }else{
  	bookmark.removeThisItem(id);
  	$(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>')
  	$(this).removeClass('bookmarked')
  }
}
  })
});
     //]]></script>

</body>
</html>

Baca Bài viết theo nhãn trong hộp - List

Read Bài viết theo nhãn trong hộp - List

Bestsellers

Ghi chú món ăn