سيقوم Auto Themer بتغيير سمة الموقع كل 5 ثوانٍ، مما يمنحه مظهرًا يشبه الديسكو. استخدم هذا كبيضة عيد الفصح على موقعك.
يتأثر الإصدار المستقبلي من autoThemeChanger بشكل كبير بعدد الأشخاص الذين يستخدمون الكود حاليًا بالإضافة إلى ترقية Plus UI التالية. إذا لم يتم استخدام الكود على نطاق واسع، فسيتم إصدار تحديث من حين لآخر. بدلا من ذلك في الوقت المناسب.
لوحة تحكم موقع بلوجر انقر على قسم السمة انقر على أيقونة السهم انقر على نسخة احتياطية انقر على تنزيل احفظ الملف الذي تم تنزيله في مكان آمن لاستخدامه في المستقبل.
اذهب الي لوحة تحكم بلوجر
حدد السمة تحرير HTML
الآن انسخ كود Css والصقه فوق </head> في المظهر الخاص بك.
<style>
.head1,.para1,.para2{margin-left:6px}.head1{font-size:14px;font-family:"Google Sans Text";color:#343435;margin-bottom:-7px;font-weight:unset}.para1{margin-bottom:-11px}.brr{content:"";display:block;border-bottom:1px solid var(--contentL);margin:12px 5px}.cusP{margin-bottom:-20px}@media screen and (min-width:750px){.switch{left:205px;transform:rotate(90deg);top:-48px}}@media screen and (max-width:361px) and (min-width:322px){.switch{left:220px!important;top:-45px!important}}@media screen and (max-width:321px){.switch{left:202px!important;top:-46px!important;transform:rotate(90deg)!important}}@media screen and (max-width:376px) and (min-width:362px){.switch{left:240px!important;top:-45px!important}}@media screen and (max-width:415px) and (min-width:395px){.switch{left:280px!important;top:-45px!important}}@media screen and (max-width:394px) and (min-width:377px){.switch{left:255px!important;top:-45px!important}}@media screen and (max-width:749px) and (min-width:416px){.switch{left:286px;top:-45px}}.switch{position:relative;display:inline-block;width:55px;height:30px;margin-bottom:-2000px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3.5px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--linkC)}.drK input:checked+.slider{background-color:var(--darkU)}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}
</style>
إذا كنت ترغب في الحصول على آخر التحديثات في أقرب وقت ممكن، فاستخدم رابط CDN أدناه.
<link rel="stylesheet" href="https://theamanstark.com/cdn/blogger/plus-ui/autoThemeChanger/latest/autoTheme.min.css" />
إذا كنت تريد استخدام الإصدار 1.0 من autoThemeChanger، فاستخدم رابط CDN أدناه.
<link rel="stylesheet" href="https://theamanstark.com/cdn/blogger/plus-ui/autoThemeChanger/v1.0/autoTheme.min.css" />
الآن ابحث عن الكود </body> والصق كود جافا سكريبت التالي فوقه مباشرة.
إذا كنت ترغب في الحصول على آخر التحديثات في أقرب وقت ممكن، فاستخدم رابط CDN أدناه.
<script src='https://theamanstark.com/cdn/blogger/plus-ui/autoThemeChanger/latest/autoTheme.min.js'></script>
إذا كنت تريد استخدام الإصدار 1.0 من Auto Theme Changer، فاستخدم رابط CDN أدناه.
<script src='https://theamanstark.com/cdn/blogger/plus-ui/autoThemeChanger/v1.0/autoTheme.min.js'></script>
وأخيرًا، قم بإضافة HTML التالي في <div class='cusP'> وراجع الصورة أدناه لمعرفة مكان الإضافة.
<div class="brr"/><h6 class="head1">Auto Theme Changer</h6><p class="para1">When turned on automatically changes</p><p class="para2">the theme color on reload.</p><label class="switch"><input id="theme-toggle" type="checkbox"/><span class="slider round"/></label><div class="brr" style="margin-top:-6px;"/><h6 class="head1">Auto Themer</h6><p class="para1">When turned on automatically changes</p><p class="para2">the theme color every 5 sec.</p><label class="switch"><input id="auto-theme" type="checkbox"/><span class="slider round"/></label>
مهم! لا يمكنك حاليًا ضبط الحد الزمني لـ Auto Themer من 5 ثوانٍ إلى رقم مخصص؛ سيتم تضمين هذا في الإصدار المستقبلي من التعليمات البرمجية.