Blogger Yazı Boyutu , Blogger Yazı Boyutu ayarlama , Blogger Yazı ayarları ,
 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='http://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='http://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='http://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='http://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 ;

 <data:post.body/>  

O kodun yerine bu kodu yapıştırın.

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




Paylaşın:

Lütfen Yorum Yapınız:

2 yorum var.

  1. Hocam bunun wordpress sitede yapılma ihtimali var mı bir ara çok aradım ama bulamadım.

    YanıtlaSil
  2. hocam yorumunuz'dan sonra siteme wordpress ile ilgili yazı fontu ayarı konusu ekledim hemen anasayfada www.sosyofikir.com :) iyi çalışmalar

    YanıtlaSil

Türkçe dil kurallarına lütfen dikkat edelim.
Yorumunuz en kısa sürede yayınlanacaktır..
Yorumlarınız bizim için değerlidir.