Come fare un numero di pagina barra di navigazione per i blogger

June 8

Se si esegue un blog sulla piattaforma Blogger, per impostazione predefinita, non si dispone di una barra di navigazione pagina numerata lungo la parte inferiore del tuo blog. Mentre alcuni temi comprendono questo, se non si dispone di una barra di navigazione pagina numerata e si desidera utilizzare uno sul vostro blog, è possibile inserire il codice manualmente. Sfortunatamente, il codice funziona solo con certi temi, quindi non è un metodo garantito. Se hai già personalizzato il modello, assicurarsi di eseguire il backup prima di procedere.

istruzione

1 Entra in Blogger. Fai clic su "Dashboard", quindi "Layout" e poi "Modifica HTML".

2 Individuare il seguente codice:> </ b: skin>

3 Aggiungere il seguente codice prima che:

.showpageArea {padding: 0 2px; margin-bottom: 10px; margin-top: 10px;

}

.showpageArea un {border: 1px solid # 505050;

color: # 000000; font-weight: normal;

padding: 3px 6px importante;

padding: 1px 4px; margin: 0px 4px;

text-decoration: none;

}

.showpageArea a: hover {

font-size: 11px;

border: 1px solid # 333;

color: # 000000;

background-color: #FFFFFF;

}

.showpageNum un {border: 1px solid # 505050;

color: # 000000; font-weight: normal;

padding: 3px 6px importante;

padding: 1px 4px; margin: 0px 4px;

text-decoration: none;

}

.showpageNum a: hover {

font-size: 11px;

border: 1px solid # 333;

color: # 000000;

background-color: #FFFFFF;

}

.showpagePoint {font-size: 11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid # 333;

colore: #fff;

background-color: # 000000;

}

.showpage a: hover {font-size: 11px;

border: 1px solid # 333;

color: # 000000;

background-color: #FFFFFF;

}

