Paginación para Blogger (Alternativa) – Colleges – Promotional Code

En unpost anterior mostraba cómo insertar un sistema de paginación en Blogger, en esta oportunidad traigo una variable igual o mejor de confiable que la anterior, a diferencia de la anterior, ésta contiene botones adicionales.
Vista previa de la paginación:


¿Cómo insertarla en Blogger?

Primero, vamos a ''Diseño/Elementos de la página'' en donde agregamos un gadget ''HTML/Javascript'':

En este gadget, agregaremos el siguiente código:
style
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
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 !important;
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;
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 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;
}
/style
script type="text/javascript"
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-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 pageCount=10;
var displayPageNum=3;
var firstPageWord = 'Inicio';
var endPageWord = 'Última página';
var upPageWord ='Anterior';
var downPageWord ='Siguiente';
var labelHtml = 'span class="showpageNum"a href="/search/label/'+thisLable+'?&max-results='+pageCount+'"';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var 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 % pageCount ==(pageCount-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='+pageCount;
}
}
}
}//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"u'+thisNum+'/u/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(thisNum1){
if(!isLablePage){
html = 'span class="showpage"a href="/"'+ firstPageWord +' /a/span'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' /a/span'+upPageHtml+' '+html +' ';
}
}
html = 'div class="showpageArea"span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage"Página '+thisNum+' de '+(postNum-1)+': /span'+html;
if(thisNum(postNum-1)){
html += downPageHtml;
html += 'span class="showpage"a href="'+htmlMap[htmlMap.length-1]+'" '+endPageWord+'/a/span';
}
if(postNum==1) postNum++;
html += '/div';
if(isPage || isFirstPage || isLablePage){
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.length0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
/script
script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"/script

Una vez pegado guardamos los cambios:

Situamos el gadget debajo de la zona de las entradas:
Guardamos los cambios y listo.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Online College Course LIFE INSURANCE CO LINCOLN structured settlement need cash now DALLAS MESOTHELIOMA ATTORNEYS life insurance co lincoln Learning adobe illustrator Gas/Electricity Casino reviews Social media management DUI lawyer Dwi lawyer Php programmers for hire miami personal injury lawyer georgia truck accident lawyer massage school dallas texas WordPress theme designers Mesothelioma Law Firm Car Insurance Quotes Best Criminal Lawyers in Arizona Cheap Domain Registration Hosting CAR INSURANCE QUOTES PA PHD IN COUNSELING EDUCATION Donating Used Cars to Charity Donating a Car in Maryland Hard drive data recovery services Online casino car insurance quotes mn Seo services Mobile casino accident attorney in los angeles offshore accident lawyer pharmacist jobs in chicago Online motor insurance quotes Business VOIP Solutions refinance with bad credit Hire php developer Casino motorcycle accident lawyer california PSYCHIC FOR FREE mesothelioma law suits Tech school Live casino mesothelioma settlements amounts motorcycle lawyer los angeles Social media platforms for business Make money online Australia structured settlement quote personal injury lawyer sarasota fl Hire php programmers integrated ehr Online Colleges accident attorney orange county Webex Costs structured settlement brokers Hire php developers Data Recovery Raid baltimore mesothelioma attorneys futuristic architecture structured settlement company Best social media platforms for business mesothelioma symptoms wisconsin mesothelioma attorney mesothelioma survival rates Criminal lawyer verizon sip Service business software Car insurance quotes pa structured settlemen anti spam exchange server houston motorcycle accident lawyer Donate car to charity California Criminal defense lawyer bowne virtual data room Psd to WordPress ONLINE MOTOR INSURANCE QUOTES Car insurance quotes MN HOW TO DONATE A CAR IN CALIFORNIA mesothelioma lawsuit Business finance group Donate Cars Illinois bus accident attorneys Computer science classes online Donate Old Cars to Charity Personal Injury Law Firm truck accident attorney texas Online Criminal Justice Degree Social media tools Nunavut culture Bankruptcy lawyer How to Donate A Car in California ANNUITY SETTLEMENT Forex Trading Platform Register Free Domains Proud Italian cook Psd to html Auto Mobile Shipping Quote DAYTON FREIGHT LINES boca raton personal injury attorney Php programmers Seo companies AUTOMOBILE ACCIDENT ATTORNEY Criminal Defense Attorneys Florida New social media platforms most profitable internet business Business management software truck accident attorney los angeles Annuity Settlements dallas mesothelioma attorneys Structures Annuity Settlement Custom WordPress theme designer Social media strategies Photo Christmas cards World Trade Center Footage personal injury lawyer Personal Injury Lawyer

Share: