Blogger Yazı Boyutunu Düzenlenme Eklentisi

Blogger Yazı Boyutunu Düzenlenme Eklentisi

Merhaba arkadaşlar bugün sizlere Blogger için önemli bir konunun anlatımını yapacagım.Blogger'de yazı boyutları olmazsa olmasımızdır.Çogu kişi bu durumdan rahatsızdır.Eger ki sizde rahatsız iseniz bu paylaşım sayesinde yazılarınızın boyutlarını düzenleyebileceksiniz.

Kurulum ;

Kumanda paneli > şablon > html düzenle'ye gelip şablonumuzu html olarak açıyoruz.

Ardından ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

</head>

Ve hemen üstüne aşağıdaki kodları ekliyoruz.

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

Daha sonra aşağıdaki kodu buluyoruz.

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

Ve hemen altına aşağıdaki kodları ekliyoruz.

<!-- scripthaneniz.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/AVvXsEg2GhcJuHGvtw6skTZHsdcSbyRvSa0HUcFsuqloh_VzhYZfwzjGTxOkmrOXvGzKUx5Y-YD_g539oQ75FNBHfrWMcltPhBoRYgVPBM1zvLUX8Rn4zy21k5pxE10R4VlKRa8eJiS6vd-LYBM/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/AVvXsEi2LLe9890va5j4YdvVUi2wpL3uxFNR5TfSeJ9zfRvKYuiQ0UOVtyW3dB1AkbHe4aq6zafr7Jo9CBSwcQJmh_tzUW6UyFrG7Ol1Mvr69JYK6yVNAxCMhKHownMnohG8YJf5qFGHtK0X5Xs/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/AVvXsEi71qF1cYGshG8R1it-2FX-aBkU4VT-viY0NHTD-UihmNWOSEHpMir4c1I-rrcKRo9PK3L650QELU79VK8r-ZHSNGN3eZz368De0NmgaEqBQv0omKwqWw4LtAspSxKY3YHm5WlsCTaj6QQ/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/AVvXsEjRaIevlUMywkV1sT0lTY2yLlsPLghaZrpjl7emIzMnrgkXUQByXP6GZ3aMWFOCKRLj_-r_-qPVw7QPVyriHM0rX5taTWnU3cAOOYRs1ouftTI7fd1DyJd_bZx5-SZIKZGtKa85AhcS3uU/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>
<!-- scripthaneniz.com kod sonu -->

Son olarak aşağıdaki kodu buluyoruz.

<data:post.body/>

Ve aşağıdaki kod ile değiştiriyoruz.

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

Daha sonra kaydedip çıkıyoruz.
Arkadaşlar bizlere destek olabilirsiniz. Destek Sayfamıza buradan oluşabilirsiniz.

Etiketler: Blogger Eklentileri, yazı düzenleme