اضافة الوضع الليلي لمدونات بلوجر |
طريقة التركيب :-
- توجه الى القالب ثم تحرير html
- ابحث عن ]]></b:skin>
- واضف الكود التالي تحتها مباشرة
.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> و اضف الكود التالي فوقه :
مثلا
<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>
<script class='java' type='text/javascript'> //<![CDATA[ $(document).ready(function(){$("button.tombol-malam").click(function(){$("body").toggleClass("malam")})}); //]]> </script>
تعليقات
إرسال تعليق