2017

Widget paginator blog cu scrollbar

numarator pagini blog cu scrollbarCu acest script se poate depasi numararea a peste 500 de postari pe un blog . Stilul widget-ului este diferit de cel clasic de numarare pagini acesta fiind o barascroll care apare afisata la sfarsitul fiecarei pagini de blog . Pentru a instala aceasta bara pe blogul tau trebuie efectuati urmatori pasi:


Mergi la Editare HTML si cauti linia ]]></b:skin> si exact inainte adaugi cod de mai jos :

Stilul CSS


.paginator {
margin-top:60px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:3px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:2px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%; height:3px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:2;
width:0; height:3px;
top:0; left:0;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(http://3.bp.blogspot.com/_McxL-_3YYuM/TBG843o8-TI/AAAAAAAAAAM/tAE1hAOX6Ys/s1600/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:1;
top:0; left:0;
width:0; height:3px;
overflow:hidden;
background:#ff6c24;
}

.fullsize .scroll_thumb {
display:none;
}

.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}


Pasul doi cautam linia </body> si exact inainte adaugam codul:

JavaScript

<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>


Salvezi modificarile si gata ai bara de numarare pagini instalata pe blog.
Poti vedea cum arata barascroll instalata aici

5 comentarios:

  1. Am folosit si eu acest script - il luasem de pe un site strain.
    Acum, vad ca nu se mai deschide scriptul.
    Ce zici, ai vreo sugestie?
    Multumesc!

    RăspundețiȘtergere
  2. Salut Simona.
    Sa am observat si eu de doua zile nu mai functioneaza! eu incerc sa gasesc alt script si sa il descarc in Pc-ul meu.Ce cred eu este ca, scriptul a fost gazduit pe un servar care datorita solicitarilor a cazut si nu stiu daca din motive tehnice sau a depasit limita de banda.O sa mai astept cateva zile si daca nu se rezolva problema o sa schimb scriptul.

    Mai revino pe blog pentru noutati.

    RăspundețiȘtergere
  3. Multumesc pentru raspuns!
    Tare m-as bucura sa rezolvam.
    Multumesc anticipat si bucurie oriunde si oricand

    RăspundețiȘtergere
  4. Uite, a rezolvat Abu Farhan

    http://www.abu-farhan.com/2009/12/beautiful-new-page-navi-for-blogger/

    Succes!

    RăspundețiȘtergere
  5. Mersi Simeona pentru informatia ta acum totul este ok.

    RăspundețiȘtergere

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc