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

14 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 22.33
    Profil: https://www.blogger.com/profile/09171272848542294839
    Aku coba modifikasi stylenya.
    Besok atau lusa baru jadi.
    • Yoredaze
      11 September 2022 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 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 11.36
      Profil: https://www.blogger.com/profile/09171272848542294839
      Demo:
      https://anime-la-bt.blogspot.com/p/jadwal-otomatis.html
    • Wernayasa
      11 September 2022 12.02
      Profil: https://www.blogger.com/profile/09171272848542294839
    • true
      11 September 2022 15.28
      Profil: https://www.blogger.com/profile/03791865258710224921
      bukan nya sama saja ya intinya tinggal panggil dengan<div id='isJadwal' data-label='Ongoing'></div> dimanapun lokasinya
    • Wernayasa
      11 September 2022 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 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 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 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 19.43
      Profil: https://www.blogger.com/profile/09171272848542294839
      Berhasil.
    • Kimimaru
      16 September 2022 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
    • Kimimaru
      16 September 2022 11.25
      Profil: https://www.blogger.com/profile/09990404187334783827
      sama saran ke admin, untuk hari bisa diambil dari postingan tanpa nambah label, ambil dari DateHeader atau Timestamp jadi tidak perlu menambah label hari di semua postingan
    • Шош. Сом
      16 September 2022 13.08
      Profil: https://www.blogger.com/profile/11131198046075365419
      good, nanti di update agar postingan tidak perlu memakai label hari..