For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

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

  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
  5. <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>
  6. Jika sudah publikasikan halaman dan coba lihat bagaimana tampilan dari widget kalender tersebut


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



About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

إرسال تعليق

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.