Jadwal Rilis Anime Baru di Blogger

Wernayasa January 03, 2022 Add-on Widget

January 03, 2022

Bagi kalian yang bingung apa itu jadwal rilis, jadwal rilis adalah daftar referensi rilisan di situs fansub atau fanshare agar pengunjung mereka tahu kapan anime favoritnya akan tayang.

Demo

Kenapa saya bilang baru? karena kebanyakan jadwal rilis yang beredar desainnya kurang bagus. Kekuranganya, hanya support untuk tema dark mode.

Ini widget template AnimeLA yang masih saya kerjakan

Cara Memasang Jadwal Rilis

Buka Blogger > Halaman > + HALAMAN BARU > HTML View
Copy code berikut


<div class="body">
    <div class="tz">
        <div class="mt-3"> Now is: <span class="timer" data-tz="Asia/Jakarta" style="font-weight:400">1/2/2022 8:39:58 PM</span></div>
    </div>
    <div class="month-nav">
        <div class="current">Jan 2022</div>
    </div>
    <div class="days">
        <div class="day">
            <div class="heading daily-Sched">
                <div class="nday">01</div>
                <div class="wday">Monday</div>
            </div>
            <div class="items">
                <div class="item">
                    <time>21:15</time>
                    <a class="name" href="#">
                        <div data-jtitle="Kimetsu no Yaiba: Yuukaku-hen">Demon Slayer: Entertainment District Arc</div>
                        <div class="ep">EP 5</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="day">
            <div class="heading daily-Sched ">
                <div class="nday">02</div>
                <div class="wday">Tuesday</div>
            </div>
            <div class="items">
                <div class="item">
                    <time>20:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Saihate no Paladin">The Faraway Paladin</div>
                        <div class="ep">EP 12</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="day">
            <div class="heading daily-Sched ">
                <div class="nday">03</div>
                <div class="wday">Wednesday</div>
            </div>
            <div class="items">
                <div class="item">
                    <time>00:50</time>
                    <a class="name" href="#">
                        <div data-jtitle="Okashi na Sabaku no Suna to Manu">Okashi na Sabaku no Suna to Manu</div>
                        <div class="ep">EP 47</div>
                    </a>
                </div>
                <div class="item">
                    <time>05:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Yu☆Gi☆Oh! SEVENS">Yu☆Gi☆Oh! SEVENS</div>
                        <div class="ep">EP 81</div>
                    </a>
                </div>
                <div class="item">
                    <time>06:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Tropical-Rouge! Precure">Tropical-Rouge! Pretty Cure</div>
                        <div class="ep">EP 43</div>
                    </a>
                </div>
                <div class="item">
                    <time>07:00</time>
                    <a class="name" href="#">
                        <div data-jtitle="Digimon Ghost Game">Digimon Ghost Game</div>
                        <div class="ep">EP 13</div>
                    </a>
                </div>
                <div class="item">
                    <time>07:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="One Piece">One Piece</div>
                        <div class="ep">EP 1006</div>
                    </a>
                </div>
                <div class="item">
                    <time>07:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Mazica Party">Mazica Party</div>
                        <div class="ep">EP 40</div>
                    </a>
                </div>
                <div class="item">
                    <time>08:00</time>
                    <a class="name" href="#">
                        <div data-jtitle="Waccha PriMagi!">Waccha PriMagi!</div>
                        <div class="ep">EP 14</div>
                    </a>
                </div>
                <div class="item">
                    <time>08:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Mewkledreamy Mix!">Mewkledreamy Mix!</div>
                        <div class="ep">EP 39</div>
                    </a>
                </div>
                <div class="item">
                    <time>15:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Boruto: Naruto Next Generations">Boruto: Naruto Next Generations</div>
                        <div class="ep">EP 231</div>
                    </a>
                </div>
                <div class="item">
                    <time>16:00</time>
                    <a class="name" href="#">
                        <div data-jtitle="PazuDora">Puzzle &amp; Dragon</div>
                        <div class="ep">EP 186</div>
                    </a>
                </div>
                <div class="item">
                    <time>16:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Sazae-san">Mrs. Sazae</div>
                        <div class="ep">EP 2618</div>
                    </a>
                </div>
                <div class="item">
                    <time>21:15</time>
                    <a class="name" href="#">
                        <div data-jtitle="Kimetsu no Yaiba: Yuukaku-hen">Demon Slayer: Entertainment District Arc</div>
                        <div class="ep">EP 6</div>
                    </a>
                </div>
                <div class="item">
                    <time>22:05</time>
                    <a class="name" href="#">
                        <div data-jtitle="Shingeki no Kyojin: The Final Season Part 2">Attack on Titan Final Season Part 2</div>
                        <div class="ep">EP 1</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="day">
            <div class="heading daily-Sched ">
                <div class="nday">04</div>
                <div class="wday">Thursday</div>
            </div>
            <div class="items"> </div>
        </div>
        <div class="day">
            <div class="heading daily-Sched ">
                <div class="nday">05</div>
                <div class="wday">Friday</div>
            </div>
            <div class="items">
                <div class="item">
                    <time>15:55</time>
                    <a class="name" href="#">
                        <div data-jtitle="SHAMAN KING (2021)">SHAMAN KING (2021)</div>
                        <div class="ep">EP 38</div>
                    </a>
                </div>
                <div class="item">
                    <time>22:55</time>
                    <a class="name" href="#">
                        <div data-jtitle="Ousama Ranking">Ranking of Kings</div>
                        <div class="ep">EP 12</div>
                    </a>
                </div>
                <div class="item">
                    <time>23:58</time>
                    <a class="name" href="#">
                        <div data-jtitle="Platinum End">Platinum End</div>
                        <div class="ep">EP 13</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="day">
            <div class="heading daily-Sched ">
                <div class="nday">06</div>
                <div class="wday">Saturday</div>
            </div>
            <div class="items">
                <div class="item">
                    <time>19:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Shuumatsu no Harem">World's End Harem</div>
                        <div class="ep">EP 1</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="day">
            <div class="heading daily-Sched ">
                <div class="nday">07</div>
                <div class="wday">Sunday</div>
            </div>
            <div class="items">
                <div class="item">
                    <time>07:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Dragon Quest: Dai no Daibouken">Dragon Quest: The Adventure of Dai</div>
                        <div class="ep">EP 64</div>
                    </a>
                </div>
                <div class="item">
                    <time>15:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Hanyou no Yashahime: Ni no Shou">Yashahime: Princess Half-Demon - The Second Act</div>
                        <div class="ep">EP 14</div>
                    </a>
                </div>
                <div class="item">
                    <time>16:00</time>
                    <a class="name" href="#">
                        <div data-jtitle="Meitantei Conan">Case Closed</div>
                        <div class="ep">EP 1033</div>
                    </a>
                </div>
                <div class="item">
                    <time>22:00</time>
                    <a class="name" href="#">
                        <div data-jtitle="Sono Bisque Doll wa Koi wo Suru">Sono Bisque Doll wa Koi wo Suru</div>
                        <div class="ep">EP 1</div>
                    </a>
                </div>
                <div class="item">
                    <time>22:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="Akebi-chan no Serafuku">Akebi's Sailor Uniform</div>
                        <div class="ep">EP 1</div>
                    </a>
                </div>
                <div class="item">
                    <time>23:25</time>
                    <a class="name" href="#">
                        <div data-jtitle="Lupin III: Part VI">LUPIN THE 3rd PART 6</div>
                        <div class="ep">EP 13</div>
                    </a>
                </div>
                <div class="item">
                    <time>23:30</time>
                    <a class="name" href="#">
                        <div data-jtitle="World Trigger 3rd Season">World Trigger 3rd Season</div>
                        <div class="ep">EP 13</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.body::after{display:block;clear:both;content:"";}
 .tz{margin-bottom:15px;text-align:center;}
 .month-nav{border-bottom:1px solid #292929;font-size:1.2em;font-weight:500;color:#8c5ece;margin-bottom:15px;}
 .month-nav .prev{float:left;}
 .month-nav .next{float:right;}
 .month-nav .current{text-align:center;display:block;}
 .days .day{width:14.0857142857%;margin:3px .1%;float:left;border-radius:.25rem;}
 .days .day:nth-child(7n+1){clear:both;}
.days .day > .heading{background:#292929;border-radius:.25rem;text-align:center;padding:4px 6px;}
 .days .day > .heading.active{background:var(--primary);color:#fff;}
 .days .day > .heading .nday{float:right;font-weight:500;color:#fff;}
 .days .day > .heading .wday{text-align:center;}
 .days .day > .heading::after{display:block;clear:both;content:"";}
 .days .day .items{font-size:.9em;border-radius:.25rem;margin-top:3px;overflow:hidden;}
 .days .day .items .item{background:#1a1a1a;padding:3px;-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;}
.days .day .items .item:nth-child(2n-1){background:#181818;}
.days .day .items .item time{float:left;width:35px;display:block;font-size:.8em;font-weight:500;padding:3px 0;color:#525252;}
.days .day .items .item .name{margin-left:35px;display:block;color:#666;font-weight:500;font-size:.95em;}
.days .day .items .item .name .ep{color:#525252;font-size:.9em;}
.days .day .items .item:hover{background:#212121;}
 @media screen and (max-width:1279px){.days .day{width:19.8%;margin:3px .1%}
.days .day:nth-child(7n+1){clear:none}
.days .day:nth-child(5n+1){clear:both}
}
@media screen and (max-width:992px){.days .day{width:24.8%;margin:3px .1%}
.days .day:nth-child(5n+1),.days .day:nth-child(7n+1){clear:none}
.days .day:nth-child(4n+1){clear:both}
}
@media screen and (max-width:576px){.days .day{width:99.8%;margin:3px .1%}
.days .day:nth-child(4n+1),.days .day:nth-child(5n+1),.days .day:nth-child(7n+1){clear:none}
.days .day:nth-child(1n+1){clear:both}
}
</style>

<script>
var d = new Date();
var n = d.getDay();

n = n > 0 ? n - 1 : 6; // zero is sunday, not monday in javascript

$('.daily-Sched').eq(n).addClass('active');
</script>

Paste setelah itu Publikasikan dan lihat hasilnya.

January 5, 2022 at 8:45 AM

bang anime la templatenya kapan rilis?
premium kah??

Hapus

Balas

January 5, 2022 at 10:47 AM

min jadwal rilisan saya pasang ke zeistmanga jadi berantakan min

Hapus

Balas

January 5, 2022 at 4:39 PM Bajak Laut

Akhir bulan ini.
Gratis.

Hapus

Balas

January 5, 2022 at 4:45 PM audi sw

Ku test normal, cuman warna header aj yg perlu di ganti. Ganti:background:var(--primary)Dengan:background:var(--primary-color)Demo

Hapus

Balas

January 5, 2022 at 5:07 PM

udah bisa min kayak nya tadi css nya saya ada yang salah jadi kubenerin dulu

Hapus

Balas

January 30, 2022 at 4:47 PM

Thanks for the Widget!
can you cannect it with an API?

Hapus

Balas

January 30, 2022 at 7:18 PM corewwwi

No, i can't

Hapus

Balas

January 31, 2022 at 12:33 PM

This demo is so beautiful! <3

Hapus

Balas

March 18, 2022 at 11:54 AM

#10

Good evening, excuse me, the dates are modified automatically or one has to be modifying them week after week.

By the way I love this blog, one of the best I've found.

Hapus

Balas

March 18, 2022 at 5:31 PM Altaïr

#11

Manual.
You can remove dates, its not important.

Hapus

Balas

April 5, 2023 at 10:58 AM

#12

Bang, ini jadwalnya warnanya biar gak item sebelag gimana bang

Hapus

Balas

April 5, 2023 at 6:51 PM Kristian

#13

Wah, kok bisa begini ya jadwalnya.
Nanti diperbaiki, ini gara2 gk diperiksa pas update kemarin.

Hapus

Balas

April 6, 2023 at 5:06 AM Kristian

#14

Begini cara fixnya. Cari .items::before ganti dengan:.FeaturedPost .items::before

Hapus

Balas

May 14, 2023 at 7:27 PM

#15

bang kenapa list anime perharinya tidak muncul semua ya? hanya di urutan 1 yg muncul

Hapus

Balas

May 14, 2023 at 8:07 PM Muhamad Ibnu Nur Wahidi

#16

Masukan label hari. Misalnya anime yang tayang hari sening beri label Senin
Label di awali huruf besar.

Hapus

Balas

May 14, 2023 at 8:49 PM Wernayasa

#17

Sudah dicoba bang, masih blom bisa, saya coba hilangkan 1 kode

akhirnya bisa bang muncul semua di hari minggu, tetapi ada yg error di bagian Comment jadinya berantakan, tdinya saya mau hapus saja comment nya, saya bingung di bagian mana tepatnya kode.

Hapus

Balas