Mr.Artyom: Համարակալում ենք էջերը

Այսօր վորոշեցի ներկայացնել, ինչպես համարակալել Blogger-ի էջերը: Այն օգնում է ավելի հեշտությամբ փոխել բլոգի էջերը:

Համարակալելու համար բացում ենք բլոգի կառավարման էջը և կատարում հերթական քայլերը`

1. Шаблон> Изменить HTML > Разширить шаблоны виджетов

2. Փնտրում ենք (ctrl+f) </body> կոդը և նրանից առաջ տեղադրում ենք ներքևում գրված կոդը:

<style type="text/css">
    .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;}
    .showpage a {float:left;background:url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoUCDhQws91OQnqQWrUqu20EXhatxUQ69tV8RLiy2AOcSPO9todjA3MP236ib7COwMpYbUfVJVNlJ1_6BzlwrOcnJpCySZmtT9nxj_cDo74GUkwCKpXSBSfxb51I1qUKV20PGJmAV5Xhk2/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;}
    .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;}
    .showpageOf{float:left;padding-top : 6px;}
    .showpageNum a {background:url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQy_M57ZBJrvFx2yhD5VOXftMEbYs-VdjZhPrWyJaKfvFtuEpRzyY70wLtFs294SrHug0TxRdfZ1SGTiBEpTKsxsXnoYwO2MUHX7fUwqXSTSPV72VGjn_4XLdmswvFd5KqZiOr8C118Gjv/) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;}
    .showpageNum a:hover {background : url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQy_M57ZBJrvFx2yhD5VOXftMEbYs-VdjZhPrWyJaKfvFtuEpRzyY70wLtFs294SrHug0TxRdfZ1SGTiBEpTKsxsXnoYwO2MUHX7fUwqXSTSPV72VGjn_4XLdmswvFd5KqZiOr8C118Gjv/) no-repeat 0 100%;color : #fff;}
    .showpagePoint {background : url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQy_M57ZBJrvFx2yhD5VOXftMEbYs-VdjZhPrWyJaKfvFtuEpRzyY70wLtFs294SrHug0TxRdfZ1SGTiBEpTKsxsXnoYwO2MUHX7fUwqXSTSPV72VGjn_4XLdmswvFd5KqZiOr8C118Gjv/) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;}
    .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;}
</style>
<script style='text/javascript'>
var pageCount=5;
var displayPageNum=4;
var upPageWord="Նախորդ էջ";
var downPageWord="Հաջորդ էջ";
</script>
<script type='text/javascript' src="http://bloggerblogwidgets.googlecode.com/files/BeautifulPageNavi.js"/>

3. Պահպանում ենք այն և վերջ:

2 Համարակալում ենք էջերը

2 комментария:

ԲԼՈԳԻ ՄԱՍԻՆ

ԻՄ ՄԱՍԻՆ