Lo que necesitas, acá lo encontrás !

Mostrando entradas con la etiqueta Codigos blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta Codigos blogger. Mostrar todas las entradas

25 de febrero de 2012

Razones para preferir Blogger sobre Wordpress para poner un blog

2/25/2012 07:55:00 p. m. Posteado por: Las24online , No hay comentarios aún
La intención de este artículo no es precisamente la de convencer a nadie sobre si Blogger de Google o Wordpress en su versión instalable (wordpress.org) es mejor que el otro. La intención es únicamente de hacer notar algunos aspectos que suelen olvidarse al momento de comparar una u otra plataforma de publicación de blogs.

Si la pregunta es ¿Qué razones hay para preferir a Blogger sobre Wordpress?, bien podríamos argumentar las siguientes:

1. Es de Google. No es que esto signifique una ventaja sobre otras plataformas a la hora en que se muestren resultados de búsqueda, de hecho, no se sabe que exista una preferencia por los blogs que se alojan en la plataforma Blogger; la razón de preferirla como plataforma para blogs por ser de Google se debe a la fiabilidad de que el servidor siempre estará disponible y que el ancho de banda es ilimitado, es decir, no hay un tope a la cantidad de visitas que lleguen al blog o lainformación que se requiera de él. En Wordpress, dependiendo del plan de hospedaje que tengamos en nuestro proveedor de alojamiento web tendremos desde tráfico ilimitado al igual que Blogger, hasta aquellos verdaderamente limitativos en cuanto a la cantidad de información (ancho de banda) que te permite usar mensualmente, lo que puede hacerse un problema si tu blog es exitoso. Está también el problema de que algunos servicios de hospedaje, particularmente los menos recomendables no tienen su servidor el 100 % del tiempo disponible.

2. Es gratis. Poner tu blog en Blogger es completamente gratuito, no debes pagar nunca ni un sólo centavo. En cuanto a Wordpress, en la plataforma wordpress.com evidentemente tampoco se paga pero resulta bastante limitado para ciertos aspectos como puede ser la monetización del blog (la posibilidad de poner anuncios publicitarios); y en wordpress.org, bueno siempre tendrás que instalarlo en algún servicio de hospedaje web, y aunque los hay gratuitos, la gran mayoría de los usuarios de wordpress.org suele emplear servicios de hospedaje pagados.

3. Es simple. No necesitas conocer absolutamente nada de programación, plugins, bases de datos, instalaciones, compatibilidades, versiones, etc. Poner tu blog en Blogger es una cuestión de pocos segundos y pocos pasos, apenas 3 o 4 clics, y para comenzar a publicar tus entradas cuestión de minutos. Quizás tardes más en determinar el nombre que tendrá tu blog que el que te tome poner a funcionar y tenerlo disponible para el mundo. Cuando usas wordpress existen aspectos simples para su uso pero hay muchos otros que no lo son tanto, particularmente cuando se refiere a procesos de instalación del servicio, compatibilidades, manejo de plugins y configuraciones. Aúnque esta parte puede variar grandemente, desde el esquema más simple al más complejo, pero en todo caso, siempre será algo más complicado que en Blogger.

4.No se corrompe. Un blog almacenado en Blogger, normalmente sigue funcionando aúnque hagas experimentos o sin tener ningún conocimiento intentes estropear algo, simplemente deberás ser muy perseverante y verdaderamente torpe para tirar abajo tu blog, en el peor de los casos una elección equivocada de una plantilla que haga inviable tu blog podrá ser subsanado simplemente reconfigurando la plantilla o usando otra de las que te ofrece Blogger. En Wordpress, muchas cosas pueden ir mal al principio, o cuando ya tengas funcionando tu blog un tiempo una instalación de un plugin, una modificación a tu plantilla o tema como se llama en wordpress, un accidente de la base de datos o del servidor pueden estropear temporal o definitivamente tu blog.

5. Curva de aprendizaje mínima. Aprender a usar un blog en Blogger es algo que toma muy poco tiempo. Wordpress tiene una curva de aprendizaje un tanto más larga, si bien los resultados pueden ser mucho mejores, lo evidente es que aprender a manejar un blog en la plataforma wordpress toma mucho más tiempo. Y ni qué se diga si necesitas entrar a codificar ciertos elementos en alguna plantilla o algún plugin.

6. Widgets funcionales. Los widgets, esos pequeños segmentos de código que tienes a tu disposición bajo la forma de un elemento para arrastrar y pegar y con él obtener la funcionalidad buscada o deseada, en el caso de la plataforma Blogger casi el 100 % son perfectamente funcionales y listo para usarse. Cierto es que eventualmente pueden sufrir actualizaciones que requieren tu intervención, pero no es algo muy frecuente. Por tanto, un Widget en Blogger usualmente es 100 % funcional y compatible. En Wordpress, el equivalente al Widget, el Plugin de los que por cierto hay miles, si bien te permiten ejecutar casi cualquier tarea que desees, lo evidente es que dentro de la gran variedad que tienes a tu disposición, muchos son sencillamente incompatibles o con demasiados bugs para ser útiles en tu blog. Los plugins que funcionan bien en wordpress son verdaderamente geniales y muy diversos, pero los que no lo hacen son simplemente un dolor de cabeza que te puede ocasionar más de un disgusto.

