29 февраля 2012

Տառաչափը փոխելու հավելում Blogger-ի համար

|

Հարգելի բլոգերներ, այսօր կներկայացնեմ մի շատ կարևոր և հետաքրքիր հավելում Blogger-ի համար: Խոսքը բլոգի տառաչափը փոխելու համար նախատեսված հավելման մասին է, որը թույլատրում է այցելուներին փոխել տեքստային չափը և տառատեսակը Ձեր բլոգում այդ թվում վերնագրերը: Ահա և այսօր միասին բլոգում կտեղադրենք այս հավելումը, որից հետո բլոգի օգտվողները կարող են փոխել նյութերի տառաչափը ըստ իրենց ցանկության:
Քայլ 1-Ավելացնում ենք Css կոդը: Մուտք ենք գործում Blogger-ի կառավարման էջ և կատարում ենք այս քայլերը՝ Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета):
]]></b:skin>

Այս կոդը գտնելուց հետո, հենց նրա վերևը ավելացնում ենք հետևյալ CSS կոդը՝

<!-- Start Text re size gadget by  http://www.tikjanblog.ru/  -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function(){

//ID, class and tag element that font size is adjustable in this array
//Put in html or body if you want the font of the entire page adjustable
var section = new Array(&#39;span&#39;,&#39;.section2&#39;);
section = section.join(&#39;,&#39;);

// Reset Font Size
var originalFontSize = $(section).css(&#39;font-size&#39;);
$(&quot;.resetFont&quot;).click(function(){
$(section).css(&#39;font-size&#39;, originalFontSize);
});
// Increase Font Size
$(&quot;.increaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});

// Decrease Font Size
$(&quot;.decreaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});
});
</script>
<!-- End Text re size gadget by  http://www.tikjanblog.ru/  -->


Քայլ 2-Գտնում ենք  հետևյալ կոդը

<div class='post-header-line-1'/>
Քայլ 3- Կոդը գտնելուց հետո անմիջապես նրա ներքևում ավելացնում ենք հետևյալ կոդը:
<!-- Start Text re size gadget by   http://www.tikjanblog.ru/   -->
<b:if cond='data:blog.pageType == "item"'>
<table border='0' style='float:right; margin-left:5px;'><tr><td><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc_VOejgTicsCO-5w1B0snGJCl_6KF_Ot2sjETAjdtXiSbrfk_WOnd_omJiwF5i64l8tJELPbHsivcsEcMFSToUHBo7y3TE287kd32W4vx4tF1xivTKOtNQDrq1rFGni58uyqTaDtFjKc/s1600/font-size-blogger-gadget.png'/> | <a class='increaseFont' style='cursor: pointer; cursor: hand;' title='Larger Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXBHzrbokFlKGki44x7ef5b9CoY7Hzn0szoxL2_bxG7-7bjFr8gT09HcduhpDco8uIddlpq_vyirTtnnmpqYW-VpDnKcBrSdqDJIYCKn-5BTLSqvD8b29GY9-RkDsIQqqt86nAZM-0XEo/s1600/bigger-font+-+Copy.png'/></a> 
<a class='decreaseFont' style='cursor: pointer; cursor: hand;' title='Smaller Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyV4HxxNPCyk2sKfTIS8WFYlKXi9NsWtcowIrxe7a-KfK2gmM822DNOiMIc9cjn47ta8xiFvVLxCYSymrBZeaWQZie6wKDIh4z57dD6lMLZCrhnFJ4jAED8MT8Re_zl8hBM1vRRcsalOo/s1600/smaller-font.png' style='cursor: hand;'/></a> 
<a class='resetFont' style='cursor: pointer; cursor: hand;' title='Reset Text Size'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8hmT3nR6dHklRouXbSoLSRkNX4imCwr4Fem8Rz7f1ACv5oEznja_rC6293N-dl812vf5RzoMEvPZ5t-ParGsMT8o3rIM8M5d3B3FTJ_AcmGIqWcfGW9iMJ92orZFg4b4MP9SJJoO4iAY/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>
<!-- End Text re size gadget by  http://www.tikjanblog.ru/  -->

0 Մեկնաբանություններ:

>

Отправить комментарий

Twitter Delicious Facebook Digg Stumbleupon Favorites More