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('span','.section2'); section = section.join(','); // Reset Font Size var originalFontSize = $(section).css('font-size'); $(".resetFont").click(function(){ $(section).css('font-size', originalFontSize); }); // Increase Font Size $(".increaseFont").click(function(){ var currentFontSize = $(section).css('font-size'); var currentFontSizeNum = parseFloat(currentFontSize, 10); var newFontSize = currentFontSizeNum*1.2; $(section).css('font-size', newFontSize); return false; }); // Decrease Font Size $(".decreaseFont").click(function(){ var currentFontSize = $(section).css('font-size'); var currentFontSizeNum = parseFloat(currentFontSize, 10); var newFontSize = currentFontSizeNum*0.8; $(section).css('font-size', 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 "
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.