ब्लॉग के लिए फॉन्ट साइज़ कंट्रोलर

 

आज मैं आपको ब्लॉग के लिए फॉन्ट साइज़ कंट्रोलर केबारे मे बता रहा हु इसे अपने ब्लॉग पर स्थापित करने से आपके पाठकों को पोस्ट के फॉन्ट को छोटा या बड़ा करने बहुत ही आसानी होगी ।

आइये हम आपको बताते है की इसे आप अपने ब्लॉग पर कैसे लगा सकते है।

• अपने ब्लॉग मे लॉगिन कीजिये
• Template मे जाकर Edit HTML पर क्लिक कीजिये
• अब नीचे दिया हुआ कोड </head> के ऊपर पेस्ट कर दीजिये

<script src='http://sites.google.com/site/ciudadbloggerfiles/Home/mootools.js' type='text/javascript'/>
<script type='text/javascript'>
window.addEvent(&#39;domready&#39;, function(){
var el = $(&#39;myElement&#39;),
font = $(&#39;fontSize&#39;);
new Slider(el, el.getElement(&#39;.knob&#39;), {
steps: 35, // Tamaño máximo de la letra
range: [8], // El 8 es el tamaño mínimo
onChange: function(value){
font.setStyle(&#39;font-size&#39;, value);
}
}).set(font.getStyle(&#39;font-size&#39;).toInt());
});
</script>
<style type='text/css'>
div.slider {
width: 97%;
height: 26px;
background: url(http://1.bp.blogspot.com/-uJtP4Udla1s/Tc5VAzHAJSI/AAAAAAAAAZA/ou62rfIOdiA/s1600/slider-bg.gif) no-repeat right top;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #708B95;
margin-top:40px;
}
div.slider div.knob {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlVeYBh0hNrukC6Dxszql6GSoP0-qy7avL8x3bAB80q4gJ9ve9HpzSWBR9CiWMxeNewvdep4QOpJ_ajodz0CHnEOjf7-6SrCtRrx9Shgd9G55BeQoxqKqwoN2T_P8_P8zjtMOute9izoE/s400/allblogtools-pin.png) no-repeat;
width: 32px;
height: 47px;
margin:-35px 0 0 0;
cursor: move;
}
div#fontSize {
height: 40px;
}
</style> 

• अब नीचे दिया हुआ कोड ढुढ़े ( कुछ टेम्पलेत मे कुछ अलग होता है।)

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

•  ऊपर दिये हुये कोड को ढूंढ कर नीचे दिये हुये कोड से बदल दे।

<span id='fontSize'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</span>

• Save Template पर क्लिक करके बाहर डैशबोर्ड पर आ जाइए
• Layout पर क्लिक करके Add Gadget पर क्लिक करें
• एक नयी विंडो खुलेगी जिसमे आपको HTML/Java Script सेलेक्ट करना है
• अब नीचे दिया हुआ कोड कॉपी करके HTML/Java Script वाली विंडो मे पेस्ट कर दीजिये

<div id="myElement" class="slider"><div class="knob">/div></div>

 पेस्ट करने के बाद  SAVEबटन पर क्लिक कर दे अब आपका फॉन्ट साइज़ कंट्रोलर  सफलता पूर्वक आपके ब्लॉग पर काम करेगा।

•