Membuat Jadwal Rilis Otomatis Blogger V.1

Membuat Jadwal Rilis Otomatis Blogger V.1

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>
Pastikan template kalian sudah terpasang jQuery karena script di atas memakai jQuery.

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.

Artikel Terkait

15 komentar

Ikuti format penulisan berikut untuk menyisipkan elemen tambahan.
  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong>

Emoticon

  • Wernayasa
    10 September 2022 pukul 22.33
    Profil: https://www.blogger.com/profile/09171272848542294839
    Aku coba modifikasi stylenya.
    Besok atau lusa baru jadi.
    • Yoredaze
      11 September 2022 pukul 06.03
      Profil: https://www.blogger.com/profile/15275690021887417112
      Bisa dilihat dimana min kalo udh jadi? Web admin kan lagi di lock
    • Wernayasa
      11 September 2022 pukul 11.32
      Profil: https://www.blogger.com/profile/09171272848542294839
      Jadwal otomatis untuk halaman.
      View Code: jadwal-otomatis-untuk-halaman.xml
      Rencanaku ingin membuat tiga versi:1. versi halaman
      2. versi menu
      versi sidebar

      Kalau ada fitur episode akan aku update lagi.
    • Wernayasa
      11 September 2022 pukul 11.36
      Profil: https://www.blogger.com/profile/09171272848542294839
      Demo:
      https://anime-la-bt.blogspot.com/p/jadwal-otomatis.html
    • Wernayasa
      11 September 2022 pukul 12.02
      Profil: https://www.blogger.com/profile/09171272848542294839
    • Wernayasa
      11 September 2022 pukul 19.38
      Profil: https://www.blogger.com/profile/09171272848542294839
      @True
      Makasih infonya.
      Masuk akal juga, satu code bisa jalan di lokasi berbeda.
  • Wernayasa
    11 September 2022 pukul 11.56
    Profil: https://www.blogger.com/profile/09171272848542294839
    Request fitur episode.
    Episode di ambil dari label postingan.
    Misalkan label postingan Ep 02 atau label Episode 02
    maka akan tampi di ujung title seperti berikut.
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgClG8eW65KPNkhKMNnpcutJ_OUS11JhHjpQI3a0Yht5B8s9dLprzcmub9o-PK7ZcCeiiYnGvv6t24u_T2eh-2ikU0wfvLde2b-1QVPTov9MA1SqpWbHrg8BS-j97Wn3wCoB3xw8aEwbxqxMnkfMMCAUzifS1QgR-puAsUvL8fybPLnwgvBS7VJBb6f/s1346/Screenshot%202022-09-11%20at%2011-48-49%20Jadwal%20Otomatis%20-%20NineStream.png
    • true
      11 September 2022 pukul 15.31
      Profil: https://www.blogger.com/profile/03791865258710224921
      dulu pernah berpikiran juga tambah label tapi agak ribet juga semisal label kayak episode bukannya banyak semisal one piece episodenya lebih dari 1000
    • Шош. Сом
      11 September 2022 pukul 18.07
      Profil: https://www.blogger.com/profile/11131198046075365419
      <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>${a.cat.find(i => i.includes('Episode'))}</li>`}):e+=`<li>${a.textNotFound||"Not Found"}</li>`,e+="</ul></div></div>"}),e+="</div>",$("#isJadwal").html(e)}};isJadwal.run();
      /*]]>*/</script>

      bagian yang di tandai berfungsi untuk mengambil label "Episode"
    • Wernayasa
      11 September 2022 pukul 19.43
      Profil: https://www.blogger.com/profile/09171272848542294839
      Berhasil.
    • Kimimaru
      16 September 2022 pukul 11.13
      Profil: https://www.blogger.com/profile/09990404187334783827
      ikut request, fiturnya boleh tambah lagi, misal kalau label postingan Episode 2, ditambah 1 angka, jadi Episode 3
    • Шош. Сом
      16 September 2022 pukul 13.08
      Profil: https://www.blogger.com/profile/11131198046075365419
      good, nanti di update agar postingan tidak perlu memakai label hari..
  • Rio Kazuto
    2 November 2022 pukul 11.21
    Profil: https://www.blogger.com/profile/16199607135379820616
    bg gimana cara menambahkan jam nya?
    • Шош. Сом
      3 November 2022 pukul 14.48
      Profil: https://www.blogger.com/profile/11131198046075365419
      pakai script ini Komen atas.
      lihat bagian yang ditandai.
      ${a.cat.find(i => i.includes('Episode'))}
      ubah menjadi.
      ${a.cat.find(i => /\b([01][0-9]|2[0-3]):([0-5][0-9])\b/g.test(i))}
      Selanjut nya Tinggal kasih label jam pada postingan nya contoh: "at 03:10", "Jam 12:50", dll (format waktu 00:00 - 23:59 wajib ada.)
    • Rio Kazuto
      3 November 2022 pukul 18.36
      Profil: https://www.blogger.com/profile/16199607135379820616
      Makasih bg👍
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRsekeZvYvMkJQTIopYal04qQL9af99pQAX2XxtIzXQycYgwJ2Y9t9Be6Fz6LsQz8zRnioqVFyWO-8Q-PPEcpiFmp8mIxOEDLb7jLrTiuF7efwTUVqPiyWkUqNtc6MK66uODWcO2ns5vGThc9V9yzb_uag3953flUOozYkakVJR5dg1r-yrE8svPik/s1600/20221103_183405.jpg