25 Eylül 2015 Cuma

Blogger yazı boyutu düzenleme eklentisi

Merhaba ;

Kullanımı yaygın olmayan ancak birçok blogger tarafından değişmez bir eklenti olarak kullanılan blogger yazı boyutu düzenleme eklentisini sizlerle paylaşmak istiyorum.

Bu eklenti , bloğumuzun ziyaretçileri yazılarımızı daha rahat ve daha uygun biçimde okuyabilmeleri içindir.
Bu eklenti , blog yazılarının yanına eklenerek yazı büyütüp , yazı küçültme işlemini tek bir butonla yapabilmektedir.

Eklentiden bir görüntü ;



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.

<!-- bloggereklentideposu.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>
<!-- bloggereklentideposu.blogspot.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.

<!-- bloggereklentideposu.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/AVvXsEjSBefS9Sc1Nl1lInCpv5QTKN45UdaKIC9o8cDFcumxZhU9Bx-xv84YYWRKfMf2LCpgOFRkaHjHgVTSiFyHsvgENWDyT0h5tdm1zC2lz58H0t5IS2OXbxWzSIna0_w5MydQHtwx9D7mx0M/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/AVvXsEgzEveVblE8MkZt_oiAcMcZSYA_xHwP-7R6vyIN2v4zjPuWXYcoV9M88KVotgD6dIAoiwhbSYkCsOLD3XregEBgZEN9fZAIeLw_3W0OKkUpUm_SvCChtIhgeJwjJiG_E6oftBBzOBxDPkg/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/AVvXsEjuyQMPt19Td1FHzb8wNgzBAfqIlgnx48DXNaQDZ4sLExb0PNq0l31d4o7gaUXYPd8D78bHnY0lLvrhRbIbiMOkDZFdTBrhOR318avM4TfzUCIzmopleB0FQTn-vwTDsRpaEDGwxSOvOi4/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/AVvXsEhMt1earLcXvx-XJKYpwKJCzIdUWAgkgQdukZYcoKTmVxFVRybdoSUfNwhDFsg4Nef9m9uNzUEzqK8DNN6jS8kJk22_HSRrwh9Ajjee57FHPtgztA-xtsIbDvJNzeaLSUQ9gbBw4GfluJk/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>
<!-- bloggereklentideposu.blogspot.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.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler ; blogger yazı boyutu düzenleme eklentisi, blogger yazı boyutu değiştirme eklentisi, blogger yazı boyutu, blogger, blogger yazı boyutunu düzenlemek, blogger otomatik yazı boyutu değiştirme " 
Dipnot
Bu yazı 25 Eylül 2015 Cuma günü tarafından yazılmıştır. Güncel yazılarımızı RSS 2.0 sistemini kullanarak takip edebilir, dilerseniz bu konu hakkındaki düşüncelerinizi yorum bölümünü kullanarak bana ve değerli ziyaretçilerime iletebilirsiniz.

0 yorum:

Yorum Gönder

Değerli yorumlarınız için şimdiden teşekkürler.
Lütfen bu yazımız ile ilgili yorum yapınız.
Diğer iletmek istediklerinizi iletişim sayfasından veya iletişim formunu kullanarak bana ulaştırabilirsiniz.