Cara Menambahkan Kode Syntax Highlighter untuk blogger di tahun 2022

/* Sintak*/
.item_qty input {min-height: 2.25rem; border: 0; -moz-appearance: textfield; max-width: 35px; text-align: center; font-family: inherit; }pre codebox{font-size:.125in;}pre codebox{box-shadow:none;}pre codebox{padding-left:1.8125pc;}pre,pre codebox{padding-bottom:0;}pre codebox,pre{padding-right:0;}pre codebox{padding-top:0;}pre{box-shadow:0 -15pt .208333333in -1.25pc rgba(0,0,0,.054);}pre codebox{background:0;}pre codebox:hover::-webkit-scrollbar{width:0;}pre codebox{white-space:pre;}pre{margin-left:0;}pre codebox{display:block;}pre{margin-bottom:.15625in;}pre::after,pre codebox::before,pre::before,pre codebox::after{position:absolute;}pre codebox{overflow-x:scroll;}pre codebox{max-width:100%;}pre codebox{max-height:2.916666667in;}pre codebox{line-height:1.5em;}pre::after,pre codebox::before,pre codebox::after{content:"";}pre{margin-right:0;}pre{margin-top:.15625in;}pre{position:relative;}pre::after,pre codebox::before,pre codebox::after{width:1.25pc;}pre{background:#242038;}pre codebox::after,pre codebox::before,pre::after{height:.208333333in;}pre{color:#bfbf90;}pre{overflow:hidden;}pre codebox::before,pre::after,pre codebox::after{border-radius:50%;}pre codebox::after,pre::after,pre codebox::before{top:10px;}pre{padding-left:0;}pre::before{content:attr(title);}pre::before{font-weight:700;}pre::before{border-radius:4px 3pt 0 0;}pre{padding-top:.416666667in;}pre{border-radius:3pt;}pre::before{text-align:left;}pre::before{color:#fff;}pre::before{background-image:url("data:image/svg+xml,%3Csvg viewBox=\'0 0 24 24\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M15.09,12L12,14.08V14.09L8.91,12L12,9.92V9.92L15.09,12M12,2C11.84,2 11.68,2.06 11.53,2.15L2.5,8.11C2.27,8.22 2.09,8.43 2,8.67V14.92C2,15.33 2,15.33 2.15,15.53L11.53,21.86C11.67,21.96 11.84,22 12,22C12.16,22 12.33,21.95 12.47,21.85L21.85,15.5C22,15.33 22,15.33 22,14.92V8.67C21.91,8.42 21.73,8.22 21.5,8.1L12.47,2.15C12.32,2.05 12.16,2 12,2M16.58,13L19.59,15.04L12.83,19.6V15.53L16.58,13M19.69,8.9L16.58,11L12.83,8.47V4.38L19.69,8.9M20.33,10.47V13.53L18.07,12L20.33,10.47M7.42,13L11.17,15.54V19.6L4.41,15.04L7.42,13M4.31,8.9L11.17,4.39V8.5L7.42,11L4.31,8.9M3.67,10.5L5.93,12L3.67,13.54V10.5Z\' fill=\'%23fff\'/%3E%3C/svg%3E");}pre{-moz-tab-size:2;}pre::before{background-repeat:no-repeat;}pre::before{background-position:.75pc center;}pre::before{background-size:1.25pc 15pt;}pre::before{background-color:#413965;}pre{-o-tab-size:2;}pre{tab-size:2;}pre{-ms-word-break:normal;}pre::before{top:0;}pre,pre{word-break:normal;}pre::before{left:0;}pre::before{width:100%;}pre::before{height:30pt;}pre::before{line-height:30pt;}pre codebox:hover::-webkit-scrollbar{height:.25pc;}pre{-webkit-hyphens:none;}pre::before{padding-left:2.375pc;}pre{-ms-hyphens:none;}pre::before{padding-bottom:0;}pre::before{padding-right:2.375pc;}pre codebox:hover::-webkit-scrollbar{background:#ddd;}pre{hyphens:none;}pre::before{padding-top:0;}pre::before{box-sizing:border-box;}pre::before{text-transform:uppercase;}pre::after{background-color:#ea756f;}pre::after{right:.104166667in;}codebox::before{background-color:#b38af5;}codebox::before{right:.364583333in;}codebox::after{background-color:#81ce8e;}codebox::after{right:3.75pc;}pre codebox::-webkit-scrollbar{width:0;}pre codebox::-webkit-scrollbar{height:3pt;}pre codebox:hover::-webkit-scrollbar-thumb{background-color:#ddd;}pre codebox:hover::-webkit-scrollbar-thumb{border-radius:2px;}