Mengganti ukuran font posting

Saat membuat sebuah web menggunakan cms ( joomla ), pernah melihat dalam sebuah web site ukuran font tersebut dapat dirubah-rubah. Terpikir pula untuk di aplikasikan dalam blog, akhirnya dapet juga caranya..kalo mau liat artikel aslinya baca ini how-to-increase..

caranya sederhana, pertama masukkan kode berikut dalam edit html
letakkan di atas &</head&>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

Setelah itu buat sebuah widget baru, pilih html and javascript dan copy kan kode berikut

<style>
html {
font-size:13px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.post-body {
font-size:13px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

</style>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
// Reset Font Size
var originalFontSize = $('.post-body').css('font-size');
$(".resetFont").click(function(){
$('.post-body').css('font-size', originalFontSize);
});
// Increase Font Size
$(".increaseFont").click(function(){
var currentFontSize = $('.post-body').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$('.post-body').css('font-size', newFontSize);
return false;
});
// Decrease Font Size
$(".decreaseFont").click(function(){
var currentFontSize = $('.post-body').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$('.post-body').css('font-size', newFontSize);
return false;
});
});
</script>
<div id="sidebar-right2"><div id="sidebar1"><ul>
<li><a href="#" class="increaseFont">Increase</a></li>
<li><a href="#" class="decreaseFont">Decrease</a></li>
<li><a href="#" class="resetFont">Reset</a></li>
</ul>
</div></div>

yup sekian...mau buat penjelasannya, tapi da ngntuk...bsk ya...

sumber: http://webupd8.blogspot.com