Özellikle haber sitelerinde görmüşsünüzdür.Haber sayfasında A+ şeklinde bir buton vardır.Bu haberin yazı boyutunu büyütüp küçültmeye yarıyor.Şimdi bu yazımızda Blogger sistemlere bu özelliği eklemeyi anlatacağım.Aşama aşama ne yapmanız gerektiğini anlatacağım.Hadi başlayalım...

Öncelikle Blogger yönetim paneline girip tema ayarlarında HTML düzenleme kısmına girelim.Aşağıdaki kodu temanızda arayın.

]]></b:skin>

Yukarıdaki kodun hemen alt kısmına aşağıdaki kodu ekleyin.

HTML-Kodu:
<style type='text/css'>

/*----- Text Resizer By MBT ------*/
.controlstyle a{ /*links inside DIV sizecontroldiv*/ 
outline:none; 
}
.controlstyle a img{ /*image links inside DIV sizecontroldiv*/ 
border-width:0; 
}
.controlstyle a.selectedcontrol img{ /*selected control&#39;s image*/ 
border-bottom:4px solid darkred; 
}
.mbt-text-resizer{ 
font-weight:bold!important; color:#F07727!important; text-decoration:none!important; font-family:arial,tahoma !important; font-size:16px!important; 
}

#mbt-text-resizer-container { 
margin:4px 0px; 
padding:4px; 
border-top:1px solid #ddd; 
border-bottom:1px solid #ddd; width:100%; 
} 
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<script src='//www.dynamicdrive.com/dynamicindex9/fluidtextresizer.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var mytextsizer=new fluidtextresizer({ 
    controlsdiv: &quot;sizecontroldiv&quot;, //id of special div containing your resize controls. Enter &quot;&quot; if not defined 
    targets: [&quot;body&quot;], //target elements to resize text within: [&quot;selector1&quot;, &quot;selector2&quot;, etc] 
    levels: 10, //number of levels users can magnify (or shrink) text 
    persist: &quot;session&quot;, //enter &quot;session&quot; or &quot;none&quot; 
    animate: 200 //animation duration of text resize. Enter 0 to disable 
})
</script>
Yukarıdaki kodları ekledikten sonra ikinci aşamaya geçiyoruz ve aşağıdaki kodu arıyoruz.

<data:post.body/>

Yukarıdaki kodun hemen üst kısmına aşağıdaki kodları ekletin ve temayı kaydedin.

HTML-Kodu:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='mbt-text-resizer-container'> 
<div class='controlstyle' id='sizecontroldiv'> 
<font style='color:#666; font-weight:bold;'>Adjust the font size:</font> <a class='mbt-text-resizer' href='#smaller'><img src='//2.bp.blogspot.com/-hcriotbuHqQ/TprlX1VeBII/AAAAAAAAFRA/h331qxRqqxo/s400/oranged.png'/>&#160;</a> <a class='mbt-text-resizer' href='#bigger'><img src='//3.bp.blogspot.com/-ZCdAqxALWFQ/TprlYKwK4QI/AAAAAAAAFRI/YBkNpOf3AHo/s400/orangei.png'/>&#160;&#160;</a><a class='mbt-text-resizer' href='javascript:mytextsizer.setFontLevel(0)' rel='nofollow'>Reset ↕</a> 
</div> 
</div>
</b:if>
İşlem bu kadar basit.Bu işlemi yaptıktan sonra temanızda yazı boyutu ayarı görünüyor olacaktır.