Vсгийн фондыг томосгоx

За өнөөдөр та бүхэнд блог-ынхоо үсгийн фондыг томосгож багасгах кодын зааварыг тавьлаа.


1. Алхам:
Layout---->Edit HTML----></head> гэсэн текстийг олно.





 2. Алхам:
Дээрх текстийн яг дээд талд нь <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> гэсэн кодыг бичиж өгнө.





3. Алхам: Харин одоо </head> гэсэн текстийн доод талд нь                    
<!-- begin ResizeFont www.saranuul.blogspot.com --> <script type='text/javascript'> $(function(){ $('input').click(function(){ var ourText = $('#content-wrapper'); var currFontSize = ourText.css('fontSize'); var finalNum = parseFloat(currFontSize, 10); var stringEnding = currFontSize.slice(-2); if(this.id == 'large') { finalNum *= 1.1; } else if (this.id == 'small'){ finalNum /=1.1; } else if (this.id == 'reset'){ finalNum =13; } ourText.animate({fontSize: finalNum + stringEnding},500); }); }); </script> <br /> Кодыг хуулж тавиад ---->Save Template дараад хадгална.






4. Алхам: Layout---->Page Elements---->Add a Gadget(аль хавьд байрлахаа өөрөө сонгоно)---->HTML/JavaScript Add гэсэн Код бичих хэсэгт орно. Дараах кодыг хуулж <div id='resizeFont'><input id='large' type='button' value='A+'/><br /> <input id='reset' type='button' value='A'/><br /> <input id='small' type='button' value='A-'/><br /> </div> тавиад Save гэж дарснаар дуусж байна даа.