القائمة الرئيسية

الصفحات

اضافة الوضع الليلي لمدونات بلوجر | Add Night Mode to Blogger Blogs

اضافة الوضع الليلي لمدونات بلوجر
اضافة الوضع الليلي لمدونات بلوجر

الوضع الليلي اصبح متوفر في كثير من التطبيقات ويعد من احد الاسباب التي تجعل الشخص منا يطيل في استخدام التطبيق بسبب هذه الاضافه فهي مريحه للعين وتقلل من الاشعه المضره عن طريق تقليل الوضع النهاري وهو الابيض حيث ان الكثير من الناس تفضل ميزة الوضع الليلي في التطبيقات و المواقع للحفاض على البصر لان شدة اضائة تكون قوية وايضا ستجعل من الزائر ان يطيل التصفح في مدونتك بسبب ان هناك اهتمام بالزوار

طريقة التركيب :-
  1.  توجه الى القالب ثم تحرير html 
  2.  ابحث عن ]]></b:skin>
  3. واضف الكود التالي تحتها مباشرة
.malam{background:#333;transition:all .3s}
.arlina-nav .share-box button{border:0;background:transparent;cursor:pointer;transition:all .3s}
.arlina-nav .share-box button:hover{color:#e74c3c}
.malam .arlinatotop{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.85)}
.malam .arlinatotop:hover{background:rgba(255,255,255,0.25);color:rgba(255,255,255,1)}


اختر المكان الذي تريد ان يظهر فيه زر الوضع الليلي والافضل ان يكون بالاعلى بجانب التسميات
 مثلا
<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>

ابحث عن </body>  و اضف الكود التالي فوقه :

<script class='java' type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$("button.tombol-malam").click(function(){$("body").toggleClass("malam")})});
//]]>
</script>

تعليقات