Sacar, borrar, ocultar la barra blogger

Este post nos dira paso a paso la manera de sacar la barra de blogger de nuestros blogs.

1) Buscamos este codigo ]]></b:skin>

2) Antes de ]]></b:skin> ponemos el siguiente codigo

#navbar-iframe {
 height:0px;
 visibility:hidden;
 display:none;
 }

3)Buscamos dentro del Css la parte de body: Es algo asi

Body {

Dentro ponemos este codigo

{ margin-top:0px; }

Y listo ya no debe aparecer la barra

Leer Todo el Post......

"Leer mas" en Blogger

Este es un truco para poner solo una parte de tu post y que los usuarios entren a la pagina del post para poner verlo todo, si quieres conocer como hacerlo darle al Leer Mas..
PD: Este truco lo encontre en Trucos Blogger Posteado por Kurodesu.

Me parecio tan util que no queria olvidarlo para mis futuros blogs y es por eso que lo transcribi aqui.

1. Nos dirigimos a:
Plantilla--Edicion de HTML--Marcamos la casilla "Expandir plantilla de artilugios"

2. Buscamos </head> y debajo colocamos el siguiente codigo:

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />

3. Buscamos "post-header-line" para hallar la porcion de codigo en tu template y añadimos lo que esta en rojo, como se muestra:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Leer Mas......</a>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

3. Click en Guardar Plantilla.

4. Nos dirigimos a:

Configuracion--Formato, en el fondo puedes hallar la caja de texto que dice "Plantilla de Entrada", Copiar y Pegar estas lineas de codigo:

Escribe tu resumen aqui
<span class="fullpost">
Escribe el resto del post aqui
</span>

5. Hacemos click en "Guardar Valores"

Leer Todo el Post......

No puedo ingresar un codigo Problemas con Parse

No puedes ingresar un codigo, o cada vez que ingresas un codigo en el modo de edicion de blogger o tu blog, desaparece cuando lo posteas, es posible que no se muestre xq el codigo no es aceptado, esto puede ser por que tienes problemas con el Parser

Parse es:
El conjunto de simbolos, que determinan una secuencia estrucutral gramatical.
Al estar en modo de edicion html y pegar algun codigo en tu blogger es probable que la secuencia de caracteres que ingresas, represente otro significado, asi que la mejor manera de comprobar si tienes este problema es codificando tu texto.

Prueba con esta herramiento para hacer el parse.
http://blogcrowds.com/resources/parse_html.php

El resultado pegalo en el modo edicion de Html

Leer Todo el Post......

Nube de Tags para Blogger - Tag Cloud Label Cloud - Blogger

Esta vez vamos a comentar como crear una nube de tags.

1) Debemos crear el Extra de etiquetas
2) Luego vamos a edicion Html y guardamos nuestra plantilla original
3) Buscamos dentro del html de nuestra plantilla el siguiente codigo.
]]></b:skin>


4) Ponemos justo antes de esa linea de ]]></b:skin> lo siguiente:

  /* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}  

5) Antes del ]]></b:skin> pero despues del </head> ponemos el siguiente codigo

  <script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>  

6) Para finalizar buscamos el siguiente codigo, o el que se paresca mas

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Luego de encontrarlo, LO REEMPLAZAMOS por el siguiente codigo

  <b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>

  <div class='widget-content'>
  <div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
      if(a&gt;b){
          var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
             }
      else{
          var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
          }
      return v
   }


var c=[];
var labelCount = new Array();  
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
     if (!labelCount[ts[t]]){
           labelCount[ts[t]] = new Array(ts[t])
           }
        }
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
    if(ts[t] &lt; cloudMin){
       continue;
       }
    for (var i=0;3 &gt; i;i++) {
             c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
              }      
         var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
         li = document.createElement('li');
         li.style.fontSize = fs+'px';
         li.style.lineHeight = '1';
         a = document.createElement('a');
         a.title = ts[t]+' Posts in '+t;
         a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
         a.href = '/search/label/'+encodeURIComponent(t);
         if (lcShowCount){
             span = document.createElement('span');
             span.innerHTML = '('+ts[t]+') ';
             span.className = 'label-count';
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             li.appendChild(span);
             }
          else {
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             }
         ul.appendChild(li);
         abnk = document.createTextNode(' ');
         ul.appendChild(abnk);
    }
  lc2.appendChild(ul);    
</script>

<noscript>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>
</noscript>
    <b:include name='quickedit'/>
  </div>

</b:includable>
</b:widget>  

Para comentarios, o preguntas dirigirse a la web del autor:
Code for New Blogger Tag Cloud / Label Cloud Blogger Javascript « phydeaux3

Leer Todo el Post......

Tener mas bloques Page Element Blogger

Este truco es bastante sensillo basta con ir a Diseño luego edicion Html y finalmente buscar este codigo. Presionamos ctrl+F sobre la plantilla y ponemos en el buscador : showaddelement='no'


showaddelement='no' (aparecera al menos 3 veces en tu plantilla) y cambiarlo por este otro
showaddelement='yes'

Asi lograremos poner mas bloques o Page Element en nuestro blog.

Leer Todo el Post......

Como crear y poner un Favicon

Muchos que empezamos en el mundo de creacion de paginas web no sabemos como poner una imagen en el url de nuestra web, como el mismo blogger si esa B con fondo naranja. Esa pequeña imagen se llama Favicon y es bastante facil de implementar.


1) Conseguir la imagen, tal vez esta es la parte mas dificil. La imagen debe ser un icon. Con exactas de 16X16 o 32X32. Existen muchos editores de imagenes que se especializan en crear icons, pero debemos buscarlos e instalarlos y comumente solo tiene unos 30 dias de uso gratuito. Para evitar todo esto les recomiendo esta pagina http://www.html-kit.com/favicon/ la cual te permite crear favicon de cuaquier imagen tipo PNG,GIF y JPG. Simplemente eliges cual te gustaria tener, presionas el boton examinar y luego el boton Generate Favicon. Luego la descargas.

2) Descomprimes el archivo que te dan y buscas el que dice favicon. Luego sube este archivo a tu hosting en el root.


3) Esto tal vez es la parte mas engorrosa en cada una de tu paginas debes poner este tag




(Si deseas poner este codigo en tu blogger, ve a edicion html busca el <Head> y ponlo justo despues)

Esta es la estructura q deberia tener tu web







4) Esperas al rededor de 5 minutos a una hora, dependiendo del cache de tu navegador y listo ya puedes ver tu favicon.

Leer Todo el Post......

España y Pagina Web Gratis

Parece que no es un buen momento para ingresar a paginas web gratis -dominios .es.tl si eres español. Aunque aun no tengo confirmada la causa, pagina web gratis juntos con otras paginas conocidas no pueden ser visualizadas en el pais Español. Realmente esta es una noticia lamentable xq dentro de la comunidad de paginas web gratis hay muchos usuarios Españoles.


Entre los rumores de las posibles causas estan:

Problemas con telefonica en una linea de fibra optica
Un ataque de hackers sobre telefonica españa
Problemas legales entre telefonica y Paginas Web Gratis

Leer Todo el Post......

Pagina Web Gratis - Dominios es.tl

Durante el tiempo que llevo en internet, he encontrado diferentes servidores de paginas web gratuitos, uno de ellos es Pagina Web Gratis - Dominios es.tl los cuales ofrecen 1GB de capacidad.

Lo que no te comentan es que el GB es solo para imagenes, esto quiere decir que no puedes subir ningun tipo de archivo, como mp3, videos, documentos de word, ni si quiera Html (puesto q sus paginas estan pre fabricadas en Htm). Este tal vez es el mayor punto en contra, puesto q complican tu inscripcion en algunos servicios gratuitos como google analytics y adsense. Es por esto que es dificil consumir este GB gratis, xq la mayoria de usuarios no suelen usar tal cantidad de imagenes, las cuales vendrian a ser al rededor de 20,488.00 imagenes de calidad media alta.

Sin embargo el servicio en si es bueno, cuentan con un buen staff de usuarios que te ayudaran a solucionar cualquier tipo de problema.

Si estas empezando en el mundo de creacion de paginas web y quieres empaparte del tema inscribete, aprederas mucho.

Leer Todo el Post......