اضافة الوضع الليلي لمدونات بلوجر - عن طريق الغاء الوضع النهاري وبلتالي
اضافة الوضع الليلي لمدونات بلوجر عن طريق الغاء الوضع النهاري , ان الوضع العادي او نهاري يؤثر سلبيا على متصفحي مدونتك او موقعك , حيث ان الكثير من الناس تفضل ميزة الوضع الليلي في التطبيقات و المواقع للحفاض على البصر لان شدة اضائة تكون قوية بالنسبة لون ابيض اما الون الاسود فهي ضعيفة و لاتاثر على البصر لهذا قمت بكثابة هذه تدوين حول اضافة الوضع الليلي لمواقع و مدونات بلوجر.
طريقة تركيب اضافة الوضع الليلي لمدونات بلوجر :
- توجه الى لوحت تحكم بلوجر ثم اختر قالب.
- تحريرhtml.
- ابحث الان عن ]]></b:skin> ثم اضف كود التالي فوقه ( استعن باختصار CTRL+F للبحث )
/* 8walbfree.blogspot.com/ : الوضع اليلي بواسطة */
.malam{background:#333;transition:all .3s}
.malam body, .malam .post, .malam .sidebar{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.85)}
.malam .elementclass:hover{background:rgba(255,255,255,0.25);color:rgba(255,255,255,1)}ملاحضة قم باضافة مزيد من CSS الوضع اليلي حسب القالب الخاص بك : مثال .malam .div
div هو الصندوق الذي تريد تعديل عليه
الان قم بالبحث عن </body> و اضف الكود التالي فوقه :
<script class='java' type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$("button.tombol-malam").click(function(){$("body").toggleClass("malam")})});
//]]>
</script>
افضل مكان لوضع ايقونة هو بجانب اقسام المدونة على اليسار لكن الامر يعود لك حيث يمكنك وضعها اينما تريد و لوضع ايقونة قم بتحديد المكان مثلا بجانب اقسام اضف الكود الاحمر بجانب تسميات في الاخير كالتالي :
<li><a href='#'><i class='fa fa-gamepad'></i> العاب </a></li>
<li><a href=''><i class='fa fa-html5'></i> قوالب </a></li>
<li><a href=''><i class='fa fa-cogs'></i> اضافات </a></li>
// الكود الخاص بالوضع اليلي
<button class='tombol-malam' title='الوضع الليلي'><i class='fa fa-toggle-on'></i></button>
اتمنا ان تعجبك الاضافة و لاتنسى دعمنا بالانضام لقناه اليوتيوب .
تعليقات