2 Nisan 2012 Pazartesi
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/AVvXsEi-AWTS4QztQjJFvzot9_gVos5iWPa70Axxi75T3Oklm4P19O2QNMjypPDsyU9Bv8RjOQLiAO740GWu10fiqodyvhSi2e4vBUSiV_IuV2-4xlvhU9r6IZ04Yui6WM2sC65XCh5jbpogme8/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/AVvXsEiQC_9GS22kHg32I8sVPFI3GkRoEyzZo89o-GVVDePp8_CRKMo-miqhnu-FEvxuPp-0-z_iYFA4c25sPT-4L7NZeGiLoR7is2THjU1x4qI5icCDLgpxqwwZRRXa-48XU0qALZUcunDUAiM/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/AVvXsEjLLvxscUFCdC_BmjrFjWyjvBOeVUE9egZyZoqg2vFN3jyHcHuY4gz-asAVCIIzP4S1jpKxcKkwFfVIWwAPqrU1TbRN6addC5_jHuCCLAiz5FzIXMy2WcbMsPQJNfgYVmKoD2xa9Ihyphenhyphenjho/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/AVvXsEgOVM0oUHIXKBwxa5uUw-51apj1Lxb3T_qSBSWVWOUzowSXQv-WkrYO-EhVUavUbaGPPHnt7edyxTIAQhLTFvVnQlXendxBgb2ah-bxPvwpyL1mFwdYq2Q4w1XaNbHLPq8L2dD3je3QyCg/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
