✵ ✵ ✵ Welcome to Armen Ghahramanyan's Blog ✵ ✵ ✵: Տառաչափը փոխելու հավելում Blogger-ի համար

1 мар. 2012 г.

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

Հարգելի բլոգերներ, այսօր կներկայացնեմ մի շատ կարևոր և հետաքրքիր հավելում Blogger-ի համար: Խոսքը բլոգի տառաչափը փոխելու համար նախատեսված հավելման մասին է, որը թույլատրում է այցելուներին փոխել տեքստային չափը և տառատեսակը Ձեր բլոգում այդ թվում վերնագրերը: Ահա և այսօր միասին բլոգում կտեղադրենք այս հավելումը, որից հետո բլոգի օգտվողները կարող են փոխել նյութերի տառաչափը ըստ իրենց ցանկության:

Քայլ 1-Ավելացնում ենք Css կոդը: Մուտք ենք գործում Blogger-ի կառավարման էջ և կատարում ենք այս քայլերը՝ Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета):

]]></b:skin>

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

<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('span','.section2');
section = section.join(',');

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

// Decrease Font Size
$(".decreaseFont").click(function(){
var currentFontSize = $(section).css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(section).css('font-size', newFontSize);
return false;
});
});
</script>

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

<div class='post-header-line-1'/>

Քայլ 3- Կոդը գտնելուց հետո անմիջապես նրա ներքևում ավելացնում ենք հետևյալ կոդը:

<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/AVvXsEgktcjyzGcnjowRIVTU6ptfVEJ84lLNIbLvsJHW0YrU8hPCne_MEXEEt3o5aAN3UsY41Ys9hNYxZ2XXmr5LHZHeG7uDrX1BCXijE3sveyRJRZu-5TBs9zBWJLcqP_9b-sOZk8_lNiZx6wg/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/AVvXsEgvqbV1NaMu_iFeLZ1z1VhV1bh9yBJkpqg4IeRCZFdut7ixWKInZZUqe5UBRIaQ3-M02QCutHrc7WSZElnpbQIiWgsfcjuZtMw38pjYGuCjBG1oAVaKngo0RZS6u2YCg-Rp_c-rQBaDf5g/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/AVvXsEiHi6RCUEQfBTuhEmNbBEJWLgS_vVNASI9O2caT1Wot_Qn3evKXdKYO0mSMsTwW1U2H3MiPmvxB2BI516RflFC2-z1DFSQeS0Ia-thjBqWCbkHjD-eYRsjEgyTe_-HPkbVoeDmulrTaCzQ/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/AVvXsEgCu5SaG_GacQYYFzzM-EVhuIGnx3GcVoWl1NjI7Gb-YOuxcHIbe8gh_8dU7bxLoQE3g6lO3yxFihJhX9cHz63o18V9yxSackb8qwgDazBXU8mmjAYYo4Qe_mkjiMcqwQveY1fxWL8lzso/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>

</b:if>