bergabung di grup telegram kami

slider median ui random post

modifikasi slider median ui 1.7 menjadi random post

slider median ui random post

modifikasi slider median ui 1.7 menjadi random post

Hallo semua pada kesempatan kali ini saya akan membagikan cara modifikasi slider median ui menjadi random post.

saya menggunakan tema median ui ini sudah cukup lama dari masih versi 1.3, slider ini kalau tidak salah sudah ada sejak versi 1.5 atau 1.4 namun tidak pernah saya aktifkan atau saya gunakan.

karena saya merasa ribet harus update - update terus walau memang di permudahkan melalui tata letak tetapi tetap saja agak repot jika harus update secara manual.

belakangan ini saya kepikiran membuatnya menjadi random post gara - gara lihat tema igniplex buatan igniel.com jadi pengen buat yang serupa juga.

untuk demonya silakan klik tombol di bawah ini, ok buat kalian yang ingin mencobanya mari simak caranya.

Slider Median Ui Random Post

silakan masuk ke blogger > tema > edit html salin css di bawah ini dan letkkan di atas kode ]]></b:skin> atau di atas kode </style>

.slideB >*{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}
.slideB:hover .slider .cap{background-image:none}
.slideB a:hover{filter:none}
.slider .img{position:relative;border-radius:var(--sliderBd-radius)}
.slider .cap{background-image:linear-gradient(0deg,rgb(45 49 56 / 55%) 0%,rgb(45 49 56 / 22%) 60%,rgb(45 49 56 / 0%) 100%);border-radius:var(--sliderBd-radius);font-size:1rem;font-weight:600;text-shadow:0 2px 10px #272733,0 1px 1px rgba(10,10,10,.5);color:var(--lightBg-alt)}
.slider .category{top:0;right:1em;position:absolute;padding:20px;}
.slideB a.button{padding:5px 7px;font-size:12px;border-radius:12px;color:#0e2045;background-color:#fffdfc;box-shadow:5px 5px 15px 0 rgb(0 0 0 / 10%)}
@media screen and (max-width:640px){
.slider .img{padding-top:var(--thumbnailRatio);}.slideB a.button{font-size:10px}
}

lanjut salin javascript di bawah ini dan letakkan di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<script>/*<![CDATA[*/
const wcSliderRandom = {
  noImage: 'data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=',
  thumbnailSize: '1600',
  sharedBy: 'www.wendycode.com' // credit
};
function sliderLoad(){var script=document.createElement('script');script.async= true;script.src='https://cdn.wendycode.com/blogger/widget/median-ui-slider-random-post.js';document.body.appendChild(script)}function sldDtcLazy(){sliderLoad(),localStorage.setItem("sliderJs","true")}var wcLdStorage=localStorage.getItem("sliderJs");if("true"!=wcLdStorage){var t=!1,e=!1;window.addEventListener("scroll",()=>{(0!=document.documentElement.scrollTop&&!1===t||0!=document.body.scrollTop&&!1===t)&&(sldDtcLazy(),t=!0,e=!0)},!0),window.addEventListener("click",()=>{!1===e&&!1===e&&(sldDtcLazy(),e=!0,t=!0)},!0)}"true"===wcLdStorage&&sliderLoad();
/*]]>*/</script>

ok jadi sekian modifikasi slider median ui jadi random post yang bisa saya bagikan kali ini, terima kasih telah berkunjung dan semoga bermanfaat.

Baca juga :
tutorial blogger
perlu bantuan?