CARGANDO PAGINA...
.::Mi Universo By EnPro - Tecnologia, Ayuda para tu Blog y mucho más::.

Leer más....[entradas ampliables]

Bueno el siguiente truco no es nada nuevo pero es bastante util, a la hora que nos toque publicar algo en nuestro blog que sea bastante extenso, me gusta como funciona porque expande la entrada completa sin necesidad de ir a otra pagina, con solo dar clic y listo.

Aqui vamos:


1) Lo primero que debemos hacer es ir a Plantilla --->> Edicion HTML y luego expandir en artilugios.

Despues agregamos este codigo entre <head> y </head>

<script src='http://rarunach.googlepages.com/hackosphere.js' type='text/javascript'/>

O

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


2) Ahora buscamos el siguiente codigo:

<div class='post-body'>

Despues lo reemplazamos por este otro

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>


En algunas plantillas este codigo no se encuentra [<div class='post-body'>] es el caso de la plantilla que estoy usando entonces lo que hacemos es que en vez de buscar <div class='post-body'> buscamos este otro.

<div class='post-body entry-content'>

Y lo sustituimos por:

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

3) Hasta aqui vamos bien :) ahora buscamos este codigo <p><data:post.body/></p> y despues de este colocamos.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Leer Más...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Resumir...</a></p>
</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

Y ahora guardamos los cambios.


4) Para que el truco funcione es necesario agregar el siguiente codigo en cada entrada.

Aquí escribes el contenido de la entrada.
<span id="fullpost">
Aquí escribes la parte que quieras ocultar.
</span>

Pero para que no se te olvide cual es el codigo que tienes que colocar, dirigete a Configuracion -> Formato y en plantilla de entrada colocas el codigo para que cada vez que vallas a hacer una entrada aparesca el codigo automaticamente, recuerda guardar los cambios
y listo.


Espero que les funciones este truco de entradas expandibles.

A mi me funciona bien y una muestra de eso es esta entrada :D

Gracias a Ayuda para el Blog.

LEER MAS...

Como ponerle Favicon a tu Blog

Respondiendo a un correo, aqui les dejo una forma bien sencilla de poner un favicon al Blog.

El Favicon es esa pequeña imagen que vemos antes del titulo en la barra de direccion de una pagina web, en el caso de mi Blog una pequeña imagen roja que dice EP.

Si todavia no has creado el favicon solo dirigete a esta pagina Favicon from Pics y una vez que lo tengas hecho solo sigue los siguientes pasos.

Nota: tienes que subir tu favicon a un servidor o alojarla en alguna Web, recomiendo ImageSack o tambien Google page.

Lo primero que debemos hacer es dirigirnos a Plantilla ----->> Edicion HTML y luego.


Buscamos el siguiente codigo:

<title><data:blog.pagetitle><title>


Y despues de este codigo colocamos este otro:

<link href='URL DE TU FAVICON' rel='shortcut icon' type='image/x-icon'/>
<link href='URL DE TU FAVICON' rel='icon' type='image/png'/>

Y listo, asi de facil :)

LEER MAS...

Barra Anti IE

Suena raro pero así es :P mediante un código que eh visto en (Cristalab) podemos poner una barra en nuestros Blogs o Paginas invitando a nuestros usuarios a que usen Firefox, dicha barra solo sera visible para usuarios de Internet Explorer esto es gracias a este maravilloso codigo.

Instrucciones: es bien facil de usar solo tienes que ubicar en tu plantilla el codigo
antes ó despues de <head> [no importa si lo colocas antes o despues yo lo puse antes y me funciona]


Codigo:
<!--[if IE]>
<div style="background: none #FFFFCC; margin:0 auto; padding:5px 25% 0 20%; text-align: center; height:45px;">
<div style="float:left; text-align: left; padding-bottom:2px; width:560px;"><strong>¿A&uacute;n navegas con <em>Internet Explorer</em>?</strong>, c&aacute;mbiate hoy a Firefox.
Es <em>m&aacute;s</em> veloz, te protege de <em>virus</em>, <em>spyware</em> y <em>pop-ups</em>. <strong>Y es gratis. &iexcl;Desc&aacute;rgalo!, <span style="color:#4D6980; font-weight:bold;">haz click en el bot&oacute;n a la derecha -></span> </strong></div>
<div style="float:right">
<script type="text/javascript">
google_ad_client = "pub-3899061929163427";
google_ad_width = 110;
google_ad_height = 32;
google_ad_format = "110x32_as_rimg";
google_cpa_choice = "CAAQ1brzzwEaCJDjJ67vkY58KM_KvnU";
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div class="pie"></div>
</div>
<![endif]-->


