Epilogo
☰  MENU

Publicar Edictos en Registradores. org (Navegador Google Chrome,Edge, Opera, Maxthon 6) Extensión IE Tab

H asta hace unos tres meses la web de Registradores no facilitaba el acceso a la publicación de edictos, salvo para el navegador Internet ...


☜ ☞

Plantilla Neo

Actualizo:

Ya que (s.e.u.o.) "mi Neo" es la única que conozco que se haya traducido al español. voy a dejar aquí el script Neo.js que he "españolizado", por si alguien prefiere tener en su blog los links de Neo en este idioma, en lugar de en inglés:
 
<script language='javascript'>

// This file is part of the Neo template. As I spent quite some time developing

// this code, please give proper credits to Hackosphere if you are going to

// re-use the code.

// - Ramani@hackosphere



var postTitle = new Array();

var postContent = new Array();

var postId = new Array();

var postDate = new Array();

var postPermalink = new Array();

var commentAuthor = new Array();

var commentContent = new Array();

var commentDate = new Array();

var blogid, blogurl, totalComments;

var monthnames = new Array();

var startIndex = 1;

var oldestFirstOrder = 0;



function dateString(rawdate, needYear) {

   monthnames[1] = &quot;Enero&quot;;

   monthnames[2] = &quot;Febrero&quot;;

   monthnames[3] = &quot;Marzo&quot;;

   monthnames[4] = &quot;Abril&quot;;

   monthnames[5] = &quot;Mayo&quot;;

   monthnames[6] = &quot;Junio&quot;;

   monthnames[7] = &quot;Julio&quot;;

   monthnames[8] = &quot;Agosto&quot;;

   monthnames[9] = &quot;Septiembre&quot;;

   monthnames[10] = &quot;Octubre&quot;;

   monthnames[11] = &quot;Noviembre&quot;;

   monthnames[12] = &quot;Diciembre&quot;;

   var year = rawdate.substring(0,4);

   var month = rawdate.substring(5,7);

   var day = rawdate.substring(8,10);

   str = monthnames[parseInt(month,10)] + &#39; &#39; + day;

   if (needYear) str = str + &#39;, &#39; + year;

   return (str);

}



