Salam semua. hari ini admin nak berkongsi lagi tutorial mudah dengan korang. kali ini admin kongsikan Cara Pasang Widget Tukar Font Pada Posting Dan Blog. dengan widget ini, pengunjung blog korang dapat tukar jenis dan saiz font mengikut kehendak mereka. yelah, mungkin ada diantara pengunjung blog kita yang mengalami masalah penglihatan. jadi, widget ini mungkin dapat membantu mereka.
Seperti yang korang pada contoh diatas, kita dapat tukar jenis dan saiz tulisan pada posting mengikut kesesuaian. berminat nak letak pada blog?. nah coding..admin kongsikan
<div style="text-align: center;">
<script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}
function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" method="POST" name="selecter2">
<select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Times New Roman">Times New Roman </option><option value="Arial">Arial </option><option selected="selected" value="Book Antiqua">Book Antiqua </option><option value="Bookman Old Style">Bookman Old Style </option><option value="Century Gothic">Century Gothic </option><option value="Comic Sans Ms">Comic Sans Ms </option><option value="Tahoma">Tahoma </option><option selected="selected" value="Trebuchet Ms">Trebuchet Ms </option><option value="Verdana">Verdana </option></select>
<select name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="8px">8 </option><option value="9px">9 </option><option value="10px">10 </option><option value="11px">11 </option><option selected="selected" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option></select></form>
</div>
Korang boleh ejas <div style="text-align: center;"> untuk bagi widget jadi left, right mahupun center.
Untuk letak dalam posting korang boleh edit melalui "Edit HTML" pada posting atau "Edit HTML" pada template. korang juga boleh letak pada sidebar melalui Design > Page Element > Add A Gadget > HTML Java Script
Semoga widget ini berguna untuk korang yer. ikhlas admin kongsikan untuk semua. jika ada sebarang komen cadangan mahupun permintaan sila utarakan disini. terima kasih (^_^)
Suka dengan apa yang admin kongsikan?. sila klik pada button dibawah sebagai tanda sumbangan ikhlas anda untuk duniakongsi.net. hanya sedikit iklan untuk menampung duniakongsi. sumbangan "klik" dari anda sangat admin hargai dengan ucapan terima kasih
0 comments:
Post a Comment