(clic para agrandar)

Una vez hecho esto guardas los cambios y listo, ya tienes tu Barra Anti IE, recuerda que esta barra solo sera visible para aquellos que todavia usan el IE.

Cualquier duda dejen sus comentarios.

Visto en | Cristalab

LEER MAS...

Abrir links en otras ventanas

Aqui les dejo este codigo que sirve para abrir los links de nuestro Blog en otra ventana, sin tener que salirte del Blog.


Primero vamos a: "Plantilla" --> "edicion HTML"



Despues buscamos: ]]></b:skin>

Y luego de este agragamos:

<script language='javascript'>
var dominio = "www.tublog.blogspot.com";
var dominio1 = "tublog.blogspot.com";
var script = "javascript:void(0);";
var imagenesblogger0 = "bp0.blogger.com";
var imagenesblogger1 = "bp1.blogger.com";
var imagenesblogger2 = "bp2.blogger.com";
var imagenesblogger3 = "bp3.blogger.com";
var blogger1 = "www.blogger.com";
var blogger2 = "www2.blogger.com";
var publicidad = "pagead2.googlesyndication.com";
function LinksExternos()
var Externo;
if (document.getElementsByTagName('a')) {
for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++) {
if (

Externo.href.indexOf(dominio) == -1 &&
Externo.href.indexOf(dominio1) == -1 &&
Externo.href.indexOf(script) == -1 &amp;amp;&
Externo.href.indexOf(imagenesblogger0) == -1 &amp;amp;&
Externo.href.indexOf(imagenesblogger1) == -1 &amp;amp;&
Externo.href.indexOf(imagenesblogger2) == -1 &amp;amp;&
Externo.href.indexOf(imagenesblogger3) == -1 &amp;amp;&
Externo.href.indexOf(publicidad) == -1 &&
Externo.href.indexOf(blogger1) == -1 &&
Externo.href.indexOf(blogger2) == -1

)
{
Externo.setAttribute('target', '_blank');
//Externo.setAttribute('class', 'linkexterno');
}
}
}
}
window.onload = function() {
LinksExternos();
}
</script>

[acuerdate de poner la url de tu Blog en la parte señalada del codigo]

Y listo guardamos los cambios. :)

Esto es bueno para que cuando visiten nuestro blog y quieran ver uno de los enlaces, lo vean sin la necesidad de dejar nuestro blog. :P

LEER MAS...

Visitas Online

Aquí les traigo una herramienta que sirve para indicar el numero de visitas que estén en tu Blog al mismo tiempo, no es necesario registrarse solo debes copiar y pegar el código y listo.

Codigo: <a href="http://whos.amung.us/show/dzbpm3w7"><img src="http://whos.amung.us/widget/dzbpm3w7" alt="counter" width="81" height="29" border="0" /></a>


Y les quedara asi: counter

LEER MAS...

Emoticonos en tu Blog


Talvez te preguntes como es que en el Blog aparecen esos emoticonos :) :D


Aqui te dejo una manera sencilla de agregar estas caritas a tu blog y darle un toque a tus mensajes con los emoticonos (smiles).


Solo debes agregar este codigo: <script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/> antes de ]]></b:skin> y listo.

Para esto tienes que dirijirte a edicion de HTML y pegar el codigo en el lugar indicado, si no te funciona agregando el codigo antes de ]]></b:skin> puedes tambien agregar el codigo como elemento en tu Blog en Elementos de la pagina--> añadir un elemento a la pagina.

En esta imagen están los emoticonos que podrás poner en tu blog con el código.



Alguna duda dejame un comentario :$

Nota: Estos emoticonos solo serán visibles correctamente si usas el Firefox ;)

LEER MAS...

Como poner animaciones Flash o algun elemento Flash en tu Blog

Aquí les traigo un código con el que podrán poner animaciones o algún otro elemento Flash en su Blog.

CODIGO:

<div>
<embed src="http://AQUIVALADIRECCIONDELAANIMACION"; quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="350" height="300">
</embed>
</div>


Es sencillo y fácil de congifurar.

