إضافة خاصية تصغير و تكبير النص الرائعة لبلوجر

السلام عليكم ورحمة الله وبركاته
 موضوع اليوم على مدونة ديزاد فان سنتطرق إلى إضافة رائعة و هي عبارة عن أداة تسمح للزائر الدي  و يعاني من مشكلة الرؤية أو الخط غير واضح بتصغير و تكبير النص

صورة عن الإضافة

ويمكنكم تجربة الإضافة من هذا الموضوع مباشرة ستجدونها تحت العنوان
كيفية تثبيت الإضافة

1. الذهاب الي لوحة تحكم مدونتك من هنا
2. ثم نذهب الي قالب ثم تحرير ثم نضع علامة صح لتوسيع الادوات
3. نبحث عن هذا الوسم </head>
4. نضع هذا الكود فوقه مباشرة

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function(){

//ID, class and tag element that font size is adjustable in this array
//Put in html or body if you want the font of the entire page adjustable
var section = new Array(&#39;span&#39;,&#39;.section2&#39;);
section = section.join(&#39;,&#39;);

// Reset Font Size
var originalFontSize = $(section).css(&#39;font-size&#39;);
$(&quot;.resetFont&quot;).click(function(){
$(section).css(&#39;font-size&#39;, originalFontSize);
});
// Increase Font Size
$(&quot;.increaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});

// Decrease Font Size
$(&quot;.decreaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});
});
</script>

1. ثم نبحث عن هذا الكود <div class='post-header'>
2.  ثم نضع بعده مباشرة هذا الكود

<b:if cond='data:blog.pageType == "item"'>
<table border='0' style='float:left; margin-left:5px;'><tr><td><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5KRSUR03aihD9vN4nqIdChLFdMZQVCiGyuzuYrhUDaj-7a2jNLyGR1IxJwIj12KvptRrjVun_YRDHCvNFTkBaCQwDJof9EgY1KGJTg1OABcJBMNIyjDpGHJdIeh7D3MwJTBrHj_Pv4kU/s1600/font-size-blogger-gadget.png'/> | <a class='increaseFont' style='cursor: pointer; cursor: hand;' title='Larger Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigOf2RRooezHzOGYgrnHGtOAP0XSB4e_sPTC0XVv0If5BCiMmyW2x49QrdD56RMplD5nN76xy1qNWDSRQWQm1Zv8Q59E7KVG7-c9g8vGUCkv2wVz4LqCSNZCacJem9pcSoDc95g98liaQ/s1600/bigger-font - Copy.png'/></a>
<a class='decreaseFont' style='cursor: pointer; cursor: hand;' title='Smaller Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv3Q_5BQcIPw48Y3TXKLkGHsUgWOaNhyp3oKJOA2nG4FbRbe-2eKQHeRB1S6bQlUqqssfKc276FQi6Le2I8OGWz-u67H2br1vPaMR9EGnFsGaAihAzsse-GEhnZpmJnyiah4G-iM7paII/s1600/smaller-font.png' style='cursor: hand;'/></a>
<a class='resetFont' style='cursor: pointer; cursor: hand;' title='Reset Text Size'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIobVScFKA6ZQtOb-3I47D2PhwVReWazFV34xQjrovPB150g-pXdG_TZYO-nuW8U_mR6Y5jb4TxGEjlSha3dz6yOq-2UomPZ487sPKcdOgPVhFeQM6qOzWo9neWbcB_4nCSIf2orCYx5g/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>



وبذلك تكون انتهينا من إضافة الاداة والسلام عليكم ورحمة الله وبركاته

• شارك
• شارك
• شارك
• شارك

آدم مصطفى السبع

فتى متواضع يريد فقط النجاح عن طريق التدوين و جلب كل جديد بين يديكم.