in , , , , ,

Blogger Yazi Boyutlarini Kullanici Ayarlasın

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://www.sosyofikir.com/wp-content/litespeed/localres/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>  
Blogger Yazi Boyutlarini Kullanici Ayarlasın 1

Report

What do you think?

Written by sosyofikir

Doğu Akdeniz Üniversitesi Mimarlık Fakültesi'nden 2018 yılında mezun oldum. Blog serüvenim yaklaşık 8 sene önce başladı. Hala o eski heyecanımı taşımaktayım. Amacım sizler için kaliteli, özgün ve sıkıcı olmayan kullanıcı tabanlı bir site hazırlamaktır. Teşekkür ederim. Bana her türlü konuda ulaşabilirsiniz.

2 Comments

Leave a Reply
  1. hocam yorumunuz'dan sonra siteme wordpress ile ilgili yazı fontu ayarı konusu ekledim hemen anasayfada www.sosyofikir.com 🙂 iyi çalışmalar

Bir cevap yazın

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

Google Plus One WordPress eklentisi

Yeni Nesil Google + 1 Kullanır

Wordpress Yazi Buyutme Kucultme Eklentisi 7

WordPress Yazi Buyutme Kucultme Eklentisi