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

السبت، 3 يونيو، 2017

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

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



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



شرح التركيب


  • التركيب سخل جدا ولكن تحتاج الى اى خبرة فى ذلك
  • الكود الأول سوف تضعه فوق الوسم هذا</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>


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


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


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


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

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

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


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


شارك الموضوع ليستفيد الجميع

مواضيع مهمه ايضا سوف تعجبك

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

رائع اخي لكن كيف اجعل رابط مدونتي http://maes1tro.blogspot.com.eg/ بدون .eg

بأذن الله سوف أضع لها موضوغ اليوم

يا اخي ممكن تساعدني ، كيفية تغير حجم المشاركة بالنسبة للهاتف ليصبح كامل ومتوافق



مع العلم اني مستخدم قالبك الحالي لكن حجم المواضيع في الهاتف غير متوافق


فاذا احسنت ممكن تساعدني وشكرا لك

اى قالب تقصد أخى الفاضل

ممكن هذا القالب الذي استعملته في المعاينة

القالب ليس متوافر لدى الان لأنه تصميم خاص لشخص

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر