How to Build a Dynamic Release Schedule Widget with Auto-Highlighting

Dida • Wednesday, April 22, 2026

Dida

Administrator

Author

Last edited: Saturday, June 20, 2026

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

Demo Preview

How to Install the Weekly Schedule Widget

Step 1 — Add CSS Styling

Go to Blogger Dashboard > Theme > Customize > Edit HTML

Then copy and paste this CSS to your template, usually before the ]]></b:skin> tag or within your <style> tags.

.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: 15px; padding: 20px 15px;}
.schedules__entries::-webkit-scrollbar{display: none;}
.schedules__entries.is-active{display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));}
@media (min-width: 768px){.schedules__entries.is-active{grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}
}
.bs-item{transition: transform 0.2s ease; width: 100%;}
.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;}

Then click Save

Step 2 — Add an "HTML/JavaScript" Gadget

Go to Blogger Dashboard > Layout > Click Add a Gadget > Choose HTML/JavaScript
Title: You can leave this blank or type something like "Weekly Schedule."

Content: Copy the entire code and paste it

<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>

If nothing shows:

Make sure your blog is public
Feed must be enabled:

Settings > Site Feed > Full or Short

Step 3 — Save and Preview

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

What You Must Change (Optional)

The widget is flexible and can easily be tailored to match your site’s style or language.

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";

Day Names (Language Support)

You can translate or rename the days to fit your audience:

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>

No Image Placeholder

If a post doesn’t have a thumbnail, a default image will appear. You can replace it with your own:

const noImagethumb = "YOUR_IMAGE_URL_HERE";

No Results Text

Example:

const noResultTxt = "No hay actualizaciones para";

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

If you want the widget to display only posts from a specific category (label), you can use the alternate script version.

<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";

This is particularly useful if you run multiple types of content and want a schedule dedicated to one category only (e.g., manga chapters, tutorials, or updates).

Result

The script automatically:

Fetches your latest posts
Determines the day each post was published
Groups posts into their respective day tabs
Highlights the current day automatically
Scrolls the active tab into view for better usability

Why This Widget is Useful

This feature is perfect for structured content sites. Whether you run a manga blog, a light novel platform, or even a personal blog, organizing posts by day improves navigation and helps readers follow your update schedule more easily.

Visitors can instantly see what was released on specific days, making your site feel more organized, dynamic, and user-friendly.

Contact Form