Jadwal Rilis berfungsi untuk memfilter post yang akan di update berdasarkan hari tertentu. yang mana akan memudahkan pengunjung untuk mengetahui kapan post tersebut akan di update.
Cara Pasang
Pertama pasang css berikut di atas tag ]]></b:skin>
.jrai321{display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:flex-start}.jrai-fix{width:calc(100% / 4);padding:5px;box-sizing:border-box}.jrai-title{color:#fff;font-family:sans-serif;text-align:center;padding:20px 0;text-transform:uppercase;font-size:22px;font-weight:700}.jrai-fix:nth-child(1) .jrai-title{background:#0098fd;border-bottom:5px solid #007dd0}.jrai-fix:nth-child(2) .jrai-title{background:#3db300;border-bottom:5px solid #308e00}.jrai-fix:nth-child(3) .jrai-title{background:#c1004f;border-bottom:5px solid #9e0041}.jrai-fix:nth-child(4) .jrai-title{background:#ff5722;border-bottom:5px solid #ce4115}.jrai-fix:nth-child(5) .jrai-title{background:#008287;border-bottom:5px solid #00696d}.jrai-fix:nth-child(6) .jrai-title{background:#7200ac;border-bottom:5px solid #5d008c}.jrai-fix:nth-child(7) .jrai-title{background:#f58500;border-bottom:5px solid #bd6700}.jrai-fix:nth-child(8) .jrai-title{background:#8c0000;border-bottom:5px solid #610000}.jrai-wrap ul{margin:0!important;padding:0!important;color:#333;background:#ebebeb}.jrai-wrap ul li{list-style:none;padding:7px 12px!important;transition:all .3s;margin:0!important}.jrai-wrap ul li:hover{background:#ddd}.jrai-wrap ul li a{color:#333}.jrai-wrap ul li a:hover{color:#333}@media only screen and (max-width:768px){.jrai-fix{width:calc(100% / 2)}}@media screen and (max-width:480px){.jrai-fix{width:100%}}Kedua pasang javascript / jQuery berikut di atas tag </body>.
<script>/*<![CDATA[*/
const isJadwal={
config:{
days: ["Senin","Selasa","Rabu","Kamis","Jumat","Sabtu","Minggu"]
},jQcheck:()=>"function"==typeof jQuery,run:function(){if(0==this.jQcheck())return;let t=$("#isJadwal");if(0!=t.length&&t.data("label")){const e=this.config,a=this;$.ajax({type:"get",url:`${e.site||""}/feeds/posts/summary/-/${t.data("label")}`,data:{alt:"json","max-results":150},dataType:"jsonp",success:t=>{if("entry"in t.feed){let e=new Array;$.each(t.feed.entry,(t,a)=>{e.push({title:a.title.$t,url:a.link.find(t=>"alternate"==t.rel).href,cat:a.category.map(t=>t.term)})}),a.compile(e)}else $("#isJadwal").html(`<p>${e.textNotFound||"Post Not Found"}</p>`)},error:()=>{$("#isJadwal").html(`<p>${e.textError||"Error"}</p>`)}})}},compile:function(t){let e=this.config,a=e.days.reduce((t,e)=>(t[e]=[],t),{}),i=this;$.each(t,(t,i)=>{let l=i.cat.find(t=>e.days.includes(t));if(l)a[l].push(i);else{let t=e.random||"Random";t in a?a[t].push(i):a[t]=[i]}}),i.create(a)},create:function(t){let e="<div class='jrai321'>",a=this.config;$.each(t,(t,i)=>{e+=`<div class='jrai-fix'><div class='jrai-wrap'><div class='jrai-title'>${t}</div><ul>`,0!=i.length?$.each(i,(t,a)=>{e+=`<li><a href='${a.url}'>${a.title}</a></li>`}):e+=`<li>${a.textNotFound||"Not Found"}</li>`,e+="</ul></div></div>"}),e+="</div>",$("#isJadwal").html(e)}};isJadwal.run();
/*]]>*/</script>Dan bagian yang di tandai adalah Datar Tab Jadwal Rilis nya. Pastikan setiap post mempunyai label yang sama dengan yang di tandai (cukup satu saja).
Adapun Jika post tersebut tidak memiliki label yang sama dengan yang di tandai maka post tersebut akan di alihkan di tab random (Contoh di demo).
Sekarang tinggal memasang tag pemanggil nya. Cukup pasang html berikut kedalam halaman atau postingan baru.
<div id='isJadwal' data-label='Ongoing'></div>Bagian yang di tandai adalah nama label post yang akan di panggil dan kemudian di filter menjadi daftar hari yang ada di script di atas.
Sampai sini sudah selesai silahkan di coba dengan hati-hati, terima kasih.