.showpageNum a: link, .showpage a: link {

font-size: 11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid # 0066CC;

color: # 0066CC;

background-color: #FFFFFF;}

.showpageNum a: hover {font-size: 11px;

border: 1px solid # 333;

color: # 000000;

background-color: #FFFFFF;

}

4 Trova questo codice:

<B: section = class 'main' id = showaddelement 'principale' = 'yes'>

<B: widget di id = = titolo 'Blog1' bloccato 'vero' = 'Blog Messaggi' type = 'Blog' />

</ B: section>

5 Aggiungere il seguente codice dopo che il codice:

<Script type = "text / javascript '>

var = HOME_PAGE_URL location.href;

var pageCount = 10;

var displayPageNum = 6;

var upPageWord = 'precedente';

var downPageWord = 'Avanti';

Funzione showpageCount (JSON) {

var = thisUrl HOME_PAGE_URL;

var htmlMap = new Array ();

var thisNum = 1;

var postnum = 1;

var ItemCount = 0;

var FFLAG = 0;

var EFLAG = 0;

var html = '';

var upPageHtml = '';

var downPageHtml = '';

for (var i = 0, posta; post = json.feed.entry [i]; i ++) {

. Var timestamp1 = post.published $ t.substring (0,19) + post.published $ t.substring (23,29).;

timestamp = encodeURIComponent (timestamp1);

titolo var = post.title $ t.;

if (titolo! = '') {

se (== ItemCount 0 || (ItemCount% pageCount == (pageCount-1))) {

if (! thisUrl.indexOf (timestamp) = - 1) {

thisNum = postnum;

}

if (title = ''!) postnum ++;

htmlMap [htmlMap.length] = '? / ricerca aggiornata-max =' + timestamp + '& max-results =' + pageCount;

}

}

ItemCount ++;

}

for (var p = 0; p <htmlMap.length; p ++) {

if (p> = (thisNum-displayPageNum-1) && p <(thisNum + displayPageNum)) {

if (FFLAG == 0 && p == thisNum-2) {

if (thisNum == 2) {

upPageHtml '<span class = "showpage"> <a href="/">' = + upPageWord + '</a> </ span>';

}altro{

upPageHtml = '<span class = "showpage"> <a href="'+htmlMap[p]+'">' + upPageWord + '</a> </ span>';

}

FFLAG ++;

}

6 Aggiungere il seguente codice di seguito che:

if (p == (thisNum-1)) {

html + = '<span class = "showpagePoint">' + thisNum + '</ span>';

}altro{

if (p == 0) {

html + = '<span class = "showpageNum"> <a href="/"> 1 </a> </ span>';

}altro{

html + = '<span class = "showpageNum"> <a href="'+htmlMap[p]+'">' + (p + 1) + '</a> </ span>';

}

}

if (EFLAG == 0 && p == thisNum) {

downPageHtml = '<span class = "showpage"> <a href="'+htmlMap[p]+'">' + downPageWord + '</a> </ span>';

EFLAG ++;

}

}

}

if (thisNum> 1) {

html = '' + upPageHtml + '' + HTML + '';

}

html = '<div class = "showpageArea"> <span style = "color: # 000;" class = "showpageOf"> Pages ( '+ (postnum-1) +') </ span> '+ html;

if (thisNum <(postnum-1)) {

html + = downPageHtml;

}

if (postnum == 1) postnum ++;

html + = '</ div>';

var = pageArea document.getElementsByName ( "pageArea");

var blogPager = document.getElementById ( "blog-pager");

if (postnum <= 2) {

html = '';

}

for (var p = 0; p <pageArea.length; p ++) {

pageArea [p] .innerHTML = html;

}

if (pageArea && pageArea.length> 0) {

html = '';

}

if (blogPager) {

blogPager.innerHTML = html;

}

}

7 Aggiungere il seguente codice di seguito che:

Funzione showpageCount2 (JSON) {

var = thisUrl HOME_PAGE_URL;

var htmlMap = new Array ();

var = isLablePage thisUrl.indexOf ( "/ search / label /") = - 1!;

var = thisLable isLablePage? thisUrl.substr (thisUrl.indexOf ( "/ search / label /") + 14, thisUrl.length): "";

thisLable = thisLable.indexOf ( "?") = - 1? thisLable.substr (0, thisLable.indexOf () "?"): thisLable;

var thisNum = 1;

var postnum = 1;

var ItemCount = 0;

var FFLAG = 0;

var EFLAG = 0;

var html = '';

var upPageHtml = '';

var downPageHtml = '';

var labelHtml = '<span class = "showpageNum"> <a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

var = thisUrl HOME_PAGE_URL;

for (var i = 0, posta; post = json.feed.entry [i]; i ++) {

. Var timestamp1 = post.published $ t.substring (0,19) + post.published $ t.substring (23,29).;

timestamp = encodeURIComponent (timestamp1);

titolo var = post.title $ t.;

if (titolo! = '') {

se (== ItemCount 0 || (ItemCount% pageCount == (pageCount-1))) {

if (! thisUrl.indexOf (timestamp) = - 1) {

thisNum = postnum;

}

if (title = ''!) postnum ++;

htmlMap [htmlMap.length] = '/ search / label /' + thisLable + 'aggiornata-max =?' + timestamp + '& max-results =' + pageCount;

}

}

ItemCount ++;

}

for (var p = 0; p <htmlMap.length; p ++) {

if (p> = (thisNum-displayPageNum-1) && p <(thisNum + displayPageNum)) {

if (FFLAG == 0 && p == thisNum-2) {

if (thisNum == 2) {

upPageHtml = labelHtml + upPageWord + '</a> </ span>';

}altro{

upPageHtml = '<span class = "showpage"> <a href="'+htmlMap[p]+'">' + upPageWord + '</a> </ span>';

}

FFLAG ++;

}

if (p == (thisNum-1)) {

html + = '<span class = "showpagePoint">' + thisNum + '</ span>';

}altro{

if (p == 0) {

html = labelHtml + '1 </a> </ span>';

}altro{

html + = '<span class = "showpageNum"> <a href="'+htmlMap[p]+'">' + (p + 1) + '</a> </ span>';

}

}

if (EFLAG == 0 && p == thisNum) {

downPageHtml = '<span class = "showpage"> <a href="'+htmlMap[p]+'">' + downPageWord + '</a> </ span>';

EFLAG ++;

}

}

}

if (thisNum> 1) {

if (! isLablePage) {

html = '' + upPageHtml + '' + HTML + '';

}altro{

html = '' + upPageHtml + '' + HTML + '';

}

}

8 Fai clic su "Salva modello".