Blogger Yazi Boyutlarini Kullanici Ayarlasın

Her kullanıcı sizin istediğiniz yazı boyutu’nu kullanmak zorunda değildir. Belki daha büyük bir yazı istiyor o zaman ctrl+ scroll up yapacağına mouse’si ile siz sitenize böyle iyi bir eklenti ekleyerek görünümüzü zenginleştirebilirsiniz. Anlatıma geçelim.

Ne Kazanırız ?

Daha iyi bir sayfa görünümü.
Kullanıcı dostu tasarım.

 </head>

Şimdi bu kodun hemen üstüne aşağıdaki kodu yapıştırıyoruz.

 <!-- sosyofikir.com kod başlangıcı -->  
 <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>  
 <!-- sosyofikir.com kod sonu -->

Şimdi de aşağıdaki kodu bulun ;

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

Şimdi yukarıda bulduğumuz kodun hemen altına aşağıdaki kodu ekliyoruz.

 <!-- sosyofikir.com kod baslangıcı -->  
 <b:if cond='data:blog.pageType == "item"'>  
 <table border='0' style='float:right; margin-left:5px;'><tr><td><img border='0' src='https://4.bp.blogspot.com/-b1_J5npcUag/TdzJSK1mwdI/AAAAAAAAEFU/f7mZHFshlQI/s1600/font-size-blogger-gadget.png'/> | <a class='increaseFont' style='cursor: pointer; cursor: hand;' title='Larger Text'><img src='https://4.bp.blogspot.com/-DP_25fJBGew/TdzJRS0KcJI/AAAAAAAAEFM/P9-ikZyu3UE/s1600/bigger-font+-+Copy.png'/></a>   
 <a class='decreaseFont' style='cursor: pointer; cursor: hand;' title='Smaller Text'><img src='https://3.bp.blogspot.com/-9SuQUU3YZlI/TdzJTOokcLI/AAAAAAAAEFg/Nz8SeJ6-QIs/s1600/smaller-font.png' style='cursor: hand;'/></a>   
 <a class='resetFont' style='cursor: pointer; cursor: hand;' title='Reset Text Size'><img src='https://4.bp.blogspot.com/-i-uGhNM_bks/TdzJScrNpII/AAAAAAAAEFY/v4XGHbR30Cw/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>  
 </b:if>  
 <!-- sosyofikir.com kod sonu -->

Şimdi son olarak bu kodu buluyoruz ;