Page Navigation for Blogger (Problems Solved)(FIXED) ~ Blogger 頁碼導航修正

Page Navigation Hack is one of the most need hacks for Blogger but some of them have bugs. It's so frustrating!!!

Finally, I found one. Although it has some bugs when I use it on my blog, I still recommend it because I've already solved some of the problem luckly. Please follow my solution if these problems happen to you.

Caution: These are the problems of my blog. DON'T follow my solution if you DON'T have the same problem like mine and please DON'T ask if you have other problems because I'm not an expert!

This was my problem when I used the Page Navigation Hack which are usually found on web:

•  some of the articles on the 1st page also shown on the 2nd page. (perhaps the timezone bugs)

This Page Navigation Hack can fix the above problem. I mostly recommend you use it. Please see the instruction.

• Page Navigation for Blogger (Problems Solved) | Abu Farhan (from www.abu-farhan.com)

Abu Farhan's Step 2: Find and add Abu Farhan's CSS before

]]></b:skin>

My Page Navigation Problem 1: The style of "Pages ( )" cannot be change. (This can be found on other hacks.)
Solution: ADD

.showpageOf {
font-size:11px;
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}

into Abu Farhan's CSS.
Hint: You may need to make a further change of the style by yourself.


Abu Farhan's Step 3: Find and ADD Abu Farhan's Script after </b:section> of this

if you can't find, search (ctrl+f) this to find out </b:section>.

id='main'

My Page Navigation Problem 2: Colors were added on Abu Farhan's Script, I recommend editing all of the styles on Abu Farhan's CSS.  
Solution: Find and DELETE all of

COLOR: #000;

on Abu Farhan's Script
Hint: Please also read the setting part of the same article.


My Page Navigation Problem 3 : After clicking a label on Label Cloud, Page 1 of Page Navigation won't show up. After you click "Next" to Page 2 and then click "Previous" to back to Page 1, Page Navigation will show up again.
Solution: Please read Abu Farhan's Modification Step for Label of the same article. (Please UNDO it if you have the following problems.)


So, Page Navigation Hack is done but there are other problems.

---

Label Problem

My Label Problem 1: Abu Farhan's Modification Step for Label doesn't work on some Non-English characters label, e.g. the Japanese character "・" (check the label TAG on the left of my blog). Actually I don't need "lblname2".
Solution: Find

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

and REPLACE with

<script type='text/javascript'>
  var lblname = "<data:label.name/>";
  var feedlink = '/search/label/' + lblname+'?&max-results=10';
  document.write('<a href="' + feedlink + '">'+lblname+'</a>');
</script>

Hint: "max-results=10" should be the same with "var pageCount=10;" in Abu Farhan's Script. I set both to 5 only.


My Label Problem 2: After clicking a label of an article, Page 1 of Page Navigation won't show up. After you click "Next" to Page 2 and then click "Previous" to back to Page 1, Page Navigation will show up again. Solution: Find

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

or something like this (if you have added the max-results before)

<a expr:href='data:label.url + "?max-results=5"' rel='tag'><data:label.name/></a>

and REPLACE same with the above like this

<script type='text/javascript'>
  var lblname = "<data:label.name/>";
  var feedlink = '/search/label/' + lblname+'?&max-results=10';
  document.write('<a href="' + feedlink + '">'+lblname+'</a>');
</script>

My Label Problem 3: The same problem like above because I have direct links of labels on Navigation Bar.
Solution: Find the direct link on Navigation Bar, which is look like this

<a href='http://YOURLINK.blogspot.com/search/label/A%20Tag'>A Tag</a>

and REPLACE with

<script type='text/javascript'>
  var lblname = &quot;A Tag&quot;;
  var lblnameshow = &quot;Show Tag Words&quot;; 
  var feedlink = &#39;/search/label/&#39; + lblname+&#39;?&amp;max-results=10&#39;;
  document.write(&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblnameshow+&#39;&lt;/a&gt;&#39;);
</script>

Hint: Edit "A Tag", "Show Tag Words" and max-results.

---

Luckly, some main problems were fixed on my blog.

Keywords: Blogger Hack, Page Navigation, Page Numbers, page no., Blogger problems, Blogger 頁碼導航, Blogger 頁數, Blogger 問題, Blogger 頁數按鈕, Blogger 分頁, Blogger tag, Blogger標籤雲亂碼解决方法, 日文亂碼