function updateLabelPosts(json) {

  feedid = json.feed.id.$t;

  start = feedid.indexOf(&#39;blog-&#39;);

  blogid = feedid.substr(start+5);



  for (var k = 0; k &lt; json.feed.link.length; k++) {

      if (json.feed.link[k].rel == &#39;alternate&#39;) {

        alturl = json.feed.link[k].href;

        break;

      }

  }

  index = alturl.lastIndexOf(&#39;/&#39;);

  var label = alturl.substr(index+1);

  label = decodeURIComponent(label);



  var labelposts = document.getElementById(&quot;LabelPosts&quot;);

  var labeltitle = document.getElementById(&quot;LabelTitle&quot;);



  if (label == &quot;&quot;) {

    labeltitle.innerHTML = &#39;&lt;h2&gt;Recientes&lt;/h2&gt;&#39;;

  } else {

    labeltitle.innerHTML = &#39;&lt;h2&gt;Entradas bajo la etiqueta &quot;&#39; + label + &#39;&quot;&lt;/h2&gt;&#39;;

    labeltitle.innerHTML = labeltitle.innerHTML + &#39;&lt;img style=&quot;border: 0pt none;&quot; src=&quot;http://www.feedburner.com/fb/images/pub/feed-icon16x16.png&quot;/&gt;&amp;nbsp;&#39;;

    labeltitle.innerHTML = labeltitle.innerHTML + &#39;&lt;a href=&quot;&#39; + blogurl + &#39;feeds/posts/default/-/&#39; + label + &#39;&quot;&gt;Subscribir&lt;/a&gt;&lt;hr/&gt;&#39;;

  }

  var disp = &#39;&#39;;



  for (var i = 0; i &lt; json.feed.entry.length; i++) {

    var entry = json.feed.entry[i];

    var selfurl;

    postTitle[i] = entry.title.$t;

    postContent[i] = entry.content.$t;

    postDate[i] = entry.published.$t.substring(0,10);

    entryid = entry.id.$t;

    start = entryid.indexOf(&#39;post-&#39;);

    postId[i] = entryid.substr(start+5);



    for (var k = 0; k &lt; entry.link.length; k++) {

      if (entry.link[k].rel == &#39;alternate&#39;) {

        postPermalink[i] = entry.link[k].href;

        break;

      }

    }



    disp = disp + &#39;&lt;a href=&quot;javascript:updatePost(&#39; + i + &#39;);&quot;&gt;&#39; + entry.title.$t + &#39;&lt;/a&gt;&lt;br/&gt;&lt;br/&gt;&#39;;

  }

  if (label == &quot;index.html&quot;) label = &quot;&quot;;

  disp = disp + &#39;&lt;p class=&quot;navLinks&quot;&gt;&#39;;

  if (startIndex != 1) {

    disp = disp + &#39;&lt;a href=&quot;javascript:fetchNewerPosts(\&#39;&#39; + label + &#39;\&#39;);&quot;&gt;&lt;&lt;&amp;nbsp;Newer&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&#39;;

  }



  if (json.feed.entry.length == numPosts) {

    disp = disp + &#39;&lt;a href=&quot;javascript:fetchOlderPosts(\&#39;&#39; + label + &#39;\&#39;);&quot;&gt;Older&amp;nbsp;&gt;&gt;&lt;/a&gt;&#39;;

  }

  disp = disp + &#39;&lt;/p&gt;&#39;;

  labelposts.innerHTML = disp;

}



function updatePost(index) {

   var datediv = document.getElementById(&quot;PostDate&quot;);

   var titlediv = document.getElementById(&quot;PostTitle&quot;);

   var contentdiv = document.getElementById(&quot;PostContent&quot;);

   var editdiv = document.getElementById(&quot;PostEditLink&quot;);

   var commentdiv = document.getElementById(&quot;PostCommentLink&quot;);



   datediv.innerHTML = dateString(postDate[index], 1);

   titlediv.innerHTML = &#39;&lt;a href=&quot;&#39; + postPermalink[index] + &#39;&quot;&gt;&#39; + postTitle[index] + &#39;&lt;/a&gt;&#39;;

   contentdiv.innerHTML = &#39;&lt;p&gt;&#39; + postContent[index] + &#39;&lt;/p&gt;&lt;div style=&quot;clear: both;&quot;&gt;&lt;/div&gt;&#39;;

   if (editdiv)

     editdiv.innerHTML = &#39;&lt;a href=&quot;http://www2.blogger.com/post-edit.g?blogID=&#39; + blogid + &#39;&amp;postID=&#39; + postId[index] + &#39;&quot;&gt;&lt;span class=&quot;quick-edit-icon&quot;&gt;&amp;#160;&lt;/span&gt;&lt;/a&gt;&#39;;

   commentdiv.innerHTML = &#39;&lt;a target=&quot;_blank&quot; href=&quot;http://www2.blogger.com/comment.g?blogID=&#39; + blogid +&#39;&amp;postID=&#39; + postId[index] + &#39;&quot;&gt;Click para comentar&lt;/a&gt;&#39;;



   var backlinksdiv = document.getElementById(&quot;backlinks-container&quot;);

   backlinksdiv.innerHTML = &#39;&#39;;



   //var postdiv = document.getElementById(&quot;post&quot;);

   //postdiv.scrollIntoView(true);

   checkFullNeo();

   fetchComments(postId[index]);

}



function updateComments(json) {

  if (json.feed.entry) {   

    for (var i = 0; i &lt; json.feed.entry.length; i++) {

      var entry = json.feed.entry[i];

      commentAuthor[i] = entry.author[0].name.$t;

      commentContent[i] = entry.content.$t;

      commentDate[i] = entry.published.$t.substring(0,10);

    }

    totalComments = json.feed.entry.length;

  } else totalComments = 0;



  updateCommentsPage(0);

}



function showNextPage(page) {

  updateCommentsPage(page);

  var commentdiv = document.getElementById(&#39;comments&#39;);

  commentdiv.scrollIntoView(true);

}



function updateCommentsPage(page) {

  var commentdiv = document.getElementById(&#39;comments&#39;);



  if (totalComments == 0) {

      commentdiv.innerHTML = &quot;&lt;center&gt;&lt;h2&gt;Sin comentarios aún&lt;/h2&gt;&lt;/center&gt;&quot;;

      return;

  }

  disp = &quot;&lt;center&gt;&lt;h2&gt;&quot; + totalComments + &quot; &quot;;



  var numpages = (totalComments / 10);

  if (numpages &gt; 1) {

     disp = disp + &quot;,&amp;nbsp;Pages:&amp;nbsp;&quot;

     for (i = 0; i &lt; numpages; i++) {

       if (i == page)

          disp = disp + (i+1) + &quot;&amp;nbsp;&amp;nbsp;&quot;;

       else

          disp = disp + &#39;&lt;a href=&quot;javascript:updateCommentsPage(&#39; + i + &#39;);&quot;&gt;&#39; + (i+1) + &#39;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&#39;;

     }

  }



  disp = disp + &quot;&lt;/h2&gt;&lt;/center&gt;&lt;dl class=&#39;comments-block&#39; id=&#39;comments-block&#39;&gt;&quot;;



if (oldestFirstOrder == 1) {

  max = totalComments - 1 - (page * 10);

  min = totalComments - 1 - ((page+1) * 10);

  if (min &lt; 0)

      min = 0;

  for (var i = max; i &gt;= min; i--)



 {

      disp = disp + &quot;&lt;dt class=&#39;comment-author&#39;&gt;&quot; + &quot;En &quot; + dateString(commentDate[i], 0) + &quot;, &quot; + commentAuthor[i] + &quot; dijo...&lt;/dt&gt;&quot;;

      if (commentAuthor[i] == blogAuthor) {

          disp = disp + &quot;&lt;dd class=&#39;comment-body-author&#39;&gt;&quot; + commentContent[i] + &quot;&lt;/dd&gt;&lt;br/&gt;&quot;;

      } else {

          disp = disp + &quot;&lt;dd class=&#39;comment-body&#39;&gt;&quot; + commentContent[i] + &quot;&lt;/dd&gt;&lt;br/&gt;&quot;;

      }

  }

} else { 

  max = (page + 1) * 10;

  if (max &gt; totalComments)

      max = totalComments;

  for (var i = page * 10; i &lt; max; i++) {

      disp = disp + &quot;&lt;dt class=&#39;comment-author&#39;&gt;&quot; + &quot;En &quot; + dateString(commentDate[i], 0) + &quot;, &quot; + commentAuthor[i] + &quot; dijo...&lt;/dt&gt;&quot;;

      if (commentAuthor[i] == blogAuthor) {

          disp = disp + &quot;&lt;dd class=&#39;comment-body-author&#39;&gt;&quot; + commentContent[i] + &quot;&lt;/dd&gt;&lt;br/&gt;&quot;;

      } else {

          disp = disp + &quot;&lt;dd class=&#39;comment-body&#39;&gt;&quot; + commentContent[i] + &quot;&lt;/dd&gt;&lt;br/&gt;&quot;;

      }

  }

}

  disp = disp + &quot;&lt;/dl&gt;&quot;;



  if (page &lt; (numpages-1)) {

    disp = disp + &#39;&lt;center&gt;&lt;h3&gt;&lt;a href=&quot;javascript:showNextPage(&#39; + (page+1) + &#39;);&quot;&gt;Next comments page&gt;&gt;&lt;/a&gt;&lt;/h3&gt;&lt;/center&gt;&lt;br/&gt;&#39;;

  }



  commentdiv.innerHTML = disp;

}

function fetchOlderPosts(label) {

   startIndex = startIndex + numPosts;

   fetchPosts(label);

   document.getElementById(&#39;LabelDisplay&#39;).scrollIntoView(true);

}



function fetchNewerPosts(label) {

   startIndex = startIndex - numPosts;

   fetchPosts(label);

   document.getElementById(&#39;LabelDisplay&#39;).scrollIntoView(true);

}



function fetchLatestPosts(url, label) {

   blogurl = url;

   startIndex = 1;

   fetchPosts(label);

}



function fetchPosts(label) {

  var labelposts = document.getElementById(&quot;LabelPosts&quot;);

  var labeltitle = document.getElementById(&quot;LabelTitle&quot;);

  labeltitle.innerHTML = &quot;&lt;h2&gt;&lt;img alt=&#39;Indicator&#39; src=&#39;http://bloggerhacked.googlepages.com/indicator.gif&#39;/&gt;&amp;nbsp;&amp;nbsp;Actualizando...&lt;/h2&gt;&lt;hr/&gt;&quot;;



  if (label == &#39;&#39;) {

     feedurl = blogurl + &#39;feeds/posts/default?orderby=published&amp;start-index=&#39; + startIndex + &#39;&amp;max-results=&#39; + numPosts + &#39;&amp;alt=json-in-script&amp;callback=updateLabelPosts&#39;;

  } else {

     label = label.replace(&quot; &quot;, &quot;%20&quot;);

     feedurl = blogurl + &#39;feeds/posts/default/-/&#39; + label + &#39;?orderby=published&amp;start-index=&#39; + startIndex + &#39;&amp;max-results=&#39; + numPosts + &#39;&amp;alt=json-in-script&amp;callback=updateLabelPosts&#39;;

  }



  var script = document.createElement(&#39;script&#39;);

  script.setAttribute(&#39;src&#39;, feedurl);

  script.setAttribute(&#39;id&#39;, &#39;jsonScript&#39;);

  script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

  document.documentElement.firstChild.appendChild(script);

}



function fetchComments(postid) {

  var script = document.createElement(&#39;script&#39;);

  script.setAttribute(&#39;src&#39;, blogurl + &#39;feeds/&#39; + postid + &#39;/comments/default?max-results=100&amp;alt=json-in-script&amp;callback=updateComments&#39;);

  script.setAttribute(&#39;id&#39;, &#39;jsonScript&#39;);

  script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

  document.documentElement.firstChild.appendChild(script);

}





function showFullNeo() {

 var showspan = document.getElementById(&#39;showlink&#39;);

 var hidespan = document.getElementById(&#39;hidelink&#39;);

 var fullspan = document.getElementById(&#39;fullpost&#39;);

        showspan.style.display = &#39;none&#39;;

        hidespan.style.display = &#39;inline&#39;;

        fullspan.style.display = &#39;inline&#39;;

}

function hideFullNeo() {

 var showspan = document.getElementById(&#39;showlink&#39;);

 var hidespan = document.getElementById(&#39;hidelink&#39;);

 var fullspan = document.getElementById(&#39;fullpost&#39;);

        showspan.style.display = &#39;inline&#39;;

        hidespan.style.display = &#39;none&#39;;

        fullspan.style.display = &#39;none&#39;;

        var post = document.getElementById(&#39;post&#39;);

        post.scrollIntoView(true);

}

function checkFullNeo() {

 var showspan = document.getElementById(&#39;showlink&#39;);

 var hidespan = document.getElementById(&#39;hidelink&#39;);

        var fullpost = document.getElementById(&#39;fullpost&#39;);

        if (fullpost) {

            showspan.style.display = &#39;inline&#39;;

            hidespan.style.display = &#39;none&#39;;

        } else {

            showspan.style.display = &#39;none&#39;;

            hidespan.style.display = &#39;none&#39;;

        }

}

</script>

<!-- configurable parameter to control the number of posts in the second column of Neo -->

<!-- configurable parameter to control the number of posts in the second column of Neo -->

<script language='javascript'>

var numPosts = 10;

</script>

<script type='text/javascript'>

/*

cbb function by Roger Johansson, http://www.456bereastreet.com/

*/

var cbb = {

 init : function() {

 // Check that the browser supports the DOM methods used

  if (!document.getElementById || !document.createElement || !document.appendChild) return false;

  var oElement, oOuter, oI1, oI2, tempId;

 // Find all elements with a class name of cbb

  var arrElements = document.getElementsByTagName(&#39;*&#39;);

  var oRegExp = new RegExp(&quot;(^|\\s)cbb(\\s|$)&quot;);

  for (var i=0; i&lt;arrElements.length; i++) {

 // Save the original outer element for later

   oElement = arrElements[i];

   if (oRegExp.test(oElement.className)) {

 //  Create a new element and give it the original element&#39;s class name(s) while replacing &#39;cbb&#39; with &#39;cb&#39;

    oOuter = document.createElement(&#39;div&#39;);

    oOuter.className = oElement.className.replace(oRegExp, &#39;$1cb$2&#39;);

 // Give the new div the original element&#39;s id if it has one

    if (oElement.getAttribute(&quot;id&quot;)) {

     tempId = oElement.id;

     oElement.removeAttribute(&#39;id&#39;);

     oOuter.setAttribute(&#39;id&#39;, &#39;&#39;);

     oOuter.id = tempId;

    }

 // Change the original element&#39;s class name and replace it with the new div

    oElement.className = &#39;i3&#39;;

    oElement.parentNode.replaceChild(oOuter, oElement);

 // Create two new div elements and insert them into the outermost div

    oI1 = document.createElement(&#39;div&#39;);

    oI1.className = &#39;i1&#39;;

    oOuter.appendChild(oI1);

    oI2 = document.createElement(&#39;div&#39;);

    oI2.className = &#39;i2&#39;;

    oI1.appendChild(oI2);

 // Insert the original element

    oI2.appendChild(oElement);

 // Insert the top and bottom divs

    cbb.insertTop(oOuter);

    cbb.insertBottom(oOuter);

   }

  }

 },

 insertTop : function(obj) {

  var oOuter, oInner;

 // Create the two div elements needed for the top of the box

  oOuter=document.createElement(&quot;div&quot;);

  oOuter.className=&quot;bt&quot;; // The outer div needs a class name

     oInner=document.createElement(&quot;div&quot;);

     oOuter.appendChild(oInner);

  obj.insertBefore(oOuter,obj.firstChild);

 },

 insertBottom : function(obj) {

  var oOuter, oInner;

 // Create the two div elements needed for the bottom of the box

  oOuter=document.createElement(&quot;div&quot;);

  oOuter.className=&quot;bb&quot;; // The outer div needs a class name

     oInner=document.createElement(&quot;div&quot;);

     oOuter.appendChild(oInner);

  obj.appendChild(oOuter);

 },

 // addEvent function from http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html

 addEvent : function(obj, type, fn) {

  if (obj.addEventListener)

   obj.addEventListener(type, fn, false);

  else if (obj.attachEvent) {

   obj[&quot;e&quot;+type+fn] = fn;

   obj[type+fn] = function() { obj[&quot;e&quot;+type+fn]( window.event ); }

   obj.attachEvent(&quot;on&quot;+type, obj[type+fn]);

  }

 }

};



cbb.addEvent(window, &#39;load&#39;, cbb.init);

</script>


----------------------------


Llevaba una temporada echando un vistazo a todo lo que encontraba sobre esta plantilla de hackosphere y me llamaba poderosamente la atención que no hay prácticamente nada en español: la única "demo" que existe en este idioma... no funciona, al parecer. Al menos yo he recurrido a un blog portugués y a otro chino para poder enterarme de algo. (y no es broma).


Bien: el caso es que he intentado insertarla en un blog antigüo de pruebas que carecía de estilo: un blog en el que inserté mi prueba de ocultar la sidebar , y parece que no ha quedado mal del todo, aunque la he cargado más de la cuenta para insertar cosas como breadcrumbs o últimos comentarios. Me gusta particularmente la sincronicidad de las etiquetas con las entradas recientes: cuando picas en una etiqueta, se recarga y actualiza automáticamente el bloque de entradas recientes (que en la página principal muestra las diez últimas entradas) para mostrar aquéllas que contengan la etiqueta elegida.

Hay cosas que he insertado por mi cuenta, como unas etiquetas de las de siempre, colocadas junto a la entrada... porque no me acostumbro a no verlas "cerca"...

Y hay otras cosas a las que no me acostumbro y/o me gustan menos de la Neo, sobre todo en cuestión de "encorsetamiento" a la hora de "rediseñarla", pero... la plantilla está francamente bien. En mi caso, he optado por no probar el CSS original (fondo negro y sidebares con fondo azul), sino la Rounder, que he, como digo, adaptado a mi manera en este blog, empezando por colocar el cuerpo de entradas a la izquierda y a la derecha ambas sidebares: aquí se puede, sin problemas, colocar las entradas en el centro y las sidebares a los lados o alinear éstas a la izquierda, como en la demo de Rounder... cada quien, a su gusto.

Otra cosa, es que he adaptado el lenguaje de la plantilla y de los scripts al español (eso sí: me he "cargado" el "comments", porque no hay forma de que se adapte al número de comentario, singular o plural y, de hecho, casi todo lo que he visto por ahí ha optado por eliminarlo también y dejar sólo el número de comentarios totales).

Y basta de charla... quien quiera verla y probarla, ahí la tiene; y si a alguien le gusta y quiere los scripts y la plantilla en español, intentaré sacar tiempo para ello...

  1. ✍ ¿Quieres hacer algún comentario? ✍