Blogger Yazi Boyutlarini Kullanici Ayarlasın

2 dakika


56
10 Paylaşım, 56 Beğeni
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='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 ;

 <data:post.body/>  

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

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

Beğendiniz mi? Arkadaşlarınızla Paylaşın!

56
10 Paylaşım, 56 Beğeni

Sizin Tepkiniz Nedir?

Beğendim Beğendim
0
Beğendim
Beğenmedim Beğenmedim
0
Beğenmedim
Şaşırdım Şaşırdım
0
Şaşırdım
Güldüm Güldüm
0
Güldüm
İnanılmaz İnanılmaz
0
İnanılmaz
Kızdım Kızdım
0
Kızdım
Oha Oha
0
Oha

2 Yorum

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bir format seç
Kişisel Test
Kişisel bir şey ortaya koymayı amaçlayan sorular dizisi
Basit Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar verme ya da görüş belirleme/oy verme
Serbest Yazı
Yazılarınıza Görseller Bağlantılar Ekleyebilirsiniz
Liste
Klasik İnternet Listeleri
Geri Sayım Listesi
Klasik İnternet Geri Sayım Listeleri
Açık Liste
Kendi öğenizi gönderin ve en iyi sunum için oy verin
Oylanabilir Liste
En iyi liste öğesine karar vermek için yukarı veya aşağı basın