Configuracion: solo debes modificar los valores resaltados en azul, width es para el ancho que deseas, height es para la altura.

Tambien usando la aplicacion VideoDownloader podrás copiar animaciones Flash para ponerlas en tu Blog. Solo debes abrir la aplicacion en el sitio donde se encuentra la animación ó el elemento Flash y copiar la URL que aparece entre el corchete. Y una vez que tengas la URL del Flash ponerla en el código que esta arriba y pegar el código en la parte que prefieras de tu Blog.

Ejemplo:



Aqui tenemos nuestro elemento Flash, en este caso es un juego.



Espero que les sirva de ayuda :)


Actualizacion:

Aqui les dejo este otro codigo que encontre, sirve para lo mismo pero con este podemos modificar el color de fondo del flash..etc.

<object id="movie"
type="application/x-shockwave-flash"
data="URLswf"
width="500" height="300">
<param name="movie"
value="URLswf">
<param name="bgcolor" value="#000000">
<param value="true" name="autostart">
</object>

Recuerda, los valores marcados en azul pueden ser modificados.

[cualquier comentario es bienvenido]

LEER MAS...

Ultimas entradas


Añade a tu Blog una seccion con tus ultimos Post o Entradas, simplemente solo debes dirigirte a:
Elementos de la pagina-->Añadir un elemento-->Feed y luego tienes que introducir la dirección del Feed de tu Blog, debe lucir asi: http://TU-BLOG.com/feeds/posts/default

Espero que les alla servido de mucha ayuda.

LEER MAS...

Emisora en tu Blog con Windows Media Player

Aquí les dejo el código del Windows Media Player, este funciona en cualquier navegador que uses sea IE o Firefox, sin la necesidad de instalar ningún Plugin.

<p><span class="boxcontent">
<object id="MediaPlayer2" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" standby="Loading Microsoft Windows Media Player components..." width="195" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,10,11,12" height="135" type="application/x-oleobject">
<param ref="" value="AQUI LA URL" name="URL"/>
<param value="true" name="showControls"/>
<param value="1" name="rate"/>
<param value="0" name="balance"/>
<param value="1" name="currentPosition"/>
<param value="" name="defaultFrame"/>
<param value="1" name="playCount"/>
<param value="-1" name="autoStart"/>
<param value="1" name="currentMarker"/>
<param value="-1" name="invokeURLs"/>
<param value="" name="baseURL"/>
<param value="45" name="volume"/>
<param value="0" name="mute"/>
<param value="mini" name="uiMode"/>
<param value="-1" name="stretchToFit"/>
<param value="-1" name="windowlessVideo"/>
<param value="-1" name="enabled"/>
<param value="-1" name="enableContextMenu"/>
<param value="0" name="fullScreen"/>
<param value="" name="SAMIStyle"/>
<param value="" name="SAMILang"/>
<param value="" name="SAMIFilename"/>
<param value="" name="captioningID"/>
<param value="0" name="enableErrorDialogs"/>
<param value="3810" name="_cx"/>
<param value="1191" name="_cy"/>
<embed
src="AQUI LA URL" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" align="absmiddle" autosize="1" transparentatstart="10" volume="50" autostart="1" showstatusbar="true" height="45" type="application/x-mplayer2" showdisplay="" width="300" showcontrols="" displaysize="15">
</embed></object></span></p>

a mi me funciona, espero que les sirva.

LEER MAS...

Marquesina de texto en tu Blog

Con esta sencilla tecnica podras poner marquesinas de texto en tu blog solo tienes que poner

<marquee>AQUI TU TEXTO</marquee>
y este sera el resultado..divertido verdad?.


Actualizacion:Aqui les traigo otros codigos de marquesina.


<marquee direction="right">AQUI TU TEXTO</marquee>
luciria asi---------------------------------------------------
<marquee behavior="alternate">TEXT</marquee>
TEXT---------------------------------------------------
<marquee direction="up">TEXT</marquee>
TEXT---------------------------------------------------
<marquee direction="down">TEXT</marquee>
TEXT---------------------------------------------------
<marquee direction="up" behavior="alternate">TEXT</marquee>
TEXT---------------------------------------------------
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>
TEXT---------------------------------------------------
<marquee style="border:BLUE 2px SOLID">color de borde</marquee>
color de borde

LEER MAS...

ir arriba