Home > JavaScript Blogger > Membuat pilihan huruf menjadi besar atau kecil
Demo :
Cara membuatnya
Dari Dashboard >> Design >> Edit HTML.
Penempatannya
dibawah ]]></b:skin>
........
diatas </head>
<style type='text/css'>
.xsmallview body{font-size: 10px;}
.smallview body{font-size: 12px;}
.normalview body{font-size: 14px;}
.largeview body{font-size: 21px;}
.xlargeview body{font-size: 24px;}
a.texttoggler{margin-right: 6px;}
a.texttoggler img{border: 1px solid gray;}
a.texttoggler img:hover{border: 1px solid red;}
a.selectedtoggler img{border: 1px solid red;}
</style>
<script type="text/javascript" src="http://pagenano.googlecode.com/files/besar%20dan%20kecil%20huruf.js"></script>
Penempatannya
dibawah <body>
........
diatas </body>
<a href="#" class="texttoggler" rel="xsmallview" title="extra small size"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYInArwfpzmWvYwTss1SCjdG0Ut7w4SNGw_HRGGFN7q83bs-xfI0SOOReOTwhO5gpSzFf4jdsbFI_ul8BTHJ0nd04bb7OYHPzTruMRToEUL5H0lquDqJakC89najHdOK8clY_qhw7A8ED/s104/xsmallview.png" /></a>
<a href="#" class="texttoggler" rel="smallview" title="small size"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZT1IorJfdy4pLs-2KQ4YskznRbbtTgZEX-jX3ISFwCPeWqlREzp5lcNmbsyMsw5UewRov-pv13wBFqAzhRChwZASKy6UjDxyPi__SAxFQk-IvElE-VNDBSvGB_ebe5NEXOjremC7B4WG6/s104/smallview.png" /></a>
<a href="#" class="texttoggler" rel="normalview" title="normal size"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCGHbI74dgR20GbTtXHOwJuzHHIleO7aYQFbpmSVVGvKxJHl6RTVd1q_ZR4Zz2uu9cuq7qAHOVsVNFm_qR3Ipvm_Ke3djW7rMXQc97mUrpMqxskbynfkQU6-IuwrvGY2qK2HEi4K_X_vTQ/s104/normalview.png" /></a>
<a href="#" class="texttoggler" rel="largeview" title="large size"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivyJy09w6cAi0uNpOVRezpaMVQGGZNid2ZtO1ukFaM0BVLqyGd28H424ASVXAAbHD1gwouKiVJ6MrqhAAcpZnNYfrN8UXtQaTeefUkEuxWcWBuQwmJEpfhcZat8dnkegH27_63qMSRHWNc/s104/largeview.png" /></a>
<a href="#" class="texttoggler" rel="xlargeview" title="extra large size"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO7e1rCabqN_LxmRPbrIEP2KJcdRxMyW8un2zhov9N0l8O36-uAsArv6-dUzB5sbNEeRRpdRTheq2chrYDIu0a0Syua95F0zyUCSZrQtYrUJSTR6J4cVdRrkWfVPdC4_VBJk3RiCN6qnjZ/s104/xlargeview.png" /></a>
<script type="text/javascript">
//documenttextsizer.setup("shared_css_class_of_toggler_controls")
documenttextsizer.setup("texttoggler")
</script>
Credit : JavaScript Kit
Alhamdulillah