Blogger Yazı Boyutu Değiştirme Eklentisi

Blogger Yazı Boyutu Değiştirme Eklentisi

Blogunuzda ziyaretçilerinizin yazı boyutunu değiştirmesini istermisiniz ? Bu blogger eklentimizde , sitenize giren ziyaretçiler , konularınız içindeki yazıların boyutuyla oynayabilir, yani isterlerse küçültebilir , isterlerse büyültebilirler..

Yararlı bir eklenti olduğunu düşündüğümüz bir blogger eklentisi olan Blogger Yazı Boyutu Değiştirme Eklentisini blogunuza eklemek için aşağıdaki adımları takip edin..

ilk olarak aşağıdaki kodumuzu buluyoruz..

</head>

Bu kodumuzun hemen üstüne , aşağıdaki kodu ekliyoruz..

<!-- eklentileri.blogspot.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>
<!-- eklentileri.blogspot.com kod sonu -->

Yukarıdaki işlemi yaptıktan sonra , şimdi ise aşağıdaki kodumuzu buluyoruz.

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

Bulduğunuz kodun hemen altına , aşağıdaki kodlarımızı ekliyoruz..

<!-- eklentileri.blogspot.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZvWcmDbMMXjhxLriNTsP5xx7cHxEVvtTzFdQ0fgNrA-mWbsTva2sraSkLpEcPfUcLXPVG6If1zm_oRwA7iFkPpzmMtOl6iOYXQulO5c7Pfy9ILlOk3VqgcoJiYlRwd3K0aPDZMHUrVpU/s1600/font-size-blogger-gadget.png'/> | <a class='increaseFont' style='cursor: pointer; cursor: hand;' title='Larger Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc3NN3TFkobOa8kKRTkWiFqpyhLfR7ZacAhgbV7SBpCu6d-fZ9KZfhsnsvAoRU3fXMmtFHd-eQ54a5_HxZdkYfyc8Tk8_1AnT7jkVCl3VRVfYtR9huKCcywqJ1k8uSQfqd-E6mpEh3OJY/s1600/bigger-font+-+Copy.png'/></a> 
<a class='decreaseFont' style='cursor: pointer; cursor: hand;' title='Smaller Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQezrYIOWAKiFFZja61pef-bQPEFyBRnv76Cx_euBHPwsYgq4LX9Dfm88e7gY5MgRH1sAjupFB3oX7JIzdxLsbCffPLtbgU3lBPANQyjrOEetK88HUWZ1mIcHnAOmGuEgser7kzv0LXcw/s1600/smaller-font.png' style='cursor: hand;'/></a> 
<a class='resetFont' style='cursor: pointer; cursor: hand;' title='Reset Text Size'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_gfmP5H8nP4vgV_5VEhldKIStr89fjfs4TZNHPjUYv7d21Tc5ZWerz8lre1hPRA-PqR4C4t6yK6DERmlQ5253ICOSr5CH-6eyJu0w56QeAmtIHQ40rkN5tl3wQvh9oFppAYHaPWZaXBc/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>
<!-- eklentileri.blogspot.com kod sonu -->

Son olarak bu kodu bulun.

<data:post.body/>

Bu kodla değiştirin

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

Artık Blogger Yazı Boyutu Değiştirme Eklentisine sahipsiniz...güle güle kullanın..DEMO

<<< Bu Yazı için Arama Sonuçları  >>>

Blogger Yazı Boyutu , Blogger Yazı Boyutu değiştirme , Blogger Yazı Boyutu ayarlama , Blogger Yazı ayarları , Blogger Metin Boyutu , Blogger Metin Boyutu ayarlama , Blogger Text Resize

Tweet