7. Respaldos y Restauraciones sencillísimas. En Blogger hacer un respaldo de tu blog es cuestión de hacer un simple clic en la sección correspondiente del panel de control de tu blog, restaurarlo es igual de sencillo. En Blogger estas acciones se llaman exportar (respaldo) e importar (restaurar). En wordpress la cosa no suele ser tan sencilla, se requiere el empleo de algunas prestaciones un poco más avanzadas en su panel de control, más simple si es del tipo cpanel, y no tanto si el panel de control es del tipo VistaPanel.  Más poderosas en wordpress pero por cierto más complejas.

Y bien, estas son algunas razones que podrían inclinarte a usar un blog en Blogger en lugar de Wordpress, en otro artículo escribiré sobre las razones por las cuales se puede preferir un blog en wordpress y no en blogger (seo, potencia, flexibilidad, independencia, libertad etc), mientras tanto, ¿tienes tú otras razones por las que preferirías Blogger a Wordpress?. Cuéntanos! 

8 de diciembre de 2011

Pasos para crear una intro para el blog

12/08/2011 05:47:00 p. m. Posteado por: Las24online No hay comentarios aún

Como podrás notar si vas al INICIO de Las24online veras que este truco lo utilizo como intro al blog. Quieres saber como se hace este sencillo truco? MANOS A LA OBRA!!!!!!!!!!


Cuando es la primera vez piensas en hacer un blog seguro se te viene a la mente algo más del estilo página Web con algún tipo de pantalla de bienvenida, pero luego descubres que una página Web no es lo mismo que un blog, y aunque un blog tiene demasiados puntos positivos a favor de repente hay quien quiere usar estos elementos de las páginas Webs para su propio blog, tal es el caso de las pantallas de presentación o intros.

Aunque hay muchos métodos para ello algunos de estos requieren que se cree un documento html que será el se muestre como presentación, sin embargo esto no es muy recomendable cuando se trata de posicionar el blog. Así que experimentando un poco diseñé un método con el cuál no usaremos páginas adicionales para no afectar el PageRank, y para evitar dañar el posicionamiento o ser sancionados por Google no ocultaremos el contenido del blog, sólo usaremos dos capas, una que es el contenido del blog le pondremos un z-index muy bajo, y otra que será el intro con otro z-index pero más alto, esto hará que los robots de Google puedan leer el contenido del blog sin problemas.

Este intro para el blog aunque es algo sencillo puede tener más elementos si lo desean, ya será a opción de cada quien, yo por lo pronto sólo le puesto una imagen de presentación, un botón para entrar y música de fondo. Y atención, que sólo se verá en la portada del blog para que no sea molesto para los lectores, así que cuando naveguen por las entradas o páginas del blog el intro no será visible. Puedes ver el demo en este blog que es el blog de pruebas del creador.

Ahora veamos cómo ponerlo, primero entra en Diseño | Edición de HTML y busca esta etiqueta:
<body>

O si usas una plantilla del Diseñador de Plantillas de Blogger entonces busca esta línea:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Justo debajo de cualquiera de una de ellas agrega lo siguiente:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body {margin:0; padding:0; overflow:hidden;}
.entrar, #navbar-iframe, .navbar {display:none;}
.BlogOculto {z-index:-100;} #Intro {z-index:5000;}
#Intro {text-align:center;
background:#000; /* Color de fondo de la pantalla */
position:absolute;
width:100%;
height:100%;
overflow-x:hidden;
}
p.btnEntrar a {
font-size: 16px; /* Tamaño de la letra del botón */
font-style: italic;
font-weight: bold;
text-decoration: none;
color: #1C1C1C; /* Color de la letra del botón */
background: #ccc; /* Color de fondo del botón */
padding: 6px;
border: 1px solid #2E2E2E; /* Color del borde del botón */
border-radius: 6px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
}
p.btnEntrar a:hover {position:relative; top:1px; left:1px;}
body#layout #Intro {display:none !important;}
</style>

<div id='Intro'>
<div style='margin-top:200px;'>
<!-- Inicio del contenido del intro -->

<img src='URL de la imagen'/>
<p class='btnEntrar'>&lt;a href=&quot;javascript:void(0);&quot; onClick=&quot;document.getElementById(&#39;BlogContenedor&#39;).className = &#39;quitarIntro&#39;, document.getElementById(&#39;Intro&#39;).className = &#39;entrar&#39;, document.getElementById(&#39;ElementosAudio&#39;).innerHTML = &#39;&#39;, document.body.style.overflow=&#39;auto&#39; &quot;&gt;Entrar&lt;/a&gt;</p>

<div id='ElementosAudio'>
<iframe allowfullscreen='' frameborder='0' height='0' src='http://www.youtube.com/v/XXXXXXX?&amp;autoplay=1&amp;loop=1' width='0'/>
</div>

<!-- Fin del contenido del intro -->
</div>
</div>
</b:if>

<span class='BlogOculto' id='BlogContenedor'>

Y luego busca la etiqueta </body> y arriba de ella agrega esto:

</span>

¿Es todo? Sí, eso es todo, ahora sólo vamos a personalizarlo.
En el primer código que hemos agregado están señalados en color verde algunos aspectos como el color que tendrá el intro, el tamaño de letra del botón, color del botón, etc.

Luego, en donde dice URL de la imagen puedes poner la URL de la imagen del logotipo de tu blog, alguna imagen de bienvenida o cualquier otra imagen. El texto del botón 'Entrar' puede cambiarse por cualquier otro, ahí lo he señalado en negrita, o bien, si lo deseas puedes reemplazar el botón por una imagen, sólo elimina el texto Entrar y en su lugar pon el código de una imagen:

<img src="URL de la imagen" />


Si haces eso entonces deberás eliminar el borde y color de fondo del botón señalado en color verde.

Pero es MUY IMPORTANTE que si cambias ese texto o si pones una imagen en su lugar NOmodifiques el código púrpura que se encuentra alrededor.

Cualquier elemento que quiera agregarse al intro debe ir antes de donde dice Fin del contenido del intro o después de Inicio del contenido del intro. Regularmente los intros no tienen muchos elementos por cuestión de presentación, así que entre menos cosas tenga mejor.

En donde dice margin-top:200px es la distancia que tendrán los elementos del intro respecto a la parte superior de la pantalla, puede modificarse por otro valor.

Yo le he puesto una música de fondo utilizando un video de YouTube sólo que le he puesto en ceros los valores de alto y ancho para que el reproductor sea invisible. Si deseas poner también una música de fondo entonces cambia las XXXXXXX por la ID del video que quieres poner.
Si quisieras poner un archivo en flash SWF quita el código del reproductor (sólo lo gris) y en su lugar pon el código del SWF. Pero ojo, que sólo debe eliminarse lo que está en color gris.
Si no deseas poner audio, ni tampoco un archivo en flash puedes eliminar el código gris o dejarlo como está.

Si tu blog tiene música que se reproduce al entrar al blog te recomiendo que le quites el autoplay, de lo contrario también se escuchará en el intro del blog. De igual forma, si tienes un video o gadget en flash en las entradas o dentro de la plantilla tendrás que seguir los pasos de esta entrada para que el video o gadget no se sobreponga.

Fuente: Ciudadblogger

23 de julio de 2011

Truco Expandir - Contraer para blogger

7/23/2011 07:06:00 a. m. Posteado por: Las24online No hay comentarios aún
Sirve para todo: imágenes y texto. Te permite, iniciar una publicación y luego invitar a los lectores a seguir leyendo. Expande y contrae la publicación etc.



Paso 1:
Lo primero que hacemos es ir a la configuración HTML de nuestra plantilla y buscamos el ; y justo antes pegamos el siguiente codigo:




<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>


Guardas los cambios.

Paso 2:
La segunda parte se agrega donde quieras expandir (post o sidebar/columna lateral).

Pegas este código:


Aqui comienzas a escribir el post. <a onclick="returnverocultar(this);" href="javascript:void(0);">Acá colocas la señal de expandir: palabra o imagen</a>
<div style="DISPLAY: none"> Desde aquí contenido que estará oculto.</div>


Ahora te dejo el código limpio, sin mis palabras, para que lo completes.


<a onclick="return
verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido
oculto</div>


Si no sale, sabes que podes dejar tu comentario mas abajo del post.

30 de marzo de 2010

3/30/2010 06:54:00 a. m. Posteado por: Las24online No hay comentarios aún
■ Una o varias líneas de texto, pueden estar centradas respecto a los márgenes. Para ello sólo hay que colocar el texto entre


y
, pero no a todo el párrafo. Por ejemplo:




t
exto texto texto texto texto texto texto texto texto texto texto texto
texto centrado texto centrado


texto texto texto texto texto texto texto texto texto texto texto texto
Se verá:


texto texto texto texto texto texto texto texto texto txto texto texto texto texto texto texto texto




texto centrado texto centrado


texto texto texto texto texto texto texto texto texto txto texto texto texto texto texto texto texto


También se puede 
aplicar a una tabla, imagen o cualquier cosa.


► 
Elementos que modifican el aspecto del texto

Texto en negrita


Texto en negrita


Texto realzado:



Texto realzado


Texto en itálica: