Pager Script version 1.0 for Blogger

For you have learned through language web programming as PHP, ASP, JAVA, … is not sure what is termed Pager (Pages or, English is “the site”). But if you get familiar with blogger, then maybe it is quite new, although you have seen it.

Examples of this easy, when you search with 1 keyword is in Google, for example, found 20000 results, Google will show only 10 results first and the remaining we will follow the access numbers Page 1,2,3,4,5,6,7,8,9,10 ,….. below the bottom of the pages. Dividing How will we access to that page quickly instead of only a button and Prev Page Next Page, which is very convenient, you can access the page 10 without having to click Next Page 10 times. Code division numbers 1,2,3 … is the code page (Pages).

Blogger Blog * Spot to the current case (July 2008) has not supported the code page automatically. That makes the blog more messages difficult when browsing to see, and that access to old messages on a long and difficult to press by one too many times Next or Prev.

See the need to have Pager blog, I also try to complete it for me and as well as for you, so our blog becomes more professional and more convenient.

While writing the code for Pager blogger is very difficult but the installation of re-use is easy. You will have utility only through several operations and copy paste code into your blog. Here are instructions:

1. For Blogger Layout

- Go to Edit HTML, click select the Expand Widget Template, then back up a Template for the accident.

- How not know, you must be to find (not the comment below) the following code:

<- Navigation ->
<b:include name=’nextprev’/>

and insert the code red just below it, as follows:

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<!– Pagers v1.0 – www.w3code.net –>
<script type=’text/javascript’>

var home_page = &quot;http://www.vuicafe.com/&quot;;
var blogID = &quot;1193242412365517650&quot; ;

var pager_max_main = 5;
var pager_num_of_button = 13;

var pager_link_alt_text = &quot;Click to go to page&quot;;
var pager_total_text = &quot;Total: &quot;;
var pager_posts_text = &quot; posts, &quot;;
var pager_pages_text = &quot; pages.&quot;;
</script>
<script src=’http://trongdai.net/blogger_pager_script_v10.js’ type=’text/javascript’></script>
<hr/><div id=’blogpagerShowToTal’ style=’margin:3px 2px 3px 2px; padding:2px; font-weight:bold’></div>
<div id=’blogpager’ style=’margin:3px 2px 3px 2px; padding:2px;
border-bottom:1px #090 dotted; font-weight:bold’>Jump to page: </div>
<script type=’text/javascript’>
window.onLoad = createBlogPager();
window.onLoad = pager_showTotal();
</script>
</b:if>

You note the change by following the code:

var home_page = “http://www.vuicafe.com/”;

containing home address, please change it to your address.

var blogID = “1193242412365517650“;

containing blogID you, if you still do not know how to get your blog’s ID, please refer here.

pager_max_main var = 5;

is the number of messages you have for the home setting. The path of the setting are:

Settings – Formatting – Show? Posts on the main page (check the post, do not select the date).

pager_num_of_button var = 13;

ask you to report the number of buttons you want now. For example, your blog’s 100 items, 10 items per page, you will have 10 buttons. But if you when you blog on 150 items, a number button is 15 and still is 13, accompanied by the drop-down menu of the button (you see the preview here). If we do not limit the number buttons, then the number will increase sales by messages, and so is not beautiful anymore. Depending breadthwise of the column by which you select the numbers for list. I was 13.

2. For Blogger Classic

You simply insert the following code to close the card right after the </ Blogger>. In case your blog has multiple insert other code hack, you can not put in the position here, in general, depending where you feel is reasonable.

<MainPage>
<!– Pager v1.0 – www.w3code.net –>
<script type=’text/javascript’>

var home_page = “http://www.vuicafe.com/”;
var blogID = “1193242412365517650” ;

var pager_max_main = 5;
var pager_num_of_button = 13;

var pager_link_alt_text = “Click to go to page”;
var pager_total_text = “Total: “;
var pager_posts_text = ” posts, “;
var pager_pages_text = ” pages.”;
</script>
<script src=’http://trongdai.net/blogger_pager_script_v10.js’
type=’text/javascript’></script>
<hr/><div id=’blogpagerShowToTal’ style=’margin:3px 2px 3px 2px; padding:2px; font-weight:bold’></div>
<div id=’blogpager’ style=’margin:3px 2px 3px 2px; padding:2px;
border-bottom:1px #090 dotted; font-weight:bold’>Jump to page: </div>
<script type=’text/javascript’>
window.onLoad = createBlogPager();
window.onLoad = pager_showTotal();
</script>
</MainPage>

Parameters should be setting as Section 1.

3.Style for Pager

All buttons in Pager is defined by class . pages. If you know about CSS can set the style for this button. Below is just a style for example:

<style type=”text/css”>
. pages (
background: # CCC;
border: 0px solid # ccc;
padding: 2px;
)
</ style>

* Pager Code not only on the number of pages, number of posts, the blog links for them but also work with each label, when you open label 1, it will count in the label how many items, classified into how many pages, and link to the page.  Pager Script version 1.0 for Blogger

• Tweet This
• Share on Facebook
• Digg This
• Bookmark
• Stumble
• RSS Feed