Last edited:

Learn how to add a modern, tabbed weekly schedule for your Blogger site. This widget will fetch your posts and automatically sort them into the days of the week (Mon-Sun) based on their publication date.

It’s designed to help your readers quickly browse content according to a consistent release schedule without any manual sorting on your part. Btw, this is inspired by the clean and user-friendly layout of the Tappytoon app.

Adding a Responsive Daily Release Schedule in Blogger

Installation Instructions

Step 1 — Add CSS Styling

  1. Go to Blogger > Theme > Edit HTML
  2. Then copy and paste this CSS to your template (usually before the ]]></b:skin> tag or within your <style> tags).
  3. .schedules-container{background: #121212; color: #ffffff; font-family: 'Inter', -apple-system, sans-serif; padding: 10px 0; border-radius: 8px; overflow: hidden;}
    .schedules__nav{display: flex; overflow-x: auto; white-space: nowrap; border-bottom: 1px solid #2a2a2a; padding: 0 10px; scrollbar-width: none;}
    .schedules__nav::-webkit-scrollbar{display: none;}
    .schedules__day{padding: 12px 18px; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; color: #777; transition: all 0.3s ease; position: relative; flex-shrink: 0;}
    .schedules__day.is-active{color: #ff3d4d;}
    .schedules__day.is-active::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #ff3d4d;}
    .schedules__entries{display: none; gap: 12px; padding: 20px 15px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;}
    .schedules__entries::-webkit-scrollbar{display: none;}
    .schedules__entries.is-active{display: flex;}
    @media (min-width: 768px){.schedules__entries.is-active{display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); overflow-x: visible;}
    }
    .bs-item{min-width: 140px; scroll-snap-align: start; transition: transform 0.2s ease;}
    .bs-item:hover{transform: translateY(-5px);}
    .bs-item .limit{position: relative; border-radius: 6px; overflow: hidden; aspect-ratio: 3/4; background: #1e1e1e;}
    .bs-item .limit img{width: 100%; height: 100%; object-fit: cover;}
    .bs-item .tt{margin-top: 8px; font-size: 13px; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #eee;}
    .no-results{color: #555; padding: 20px; font-size: 14px;}

Step 2 — Add an "HTML/JavaScript" Gadget

  1. Go to Layout
    • Blogger Dashboard → Layout
    • Click “Add a Gadget”
    • Choose “HTML/JavaScript”
  2. Title: You can leave this blank or type something like "Weekly Schedule."
  3. Content: Copy the entire code and paste it.
  4. <div class="schedules-container">
        <div class="schedules__nav">
            <div class="schedules__day" data-day="sunday">Sun</div>
            <div class="schedules__day" data-day="monday">Mon</div>
            <div class="schedules__day" data-day="tuesday">Tue</div>
            <div class="schedules__day" data-day="wednesday">Wed</div>
            <div class="schedules__day" data-day="thursday">Thu</div>
            <div class="schedules__day" data-day="friday">Fri</div>
            <div class="schedules__day" data-day="saturday">Sat</div>
        </div>
    
        <div id="entries-sunday" class="schedules__entries"></div>
        <div id="entries-monday" class="schedules__entries"></div>
        <div id="entries-tuesday" class="schedules__entries"></div>
        <div id="entries-wednesday" class="schedules__entries"></div>
        <div id="entries-thursday" class="schedules__entries"></div>
        <div id="entries-friday" class="schedules__entries"></div>
        <div id="entries-saturday" class="schedules__entries"></div>
    </div>
    
    <script type='text/javascript'>
    //<![CDATA[
    (() => {
        const blogURL = window.location.protocol + "//" + window.location.hostname;
        const maxPosts = 50; 
        const daysOfWeek = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
        const todayName = daysOfWeek[new Date().getDay()];
        const noImagethumb = "https://placehold.jp/24/1e1e1e/666666/200x300.png?text=No%20Image";
        const noResultTxt = "No updates for";
    
        const _0x5694f6=_0x412c;(function(_0x3e61be,_0x3555da){const _0x58350b=_0x412c,_0x32319f=_0x3e61be();while(!![]){try{const _0x30a1db=parseInt(_0x58350b(0x115))/(0x2db*-0xd+0x8f9*0x4+0x1*0x13c)*(parseInt(_0x58350b(0xd3))/(-0x164a+0x1617+-0x1*-0x35))+-parseInt(_0x58350b(0x122))/(-0x1cc+-0x1*0x252e+0x1*0x26fd)*(parseInt(_0x58350b(0xcf))/(-0x96+0x1*0x246b+-0x23d1))+-parseInt(_0x58350b(0x12f))/(-0xb5*-0x1e+-0x41d*0x1+-0x1114)*(-parseInt(_0x58350b(0xf1))/(-0x1*-0x1b1d+0xe3e+-0x2955*0x1))+parseInt(_0x58350b(0xe0))/(0x17*-0x10+0x2510+-0x2399)+parseInt(_0x58350b(0x119))/(-0x3b9*-0x9+0x1*0xf7d+-0x1052*0x3)*(parseInt(_0x58350b(0xef))/(-0x5*0x31d+-0x2*-0x156+0xcee))+-parseInt(_0x58350b(0x145))/(-0x61*0x2b+0x7dc+0x879)+-parseInt(_0x58350b(0x108))/(0xb01+0x12*0x20b+-0x2fbc);if(_0x30a1db===_0x3555da)break;else _0x32319f['push'](_0x32319f['shift']());}catch(_0x44d4c1){_0x32319f['push'](_0x32319f['shift']());}}}(_0x4117,0x1*-0x3768d+0xb8a1e+0x3663));function _0x412c(_0x55086c,_0x2f1df7){_0x55086c=_0x55086c-(0x7*0x427+-0xeed*-0x1+-0x2b34);const _0x17159a=_0x4117();let _0x47eb30=_0x17159a[_0x55086c];return _0x47eb30;}function initTappySchedule(){const _0x27d9be=_0x412c,_0xe8513={'JDpjB':_0x27d9be(0x131),'etcTj':_0x27d9be(0xde),'vUWGU':_0x27d9be(0x13f)+_0x27d9be(0x147)+_0x27d9be(0xd8)+_0x27d9be(0xf8),'FVXDs':_0x27d9be(0xe7),'WxdGZ':function(_0x3b158c,_0x458aa3){return _0x3b158c+_0x458aa3;},'GIKFo':_0x27d9be(0x13d),'bCjDd':function(_0x4f0193,_0x21ba5a){return _0x4f0193>_0x21ba5a;},'uPexp':_0x27d9be(0x116),'pNaWN':function(_0xf33fa,_0x5d7f9a){return _0xf33fa===_0x5d7f9a;},'ghQBN':_0x27d9be(0x141),'uIYol':_0x27d9be(0x121),'LKXZO':_0x27d9be(0x10d),'KSZfm':_0x27d9be(0xd9),'idlHk':_0x27d9be(0xfb)+_0x27d9be(0x107)},_0x4964a2=document[_0x27d9be(0xcc)+_0x27d9be(0x10a)](_0xe8513[_0x27d9be(0x124)]),_0x9fab4e=_0xe8513[_0x27d9be(0x13e)];window[_0x9fab4e]=function(_0x4a093c){const _0xbb14ad=_0x27d9be,_0x4f42bd={'iYvZj':_0xe8513[_0xbb14ad(0xd0)],'RJQCK':_0xe8513[_0xbb14ad(0xe4)],'XqOGj':function(_0x1af2bc,_0x558997){const _0x4dd84c=_0xbb14ad;return _0xe8513[_0x4dd84c(0x11f)](_0x1af2bc,_0x558997);},'NOZPK':_0xe8513[_0xbb14ad(0x140)],'OPcWQ':function(_0xd654b8,_0x1e1140){const _0x214aeb=_0xbb14ad;return _0xe8513[_0x214aeb(0xd1)](_0xd654b8,_0x1e1140);},'orkAE':_0xe8513[_0xbb14ad(0x123)],'VHeNu':function(_0x13ebc3,_0x4fe58d){const _0x1bb72f=_0xbb14ad;return _0xe8513[_0x1bb72f(0x106)](_0x13ebc3,_0x4fe58d);},'PyPWj':_0xe8513[_0xbb14ad(0xfd)],'pYRCL':_0xe8513[_0xbb14ad(0x133)],'FFZOh':_0xe8513[_0xbb14ad(0x127)]},_0x203068=_0x4a093c[_0xbb14ad(0x125)][_0xbb14ad(0xe2)]||[],_0x405bb2={'sunday':[],'monday':[],'tuesday':[],'wednesday':[],'thursday':[],'friday':[],'saturday':[]};_0x203068[_0xbb14ad(0x144)](_0x550b81=>{const _0x3a675e=_0xbb14ad,_0x3875aa=new Date(_0x550b81[_0x3a675e(0x103)]['$t']),_0x586612=daysOfWeek[_0x3875aa[_0x3a675e(0x12a)]()],_0x3517b4=_0x550b81[_0x3a675e(0xfe)]['$t'],_0x49f770=_0x3a675e(0x11b)+_0x3a675e(0x142)+_0x3a675e(0x120)+_0x3a675e(0xce)+_0x3a675e(0x11e)+_0x3a675e(0x142)+_0x3a675e(0x10b)+_0x3a675e(0x132)+_0x550b81[_0x3a675e(0x11a)][_0x3a675e(0x13c)](_0x458b8d=>_0x3a675e(0xdb)===_0x458b8d[_0x3a675e(0x134)])[_0x3a675e(0xf6)]+(_0x3a675e(0x11e)+_0x3a675e(0x142)+_0x3a675e(0x142)+_0x3a675e(0x120)+_0x3a675e(0x12b)+_0x3a675e(0x11b)+_0x3a675e(0x142)+_0x3a675e(0x142)+_0x3a675e(0x11c)+_0x3a675e(0x10e))+(_0x550b81[_0x3a675e(0xeb)+_0x3a675e(0xcb)]?_0x550b81[_0x3a675e(0xeb)+_0x3a675e(0xcb)][_0x3a675e(0xf0)][_0x3a675e(0x100)](_0xe8513[_0x3a675e(0xea)],_0xe8513[_0x3a675e(0x102)]):noImagethumb)+_0x3a675e(0x137)+_0x3517b4+(_0x3a675e(0x138)+_0x3a675e(0x11d)+_0x3a675e(0xf2)+_0x3a675e(0xe6)+_0x3a675e(0xf3)+_0x3a675e(0xd7)+_0x3a675e(0x142)+_0x3a675e(0x142)+_0x3a675e(0xdd)+_0x3a675e(0x12e)+_0x3a675e(0x142)+_0x3a675e(0x142)+_0x3a675e(0xe9)+_0x3a675e(0xf7))+_0x3517b4+(_0x3a675e(0xd4)+_0x3a675e(0x142)+_0x3a675e(0x142)+_0x3a675e(0x136)+_0x3a675e(0x142)+_0x3a675e(0xff)+'v>');_0x405bb2[_0x586612][_0x3a675e(0x129)](_0x49f770);}),daysOfWeek[_0xbb14ad(0x144)](_0x5cb0a6=>{const _0x1f1353=_0xbb14ad,_0x23a2e6={'WXJeK':_0x4f42bd[_0x1f1353(0xe8)],'EivaX':_0x4f42bd[_0x1f1353(0x10f)]},_0x42f9a1=document[_0x1f1353(0xcd)+_0x1f1353(0x13b)](_0x4f42bd[_0x1f1353(0x12d)](_0x4f42bd[_0x1f1353(0x146)],_0x5cb0a6)),_0x1ba4d7=document[_0x1f1353(0x12c)+_0x1f1353(0xd6)](_0x1f1353(0x13f)+_0x1f1353(0xd2)+_0x1f1353(0xfc)+_0x5cb0a6+'\x22]');_0x4f42bd[_0x1f1353(0x114)](_0x405bb2[_0x5cb0a6][_0x1f1353(0xe1)],-0x5*-0x3b5+0x22e1*-0x1+-0x1*-0x1058)?_0x42f9a1[_0x1f1353(0xe3)]=_0x405bb2[_0x5cb0a6][_0x1f1353(0x112)](''):_0x42f9a1[_0x1f1353(0xe3)]=_0x1f1353(0xfa)+_0x1f1353(0xf9)+'\x22>'+noResultTxt+'\x20'+_0x5cb0a6+_0x1f1353(0xec),_0x1ba4d7[_0x1f1353(0xed)+_0x1f1353(0xda)](_0x4f42bd[_0x1f1353(0x128)],()=>{const _0x3331ab=_0x1f1353;document[_0x3331ab(0x12c)+_0x3331ab(0x139)](_0x23a2e6[_0x3331ab(0x113)])[_0x3331ab(0x144)](_0x236e3e=>_0x236e3e[_0x3331ab(0x101)][_0x3331ab(0x109)](_0x3331ab(0xe7))),_0x1ba4d7[_0x3331ab(0x101)][_0x3331ab(0x13a)](_0x23a2e6[_0x3331ab(0xf4)]),_0x42f9a1[_0x3331ab(0x101)][_0x3331ab(0x13a)](_0x23a2e6[_0x3331ab(0xf4)]);}),_0x4f42bd[_0x1f1353(0xdc)](_0x5cb0a6,todayName)&&(_0x1ba4d7[_0x1f1353(0x101)][_0x1f1353(0x13a)](_0x4f42bd[_0x1f1353(0x10f)]),_0x42f9a1[_0x1f1353(0x101)][_0x1f1353(0x13a)](_0x4f42bd[_0x1f1353(0x10f)]),_0x1ba4d7[_0x1f1353(0x105)+_0x1f1353(0xd5)]({'behavior':_0x4f42bd[_0x1f1353(0xca)],'inline':_0x4f42bd[_0x1f1353(0x10c)],'block':_0x4f42bd[_0x1f1353(0xf5)]}));}),delete window[_0x9fab4e],_0x4964a2[_0xbb14ad(0x109)]();},_0x4964a2[_0x27d9be(0x130)]=blogURL+(_0x27d9be(0x135)+_0x27d9be(0x104)+_0x27d9be(0xdf)+_0x27d9be(0x117)+_0x27d9be(0xe5)+'s=')+maxPosts+_0x27d9be(0xee)+_0x9fab4e,document[_0x27d9be(0x118)][_0x27d9be(0x111)+'d'](_0x4964a2);}function _0x4117(){const _0x486530=['nearest','c=\x22','RJQCK','complete','appendChil','join','WXJeK','OPcWQ','6UjpiYw','click','in-script&','body','1064UrZyhv','link','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20','\x20\x20\x20<img\x20sr','\x22lazy\x22\x20dec','\x22>\x0a\x20\x20\x20\x20\x20\x20\x20','WxdGZ','\x20<div\x20clas','center','27FWAmMZ','uPexp','KSZfm','feed','load','LKXZO','orkAE','push','getDay','s=\x22limit\x22>','querySelec','XqOGj','div>\x0a\x20\x20\x20\x20\x20','45tAAccQ','src','s72-c','href=\x22','uIYol','rel','/feeds/pos','\x20</a>\x0a\x20\x20\x20\x20','\x22\x20alt=\x22','\x22\x20loading=','torAll','add','ById','find','entries-','idlHk','.schedules','GIKFo','smooth','\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20','readyState','forEach','9627530RyunJq','NOZPK','__day,\x20.sc','PyPWj','bnail','createElem','getElement','s=\x22bs-item','250508SanMut','vUWGU','bCjDd','__day[data','326878HoXnUz','</div>\x0a\x20\x20\x20','View','tor','ht=\x22300\x22>\x0a','hedules__e','script','stener','alternate','VHeNu','\x20\x20\x20\x20\x20\x20\x20\x20</','s1600','?alt=json-','1805097pSIjTI','length','entry','innerHTML','FVXDs','max-result','nc\x22\x20width=','is-active','iYvZj','\x20\x20\x20<div\x20cl','JDpjB','media$thum','</p>','addEventLi','&callback=','57609TZApdD','url','10926uPYPXS','oding=\x22asy','\x22200\x22\x20heig','EivaX','FFZOh','href','ass=\x22tt\x22>','ntries','no-results','<p\x20class=\x22','cb_schedul','-day=\x22','ghQBN','title','\x20\x20\x20\x20\x20\x20</di','replace','classList','etcTj','published','ts/default','scrollInto','pNaWN','e_load','402721tdkQMO','remove','ent','\x20\x20\x20\x20\x20\x20\x20<a\x20','pYRCL'];_0x4117=function(){return _0x486530;};return _0x4117();}_0x5694f6(0x110)===document[_0x5694f6(0x143)]?initTappySchedule():window[_0x5694f6(0xed)+_0x5694f6(0xda)](_0x5694f6(0x126),()=>setTimeout(initTappySchedule,-0x24fa*-0x1+0x1c*0x4d+-0x2c9e));
    })();
    //]]>
    </script>
Important (Common Problems)

If nothing shows:

  • Make sure your blog is public
  • Feed must be enabled:
    • Settings → Site Feed → Full or Short

Step 3 — Save and Preview

  1. Click Save
  2. View your blog. You should now see a day-based schedule tab system

What You Must Change (Optional)

You can easily translate or personalize the widget by editing these variables:

const maxPosts = 50; 
const daysOfWeek = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
const noImagethumb = "https://placehold.jp/24/1e1e1e/666666/200x300.png?text=No%20Image";
const noResultTxt = "No updates for";

Change Day Names (Language Support)

Example (Spanish):

const daysOfWeek = ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"];
Important: If you change this, you must ALSO update the HTML data-day values to match exactly.
<div class="schedules__day" data-day="lunes">Mon</div>

Change “No Image” Placeholder

  • If no image is found → shows fallback image
const noImagethumb = "YOUR_IMAGE_URL_HERE";

You can use:

  • Your own hosted image
  • CDN image
  • Blogger-hosted image

Change “No Results” Text

Example:

const noResultTxt = "No hay actualizaciones para";

Change Number of Posts

You can control how many posts are loaded:

const maxPosts = 50;
  • Increase → more posts loaded
  • Decrease → faster loading

Display Posts by Label

To show only posts from a specific label, replace your old script with the new one below.

<script type='text/javascript'>
//<![CDATA[
(() => {
    const blogURL = window.location.protocol + "//" + window.location.hostname;
    const maxPosts = 50; 
    const daysOfWeek = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
    const todayName = daysOfWeek[new Date().getDay()];
    const noImagethumb = "https://placehold.jp/24/1e1e1e/666666/200x300.png?text=No%20Image";
    const noResultTxt = "No updates for";
    const labelPost = "YourLabel";

    function _0x340e(){const _0x3be7c6=['no-results','jJDGP','uAHwo','getElement','.schedules','scrollInto','\x22\x20alt=\x22','JZADe','549NJtmmh','<p\x20class=\x22','270636ZTgaQP','link','stener','HzyOP','src','4247664qGSxXC','3421989ztAdlg','ass=\x22tt\x22>','center','View','487650tvuOcU','bnail','</p>','\x20</a>\x0a\x20\x20\x20\x20','SaTEM','\x20\x20\x20<div\x20cl','published','sKsRe','HUiSt','/-/','entry','253493WLCEat','e_load','hedules__e','</div>\x0a\x20\x20\x20','s=\x22bs-item','fkFty','IZvQe','href','YrkNM','RhZYm','\x20\x20\x20\x20\x20\x20</di','\x20\x20\x20\x20\x20\x20\x20<a\x20','pSwjJ','body','\x20<div\x20clas','getDay','nc\x22\x20width=','classList','in-script&','join','ht=\x22300\x22>\x0a','2lqIOBQ','remove','readyState','s=\x22limit\x22>','innerHTML','?alt=json-','rel','tor','apebf','/feeds/pos','createElem','entries-','MArTa','oding=\x22asy','\x22lazy\x22\x20dec','feed','ts/default','7VqyDRz','load','\x22>\x0a\x20\x20\x20\x20\x20\x20\x20','push','s1600','-day=\x22','ntries','title','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20','alternate','div>\x0a\x20\x20\x20\x20\x20','addEventLi','replace','querySelec','286OUYmhp','media$thum','\x20\x20\x20<img\x20sr','forEach','&callback=','YayHJ','ZynCX','rjkgk','torAll','WgMcl','__day,\x20.sc','\x22200\x22\x20heig','5WVMEba','nearest','Fosfd','nqhZG','length','ent','\x20\x20\x20\x20\x20\x20\x20\x20</','16548lWsHyd','\x22\x20loading=','script','appendChil','SfYQD','\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20','add','5268870PCbWEx','c=\x22','complete','href=\x22','kKeWs','cb_schedul','smooth','gJTlw','max-result','url','ById','find','s72-c','__day[data','is-active','click','BxoiA'];_0x340e=function(){return _0x3be7c6;};return _0x340e();}const _0x420f0e=_0x1259;function _0x1259(_0x579d58,_0xc3d51){_0x579d58=_0x579d58-(-0xe2*-0x21+-0x18d3*0x1+0xb*-0x47);const _0x49e0ea=_0x340e();let _0x4af2db=_0x49e0ea[_0x579d58];return _0x4af2db;}(function(_0x37b09a,_0xb8cfee){const _0x10e7fd=_0x1259,_0x33288a=_0x37b09a();while(!![]){try{const _0x5e1d65=-parseInt(_0x10e7fd(0x161))/(0xcd5+0x1be6*0x1+0x1*-0x28ba)*(-parseInt(_0x10e7fd(0x176))/(-0x2084+-0xb46*0x2+-0x10a*-0x35))+parseInt(_0x10e7fd(0x14a))/(-0x137e+-0x13*0x18d+0x30f8)*(parseInt(_0x10e7fd(0x1a8))/(-0x10c+0x17*-0x12e+0x966*0x3))+-parseInt(_0x10e7fd(0x1a1))/(0x26fc+0x122f+-0x3926)*(parseInt(_0x10e7fd(0x1af))/(-0x7cd*0x3+0x1*0x8ef+0xe7e))+-parseInt(_0x10e7fd(0x187))/(0x9eb*-0x2+-0xf35+0x2312)*(parseInt(_0x10e7fd(0x151))/(-0x1e2e+-0x2693+0x44c9))+parseInt(_0x10e7fd(0x152))/(0x5*-0x25f+0x414*-0x5+-0x1*-0x2048)+-parseInt(_0x10e7fd(0x156))/(-0xb31*0x1+0x21c2+-0x1687)+parseInt(_0x10e7fd(0x195))/(0x37*0x72+0x1*-0x669+-0x2*0x905)*(parseInt(_0x10e7fd(0x14c))/(-0xb5e+-0xd5*-0xc+0x16e));if(_0x5e1d65===_0xb8cfee)break;else _0x33288a['push'](_0x33288a['shift']());}catch(_0x11faac){_0x33288a['push'](_0x33288a['shift']());}}}(_0x340e,0x7cc57+-0x535b0+0x359*0x198));function initTappySchedule(){const _0x250ce9=_0x1259,_0x427fdf={'jJDGP':_0x250ce9(0x1bb),'JZADe':_0x250ce9(0x18b),'nqhZG':_0x250ce9(0x146)+_0x250ce9(0x19f)+_0x250ce9(0x163)+_0x250ce9(0x18d),'Fosfd':_0x250ce9(0x1bd),'uAHwo':function(_0x1dd7a9,_0x585e5f){return _0x1dd7a9+_0x585e5f;},'HUiSt':_0x250ce9(0x181),'BxoiA':function(_0x32bfc6,_0x47aa6e){return _0x32bfc6>_0x47aa6e;},'WgMcl':_0x250ce9(0x1be),'pSwjJ':function(_0x320e2e,_0x5f1537){return _0x320e2e===_0x5f1537;},'YayHJ':_0x250ce9(0x1b5),'IZvQe':_0x250ce9(0x154),'fkFty':_0x250ce9(0x1a2),'ZynCX':_0x250ce9(0x1aa),'rjkgk':_0x250ce9(0x1b4)+_0x250ce9(0x162)},_0x19bb26=document[_0x250ce9(0x180)+_0x250ce9(0x1a6)](_0x427fdf[_0x250ce9(0x19b)]),_0xde2980=_0x427fdf[_0x250ce9(0x19c)];window[_0xde2980]=function(_0x921c2b){const _0x2ebbc4=_0x250ce9,_0x562151={'SfYQD':_0x427fdf[_0x2ebbc4(0x1a4)],'RhZYm':_0x427fdf[_0x2ebbc4(0x1a3)],'gJTlw':function(_0x326e60,_0x49c42a){const _0x2ee8f1=_0x2ebbc4;return _0x427fdf[_0x2ee8f1(0x144)](_0x326e60,_0x49c42a);},'SaTEM':_0x427fdf[_0x2ebbc4(0x15e)],'sKsRe':function(_0x4d9dc5,_0xbc043d){const _0x351dac=_0x2ebbc4;return _0x427fdf[_0x351dac(0x1bf)](_0x4d9dc5,_0xbc043d);},'kKeWs':_0x427fdf[_0x2ebbc4(0x19e)],'YrkNM':function(_0x2edd5b,_0x113740){const _0xb9a6a6=_0x2ebbc4;return _0x427fdf[_0xb9a6a6(0x16d)](_0x2edd5b,_0x113740);},'apebf':_0x427fdf[_0x2ebbc4(0x19a)],'HzyOP':_0x427fdf[_0x2ebbc4(0x167)],'MArTa':_0x427fdf[_0x2ebbc4(0x166)]},_0x44f18e=_0x921c2b[_0x2ebbc4(0x185)][_0x2ebbc4(0x160)]||[],_0x41ffe1={'sunday':[],'monday':[],'tuesday':[],'wednesday':[],'thursday':[],'friday':[],'saturday':[]};_0x44f18e[_0x2ebbc4(0x198)](_0x23ae3f=>{const _0x38635f=_0x2ebbc4,_0x196dfa=new Date(_0x23ae3f[_0x38635f(0x15c)]['$t']),_0x3359ed=daysOfWeek[_0x196dfa[_0x38635f(0x170)]()],_0x5c4b03=_0x23ae3f[_0x38635f(0x18e)]['$t'],_0x453089=_0x38635f(0x18f)+_0x38635f(0x1ad)+_0x38635f(0x16f)+_0x38635f(0x165)+_0x38635f(0x189)+_0x38635f(0x1ad)+_0x38635f(0x16c)+_0x38635f(0x1b2)+_0x23ae3f[_0x38635f(0x14d)][_0x38635f(0x1ba)](_0x1ef13d=>_0x38635f(0x190)===_0x1ef13d[_0x38635f(0x17c)])[_0x38635f(0x168)]+(_0x38635f(0x189)+_0x38635f(0x1ad)+_0x38635f(0x1ad)+_0x38635f(0x16f)+_0x38635f(0x179)+_0x38635f(0x18f)+_0x38635f(0x1ad)+_0x38635f(0x1ad)+_0x38635f(0x197)+_0x38635f(0x1b0))+(_0x23ae3f[_0x38635f(0x196)+_0x38635f(0x157)]?_0x23ae3f[_0x38635f(0x196)+_0x38635f(0x157)][_0x38635f(0x1b8)][_0x38635f(0x193)](_0x427fdf[_0x38635f(0x143)],_0x427fdf[_0x38635f(0x149)]):noImagethumb)+_0x38635f(0x148)+_0x5c4b03+(_0x38635f(0x1a9)+_0x38635f(0x184)+_0x38635f(0x183)+_0x38635f(0x171)+_0x38635f(0x1a0)+_0x38635f(0x175)+_0x38635f(0x1ad)+_0x38635f(0x1ad)+_0x38635f(0x1a7)+_0x38635f(0x191)+_0x38635f(0x1ad)+_0x38635f(0x1ad)+_0x38635f(0x15b)+_0x38635f(0x153))+_0x5c4b03+(_0x38635f(0x164)+_0x38635f(0x1ad)+_0x38635f(0x1ad)+_0x38635f(0x159)+_0x38635f(0x1ad)+_0x38635f(0x16b)+'v>');_0x41ffe1[_0x3359ed][_0x38635f(0x18a)](_0x453089);}),daysOfWeek[_0x2ebbc4(0x198)](_0x18bed7=>{const _0x4f5221=_0x2ebbc4,_0x5e36e8=document[_0x4f5221(0x145)+_0x4f5221(0x1b9)](_0x562151[_0x4f5221(0x1b6)](_0x562151[_0x4f5221(0x15a)],_0x18bed7)),_0x313d58=document[_0x4f5221(0x194)+_0x4f5221(0x17d)](_0x4f5221(0x146)+_0x4f5221(0x1bc)+_0x4f5221(0x18c)+_0x18bed7+'\x22]');_0x562151[_0x4f5221(0x15d)](_0x41ffe1[_0x18bed7][_0x4f5221(0x1a5)],0x5c4+-0xcac+0x6e8)?_0x5e36e8[_0x4f5221(0x17a)]=_0x41ffe1[_0x18bed7][_0x4f5221(0x174)](''):_0x5e36e8[_0x4f5221(0x17a)]=_0x4f5221(0x14b)+_0x4f5221(0x142)+'\x22>'+noResultTxt+'\x20'+_0x18bed7+_0x4f5221(0x158),_0x313d58[_0x4f5221(0x192)+_0x4f5221(0x14e)](_0x562151[_0x4f5221(0x1b3)],()=>{const _0x202f6a=_0x4f5221;document[_0x202f6a(0x194)+_0x202f6a(0x19d)](_0x562151[_0x202f6a(0x1ac)])[_0x202f6a(0x198)](_0x6d5983=>_0x6d5983[_0x202f6a(0x172)][_0x202f6a(0x177)](_0x202f6a(0x1bd))),_0x313d58[_0x202f6a(0x172)][_0x202f6a(0x1ae)](_0x562151[_0x202f6a(0x16a)]),_0x5e36e8[_0x202f6a(0x172)][_0x202f6a(0x1ae)](_0x562151[_0x202f6a(0x16a)]);}),_0x562151[_0x4f5221(0x169)](_0x18bed7,todayName)&&(_0x313d58[_0x4f5221(0x172)][_0x4f5221(0x1ae)](_0x562151[_0x4f5221(0x16a)]),_0x5e36e8[_0x4f5221(0x172)][_0x4f5221(0x1ae)](_0x562151[_0x4f5221(0x16a)]),_0x313d58[_0x4f5221(0x147)+_0x4f5221(0x155)]({'behavior':_0x562151[_0x4f5221(0x17e)],'inline':_0x562151[_0x4f5221(0x14f)],'block':_0x562151[_0x4f5221(0x182)]}));}),delete window[_0xde2980],_0x19bb26[_0x2ebbc4(0x177)]();},_0x19bb26[_0x250ce9(0x150)]=blogURL+(_0x250ce9(0x17f)+_0x250ce9(0x186)+_0x250ce9(0x15f))+labelPost+(_0x250ce9(0x17b)+_0x250ce9(0x173)+_0x250ce9(0x1b7)+'s=')+maxPosts+_0x250ce9(0x199)+_0xde2980,document[_0x250ce9(0x16e)][_0x250ce9(0x1ab)+'d'](_0x19bb26);}_0x420f0e(0x1b1)===document[_0x420f0e(0x178)]?initTappySchedule():window[_0x420f0e(0x192)+_0x420f0e(0x14e)](_0x420f0e(0x188),()=>setTimeout(initTappySchedule,-0x14e3+0xc46+0x965));
})();
//]]>
</script>
  • Replace YourLabel with your actual label.
  • Example:

    const labelPost = "Blogger";

Result

The script automatically:

  • Detects today’s day
  • Activates that tab
  • Scrolls it into view

And that's it! This widget is also ideal for personal blogs or manga/anime sites. It’s especially useful for organizing content into a clear weekly format. For example, you can automatically display which chapters, episodes, or posts were published on specific days. This makes it easier for visitors to keep track of updates, follow release schedules, and quickly find content based on when it was posted, improving both navigation and overall user experience.

This is a reminder that if you use our code for a tutorial on your website, please give proper credit to us. Avoid simply copying and pasting the content. We have thoroughly tested the code to ensure it works correctly and is compatible for use on your site.