Font Zoomer - Membesarkan Mengecilkan Font Sesuka Pengunjung

Bagi kamu-kamu yang punya blog tentu pengen blog kamu di baca semua kalangan, termasuk juga mulai anak kecil hingga kakek-kakek. Naaah, kalau kakek kakek kasihan dong kalau tulisan kita terlalu kecil bakal gak kelihatan, tetapi kalau kita buat standart besar, jelek dong tampilan kita. Apalagi kacamata mahal (hehehehe) mendingan kita kasih tool untuk membesarkan dan mengecilkan gambar yang bisa diatur sendiri sesuai keinginan pengunjng :D Siiiip deh. 

Nah, kalau sudah paham kan. ntuk membuatnya gak susah.
1. Login ke blogger
2. tata letak -> Edit HTML
3. Cari kode </body>
4. Tambahkan script berwarna bir berikut di atasnya

<div id="zoom-box"> <p id="zoom-title"><a href="http://thesky.asia/zoom-box/">ZoomBox</a></p> <p id="zoom-control"> <a href="#" id="zoom-in">-</a> <span id="zoom-text">10</span> <a href="#" id="zoom-out">+</a> </p> </div>

5. Cari kode ]]></b:skin>
6. Tambahkan script berwarna biru berikut di atasnya

<style type="text/css">
#zoom-box {
position: absolute;
top: 10px;
right: 10px;
background-color:#aaa;
border: 1px solid #000;
}
#zoom-box * {
text-align:center;
font-size: 9pt;
margin: 0;
padding: 0;
text-decoration: none;
height: 20px;
}
#zoom-control * {
float: left;
display: block;
width: 25px;
background-color:#FFFFFF;
}
#zoom-control a {
background-color:#CCC;
}
#zoom-control a:hover {
background-color: #333333;
color: #FFFFFF;
}
</style>

7. Cari kode </head>
8. Tambahkan kode berwarna bru berikut di atasnya

<script language="javascript"> window.onload = function () { var iFontSize = 1; document.getElementById("zoom-in").onclick = function () { iFontSize -= 0.1; document.body.style.fontSize = iFontSize + "em"; document.getElementById("zoom-text").innerHTML = Math.round( iFontSize * 10 ); } document.getElementById("zoom-out").onclick = function () { iFontSize += 0.1; document.body.style.fontSize = iFontSize + "em"; document.getElementById("zoom-text").innerHTML = Math.round( iFontSize * 10 ); } } </script>

9. Simpan Template Anda

Nah lihat hasilnya, demikian cara membuat Font Zoomer, memperbesar font dan bagi yang pengen coba comment yah. Semoga sukses. Special Thanks to tutorialajax