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('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> <!-- 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/AVvXsEgA6vHF_cXdt3PPnLAzoCMJvnh02bOgP8P4pWsk-Uu7vf-HFKekN4wIJARVrtlTK8UTVLi_EqrY3KOdmkJsqsOCJVO8SbRGw3F-tGvPaATSj1NmpBPKbkml-Xk_Ml-sntZ8TjNpzPHkOSw/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/AVvXsEg7PrezoHz-jgKX8jcVrt2BZofD0B-k4wcsh63vGMhtqm4Nh98HKaqU5X11qLxs105GYRolfgtD5Odyhco2S7fxi5SdOnKF74Xe3rbuEEKQhqqOli0dPzsz2rt0WeSZohvDgy-rPOUvhl4/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/AVvXsEjBh9uDesiR5MXIbnBqR62WMxKj0_X-PQZ2weOKOkNvQ-G7dH91EpWwHzrBcCriTCBfZEi8Q-RfEL470GU00DFv_6gP1qCtyJOhyphenhyphenbofu46ii0S0g1ohI37r9we8zr1kNdT2IZQ1g5uGT4w/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/AVvXsEhDWodzu75QTdzli_1x6O79LEwtGxGhDFHea3tPB7zqVvfxke2wqjcUxydoDQgPwFyyU5kQWgyur9_j0H8Z9pfnJYZ6urOsUn41XtLbHll5GpAE1uqW8qPiT6LZwNX_bWkSNetopkSiF3c/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
Eklentileri.blogspot.com Hakkında.
Bizi Facebook ve Twitter üzerinden de takip edebilirsiniz..
3 yorum:
Ben bu şablonu sitemdeki temaya uyguladım.Butonlar gözüküyor ancak işlemiyorlar.Yardımcı olursanız sevinirim.
http://emirhandogan.blogspot.com/
@Emirhan
Kodları doğru eklediğinizden eminmisiniz , tekrar denermisiniz..
Harika teşekkürler
Yorum Gönder