طريقة تركيب اداة تكبير و تصغير حجم خط نص مواضيع بلوجر

طريقة تركيب اداة تكبير و تصغير حجم خط نص مواضيع بلوجر

شرح كيفية تركيب اضافة اداة Widget تكبير Increase و تصغير Decrease حجم نص خط Font Size مواضيع مدونة بلوجر Blogger من طرف الزوار تظهر فى اول المقال 

الاكواد المستخدمة في الشرح :

==== فوق الكود post-header-line-1 ========= <a href="#A+" id="increase">تكبير الخط </a> <a href="#A-" id="decrease">تصغير الخط</a> ============== فوق الوسم </body> ===================== <script type="text/javascript"> $(document).ready(function() { $('#increase').click(function(){ curSize= parseInt($('.post').css('font-size')) + 2; if(curSize=20) $('.post').css('font-size', curSize); }); $('#decrease').click(function(){ curSize= parseInt($('.post').css('font-size')) - 2; if(curSize>=12) $('.post').css('font-size', curSize); }); }); </script> =========== فوق الوسم </b:skin> ========= #increase { padding: 0 12px 0 12px; font-family: DroidKufi-regular; font-size: 13px; display: inline-block; color: #ffffff; background: #10b3b3; border-radius: 5px; } #decrease{ padding: 0 12px 0 12px; font-family: DroidKufi-regular; font-size: 13px; display: inline-block; color: #ffffff; background: #10b333; border-radius: 5px; } ================================