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

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

قبل اي شئ لا تنسى ان تاخد نسخة احطياطية من القالب

قم ابختيار تصميم ثم تحرير اتش تي ام ال وقم بوضع علامة توسيع القالب

كما بالصورة التاليلة

ك

والان نقموم بالبحث عن العنصر الاتي ولتسهيل عملة البحث نضغط على زر Ctrl + F

</head>

والان نقوم بنسخ الكود التالي ونضعة فوق العنصر السابق الذي بحثنا عنه

<!-- Start Text re size gadget by http://www.spiceupyourblog.com -->

<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>

<!-- End Text re size gadget by http://www.spiceupyourblog.com -->

والان نقموم بالبحث عن العنصر الاتي ولتسهيل عملة البحث نضغط على زر Ctrl + F

<div class='post-header-line-1'/>

والان نقوم بنسخ الكود التالي ونضعة تحت العنصر السابق الذي بحثنا عنه

<!-- Start Text re size gadget by http://www.spiceupyourblog.com -->

<b:if cond='data:blog.pageType == "item"'>

<table border='0' style='float:right; margin-left:5px;'><tr><td><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZupltcsmAsQCH3ob3Y_08Fqgi5H7eVtvbf8SmoLyqFRq9IilorhzNTEhlGhX8ryraD3TchzaebULopXgrDFopG0y2DaVT_JB0AKUKfNtWxbffbD2IZExEtdrLW0oFBRZrchg1VdMTXmI/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/AVvXsEhaOgI7eQN6dSM6Q88dSBAEx0ZiFjJeuEw6seTjHfJZXFEBIJwREXrFbODc8JSnPL_ATepY4By1JBjDHOWeP6IwKcvxc2W9b4VY66NEp_jEZ8YYT2oAp7yfPg0NP-zI9FLquo8gtjI4ed8/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/AVvXsEitdiF3v8f5pyGf7pjue0IKq4HD4SH54-xRW2ffFfYZ-huFyUB7uu0OxpKjiGUVjGhQzaekYLdRMUWzG3YgEUA9Nsr4Ox0YP1_4_HdAAReuVSaWo1D788Un8M7ByZmWKTmZoWail91zvWc/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/AVvXsEgxQdK2NBhGzK_fie5ylKv3keZRT0NfL0WHn9ja_YWMznFbf9uGiGAl2VCG7E2EMLBSrxJZu-wKsXGzdQasjq4_yW-iWoNqwVUEJdWHQw7Qs8fyAhoBIFWxB-FKBh1-ntbmsOPMutD6bZE/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>

</b:if>

<!-- End Text re size gadget by http://www.spiceupyourblog.com -->

والان نقموم بالبحث عن العنصر الاتي ولتسهيل عملة البحث نضغط على زر Ctrl + F

<data:post.body/>

والان نستبدل العنصر السابق بالعنصر التالي

<span><data:post.body/></span>

والان نقوم بالضغط على زر حفظ

ونتوجة لاي موضوع ونشاهد الاضافات التي ضفناها 

اي استفسار انا تحت امركم

الشرح حصري لمدونة توب نيو

http://top-new-now.blogspot.com/2012/02/blogger_23.html