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

الكثير منا يبحث عن سكربت تكبير وتصغير الخط داخل  المواضيع فى مدونات بلوجر وذلك بسبب أن جميع المواضيع على الأنترنت لا تعمل وايضا لان خاصية تكبير وتصغير الخط داخل الموضوع يسمح لزوار بالتحجم بحجم خط الموضوع حتى يتمكنو من القراءة بشكل افضل ويمكنك معاينة الإضافة من الرابط التالى .

معاينة الإضافة

معاينة 

شرح التركيب

1. التركيب سخل جدا ولكن تحتاج الى اى خبرة فى ذلك
2. الكود الأول سوف تضعه فوق الوسم هذا</body>فى مدونتك

<script>
//<![CDATA[
$(document).ready(function(){
 // Increase Font Size
 $(".increaseFont").click(function(){
  var currentFontSize = $('.post-body').css('font-size');
 var currentFontSizeNum = parseFloat(currentFontSize, 10);
   var newFontSize = currentFontSizeNum*1.2;
 $('.post-body').css('font-size', newFontSize);
 return false;
 });
 // Decrease Font Size
 $(".decreaseFont").click(function(){
  var currentFontSize = $('.post-body').css('font-size');
 var currentFontSizeNum = parseFloat(currentFontSize, 10);
   var newFontSize = currentFontSizeNum*0.8;
 $('.post-body').css('font-size', newFontSize);
 return false;
 });
});

//]]>
</script>

1. الأن قم بوضع هذا الكود فى المكان الذى  تريدها فى مدونتك
2. ويمكنك وضعه فوق هذا الوسم<data:post.body/>فى مدونتك
3. سوف تجده مكرر مرتين أول ثلاث الوسم الأخير هو المطلوب

<div id='ff-o9'>
<a class='increaseFont' href='#'>A+</a>
<a class='decreaseFont' href='#'>A-</a>
</div>

1. وهذا كود أستايل بسيط يمكنك أستخدمه فى الإضافة
2. قم بوضعه فوق هذا الوسم]]></b:skin>فى مدونتك

#ff-o9 {
  float: left;
}
#ff-o9 a {
  font-size: 15px;
  background-color: #475784;
  color: #fff;
  padding: 0 5px;
}

هكذا فقط الأمر كله فى الموضوع اليوم سهل جدا ولكن هذا الموضوع سبحث عنه الكثيرون وطلبه منى أحد متابعى المدونة من قبل لذلك أعرضه للجميع اليوم بالتوفيق للجميع .

وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله 

المصدر عالم المدون