Membuat widget kalender beserta pengingat hari libur di blogger

Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai cara membuat widget kalender beserta hari libur dan tanggal merah di blogger

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Widget Kalender di blogger

Apa itu widget kalender di blogger? sesuai namanya widget kalender merupakan fitur untuk menampilkan kalender custom di Blogger, biasanya kalender terdiri dari Hari, tanggal, Bulan, tahun dan peringatan saat hari libur alias tanggal merah, bisa di bilang widget kalender beserta peringatan hati libur di blogger ini sangan komplit dan lengkap, bahkan kamu bisa menambahkan sendiri tanggal libur kamu di dalam widget kalender di blogger ini

Contoh Tampilan

Untuk melihat contoh tampilan dari widget kalender di blogger, silahkan periksa menggunakan tombol di bawah ini, okay

Periksa

Cara Pembuatan

Baiklah sobat ICloudzer sekarang saatnya bakalan admin jelaskan mengenai cara membuat widget kalender di blogger, silahkan baca dan ikuti setiap arahan yang bakal admin jelaskan di bawah ini

1. Silahkan login ke blogger menggunakan akun google milikmu
2. Selanjutnya silahkan pergi ke menu Halaman
3. Kemudian buat halaman baru dan berikan judul Widget Kalender atau terserah kamu saja
4. Berikutnya silahkan salin seluruh script untuk membuat widget kalender di blogger dan tempelkan di dalam halaman yang kamu buat sebelumnya

<div class="calendar-container">
<div class="calendar-header">
<button class="button" id="prevMonth">&lt;</button>
<h2 id="monthYear"></h2>
<button class="button" id="nextMonth">&gt;</button>
</div>
<div id="calendar" class="calendar">
</div>
<div class="selected-date" id="selectedDate">
</div>
<div id="agenda" class="agenda">
</div>
<div style="text-align: center; margin-top: 20px;">
<button class="button" id="todayBtn">Today</button>
</div>
</div>
<script>
/*<![CDATA[*/ 
const rahYear = "2024";
const rahMonthNames = ["Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agu", "Sep", "Okt", "Nov", "Des"];
const rahDaysNames = ['M', 'S', 'S', 'R', 'K', 'J', 'S'];
const rahAgendaItems = {'5': {'23': 'Hari Raya Waisak', '24': 'Cuti Bersama Waisak',}, '6': {'1': 'Hari Lahir Pancasila','17': 'Idul Adha','18': 'Idul Adha',},};
const rahChoiceDate = "Tanggal Terpilih";
const rahNoAgenda = "Tidak ada agenda";
/*]]>*/</script>
<script>/*<![CDATA[*/ 
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('j k(){g a=[\'I\',\'v%w%y%7\',\'4%20%s%h\',\'%l%J%h%\',\'K\',\'%l%9%l%\',\'i%x%z%7\',\'L\',\'0%s%M%9\',\'%h%w%y%\',\'%9%i%m%\',\'N\',\'t%i%z%6\',\'F%O%P%9\',\'w%v%n%7\',\'4%n%Q%R\',\'S\',\'%n%T%m%\',\'5%m%l%i\',\'U\',\'V\',\'W\',\'3%m%n%x\',\'X\',\'Y\',\'Z%o%x%6\',\'h%l%10%7\',\'11\',\'n%12%o%2\',\'t%A%A%7\',\'%i%13%27%\',\'%9%h%o%\',\'s%27%9%3\',\'5%v%m%o\',\'4%9%14%t\',\'%h%o%t%\',\'%15%s%i%\'];k=j(){u a};u k()}j p(d,e){g f=k();u p=j(a,b){a=a-(-16+-17*B+18);g c=f[a];u c},p(d,e)}g 1=p;(j(a,b){g c=p,q=a();19(!![]){1a{g d=-8(c(1b))/(-C*-1c+-1d+1e)*(8(c(1f))/(-1g*r+-1h+-r*-1i))+8(c(1j))/(1k+-1l+-1m*D)+8(c(1n))/(r*-1o+1p+r*1q)+8(c(1r))/(1s+-B*1t+C*1u)*(-8(c(1v))/(1w+-1x+-1y*1z))+-8(c(1A))/(-1B+-1C+1D)*(8(c(1E))/(1F*-1G+-D+1H))+-8(c(1I))/(1J+-1K+-1L)+8(c(1M))/(-1N+-r*-1O+1P*-1Q);1R(d===b)1S;1T q[\'G\'](q[\'H\']())}1U(1V){q[\'G\'](q[\'H\']())}}}(k,-1W+1X*1Y+-1Z*21),22[1(23)](24(1(25)+1(26)+1(28)+1(29)+1(2a)+1(2b)+1(2c)+1(2d)+1(2e)+1(2f)+1(2g)+1(2h)+1(2i)+1(2j)+1(2k)+1(2l)+1(2m)+1(2n)+1(2o)+1(2p)+1(2q)+1(2r)+1(2s)+1(2t)+1(2u)+1(2v)+\'E\')));',62,156,'|_0x44e7c3|||||||parseInt|2F|||||||var|72|63|function|_0x1dc8|69|64|65|61|_0x3352|_0x59d800|0x1|73|68|return|6E|2E|6C|6A|6F|74|0xb|0x4|0x13c|||push|shift|write|76|300TrCjBe|7221012EGebqX|3A|5gSUrce|4A|53|2D|75|6966TZIqzf|40|5543984QsEOCc|5139477SmctHK|2733141dpAtgk|10305470mjDYeC|29232420UdOufH|43|70|8ZHOVYv|77|3D|67|3C|0x44a|0xdc|0xe6d|while|try|0xc7|0x1a8|0x11e2|0xb43|0xbb|0x1705|0x23ad|0x3ab4|0xcc|0x2224|0x197d|0x7|0xca|0x1ad7|0x11a0|0x93b|0xc2|0x167b|0x35e|0x3a5|0xbe|0x1ff1|0xc79|0x83|0x26|0xce|0x26e9|0xd93|0x3483|0xd2|0x1a|0x17|0x39a|0xcb|0x2627|0x1eb0|0x76e|0xcf|0x221|0x1ff3|0x8|0x3b9|if|break|else|catch|_0x440428|0x11dd4|0x23|0xacbd|0x2c6dd||0x3|document|0xb7|unescape|0xb6|0xd1||0xb9|0xb0|0xaf|0xbf|0xc1|0xb8|0xcd|0xba|0xc5|0xb4|0xb1|0xc3|0xc6|0xbc|0xbd|0xc9|0xc8|0xd3|0xc4|0xb5|0xd0|0xb3|0xc0|0xb2'.split('|'),0,{}))
/*]]>*/</script>

5. Jika sudah publikasikan halaman dan coba lihat bagaimana tampilan dari widget kalender tersebut

Info: Silahkan sobat klik tanggal nya untuk memunculkan pengingat waktu liburnya