Today I implemented in the blog a number of pages, as I show you in this picture:
To do it quickly and without having to edit our staff will be as easy as you copy the code below and then leave paste as an HTML / Javascript. From Design, Page Elements, Add a gadget, HTML, Javascript element.
When we post the new item added below the blog posts keep dragging it changes and ready.
CODE:
\u0026lt;style>
. ShowpageArea
a {text-decoration: underline;}
. showpageNum
a {text-decoration: none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
was isLablePage = thisUrl.indexOf ("/ search / label /")!=- 1;
was isPage = thisUrl.indexOf (" / search? Updated ")!=- 1;
was thisLable = isLablePage? thisUrl.substr (thisUrl.indexOf ("/ search / label /") +14, thisUrl.length): "";
thisLable = thisLable.indexOf ("?")!=- 1? thisLable.substr (0, thisLable.indexOf ("?")): thisLable;
was thisNum = 1;
was postal code = 1;
was itemCount = 0;
was fFlag = 0;
was eFlag = 0;
was html ='';
was upPageHtml ='';
was down-page html ='';
the page count = 4;
was displayPageNum = 5;
was upPageWord = ' Anterior ';
was down page word = ' Siguiente ';
the label html = ' \u0026lt;span class="showpageNum"> \u0026lt;a href="/search/label/'+thisLable+'?&max-results='+pageCount+'"> ';
for (var i = 0, mail, post = json.feed.entry [i]; i + +) {
was timestamp = post.published. t.substr $ (0.10);
was title = post.title. $ t;
if (isLablePage) {
if (title! =''){
if (post.category) {
for (var c = 0, post_category; post_category post.category = [c]: c + +) {
if (encodeURIComponent (post_category.term) == thisLable) {
if (itemCount == 0 (% itemCount page == count (page count-1))) {
if (thisUrl.indexOf (timestamp)! =- 1) {
thisNum = postNum;
}
postNum + +;
htmlMap [htmlMap.length] = '/ search / label /' + thisLable + '? updated-max =' + timestamp + 'T00% 3A00% 3A00% 2B08% 3A00 & max-results = '+ page count;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&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){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ 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){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
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 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span class="showpageOf"> Paginas ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage isFirstPage isLablePage){
var pageArea = Document.getElementsByName ("page area");
was blogPager = document.getElementById ("blog-pager");
if (postal code \u0026lt;= 2) {
html ='';}
for (var p = 0; p \u0026lt;pageArea.length; p + +) {
page area [p]. innerHTML = html;}
if (page & & pageArea.length area> 0) {
html ='';}
if (blogPager) {
blogPager.innerHTML = html;}
}
}
\u0026lt;/ script>
\u0026lt;script src = "/ feeds / posts / summary? Alt = json-in-script & callback = showpageCount & max-results = 99999" type = "text / javascript" > \u0026lt;/ script>
Bold two data can vary.
Seen in: The Digital Jester
