text resizer font - VIEW-SOURCE:
44444444

text resizer font

222222222

fitur buat memperbesar atau kecil huruf
diatas ]]></b:skin> atau </style>


button { 
padding: 3px 15px; 
float: right; cursor:pointer; 
margin:0 5px; }
.text-resizer { }

diatas </head>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

masih diatas </head>


<script type="text/javascript">
  $('').ready(function() { 
  $('#incfont').click(function(){    
        curSize= parseInt($('.post-body').css('font-size')) + 2;
  if(curSize<=22)
        $('.post-body').css('font-size', curSize);
        });  
  $('#decfont').click(function(){    
        curSize= parseInt($('.post-body').css('font-size')) - 2;
  if(curSize>=12)
        $('.post-body').css('font-size', curSize);
        }); 
 });
</script>
 
Masukan kode dibawah ini dimana saja ingin ditempatkan, misalnya di bagian atas posting, biasanya setelah/dibawah kode <div class="main-wrapper">


<b:if cond='data:blog.pageType == "item"'>
<button class="text-resizer" id="incfont"><b>A+</b></button>
<button class="text-resizer" id="decfont"><b>A-</b></button>
</b:if>
 
catatan penting
jika tdk bekerja diakibatkan kode templatenya tdk di temukan , maka satukan semua kode yg di atas ke kolom WIDGET HTML JAVA SCRIPT, lalu sev .

sumber http://apradisnewcyber.blogspot.com/2015/02/membuat-font-text-resizer-di-blog.html

BERAPA NILAI ARTIKEL INI

Loading Content...