اضافة سيلادر شو بلوجر تلقائي 2025

اضافة سيلادر شو بلوجر تلقائي 2025

مرحبًا بالجميع في هذه المناسبة ، سأشارك كيفية تعديل منزلق واجهة المستخدم المتوسطة في منشور عشوائي.

أستخدم موضوع واجهة المستخدم المتوسط ​​هذا لفترة طويلة من الإصدار 1.3 ، هذا التمرير إذا لم يكن مخطئًا موجودًا منذ الإصدار 1.5 أو 1.4 لكنني لم أستخدم أو استخدمت أبدًا.

نظرًا لأنني أشعر بالتعقيد ، يجب أن أقوم بالتحديث - استمر في التحديث على الرغم من أنه من السهل تسهيله من خلال التصميم ولكن لا يزال مزعجًا إلى حد ما إذا كان عليك التحديث يدويًا.

في الآونة الأخيرة ، فكرت في جعلها منشورًا عشوائيًا لأنني رأيت موضوع Igniplex الذي صنعته Igniel.com لذلك أردت أن أجعل نفس الشيء.

بالنسبة للتوضيح ، يرجى النقر فوق الزر أدناه ، حسنًا لأولئك منكم الذين يرغبون في تجربته ، دعونا نلقي نظرة على كيفية.

معاينه

شريط التمرير المتوسط ​​واجهة المستخدم العشوائية

الرجاء إدخال المدون> السمة > تحرير HTML Calin CSS أدناه والملازم على الرمز]]></b:skin>أو فوق الكود</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}
}

استمر في نسخ JavaScript أدناه ووضعه على الرمز</body>أو&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>

مصدرالاكواد

الانتقال إلى الرابط المطلوب

معلومات الكاتب

مصمم

اديب القربعي كنز المعلومات

اضافات اكواد قوالب تحسين محركات البحث مدونات بلوجر