Wie man eine Anzahl Seitennavigation Bar für Blogger

Wenn Sie einen Blog auf der Blogger-Plattform laufen, dann standardmäßig müssen Sie nicht eine nummerierte Seite navigation bar entlang der Unterseite von Ihrem Blog. Während einige Themen dafür sind, wenn Sie nicht über eine nummerierte Seite navigation bar und wollen eine auf Ihrem Blog verwenden, können Sie den Code manuell einfügen. Leider wird der Code nur mit bestimmten Themen zu arbeiten, so ist es nicht eine garantierte Methode. Wenn Sie bereits Ihre Vorlage angepasst haben, sicherzustellen, dass Sie es zurück, bevor Sie fortfahren. 

NUMBER NAVIGATION

Melden Sie sich bei Blogger. Klicken Sie auf "Übersicht" und dann "Layout" und dann auf "HTML bearbeiten".

Suchen Sie den folgenden Code ein: / b: skin

Fügen Sie den folgenden Code vor:

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

}

. ShowpageArea a {border: 1px solid # 505050;

color: # 000000; font-weight: normal;

padding: 3px 6px wichtig;!

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 a {border: 1px solid # 505050;

color: # 000000; font-weight: normal;

padding: 3px 6px wichtig;!

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 2px 4px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid # 333;

color: # 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 2px 4px 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;

}

Finden Sie diesen Code ein:

b: section class = 'main' id = 'main' showaddelement = 'yes'

b: widget id = 'blog1 gesperrt =' true 'title =' Blogeinträge 'type =' Blog '/

/ B: section

Fügen Sie den folgenden Code nach dem Code:

script type = "text / javascript"

var home_page_url = location.href;

var pageCount = 10;

var displayPageNum = 6;

var upPageWord = 'Zurück';

var downPageWord = 'Weiter';

Funktion 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, Post; post = json.feed.entry [i]; i + +) {

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

timestamp = encodeURIComponent (timestamp1);

var title = post.title $ t.

if (title! ='') {

if (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) {

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

thisNum = postNum;

}

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

htmlMap [htmlMap.length] = + Zeitstempel + 's =' + pageCount '/ search updated-max =?';

}

}

itemCount + +;

}

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

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

if (fFlag == 0 SNUM-2) {

if (thisNum == 2) {

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

} Else {

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

}

fFlag + +;

}

Fügen Sie den folgenden Code unter, dass:

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

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

} Else {

if (p == 0) {

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

} Else {

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

}

}

if (EFLAG == 0 SNUM) {

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

EFLAG + +;

}

}

}

if (thisNum1) {

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

}

html = 'div class = "showpageArea" span style = "color: # 000;" class = "showpageOf" Seiten (' + (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 (pageArealength0) {

html ='';

}

if (blogPager) {

blogPager.innerHTML = html;

}

}

Fügen Sie den folgenden Code unter, dass:

Funktion 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 pageCount + 's =?'" ';

var thisUrl = home_page_url;

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

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

timestamp = encodeURIComponent (timestamp1);

var title = post.title $ t.

if (title! ='') {

if (itemCount == 0 | | (itemCount% pageCount == (pageCount-1))) {

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

thisNum = postNum;

}

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

htmlMap [htmlMap.length] = '/ search / label /' + + + thisLable Zeitstempel + 's =' + pageCount 'updated-max =?';

}

}

itemCount + +;

}

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

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

if (fFlag == 0 SNUM-2) {

if (thisNum == 2) {

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

} Else {

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

}

fFlag + +;

}

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

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

} Else {

if (p == 0) {

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

} Else {

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

}

}

if (EFLAG == 0 SNUM) {

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

EFLAG + +;

}

}

}

if (thisNum1) {

if (! isLablePage) {

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

} Else {

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

}

}

Klicken Sie auf "Vorlage speichern".