Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
Mostrando entradas con la etiqueta Blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta Blogger. Mostrar todas las entradas
Antes que nada mis felicitaciones.
Y disculpen que lo mio no es escribir, pero voy a tratar de hacerlo con todo mi corazón.

Un sueño cumplido.

Cuando se cumple un sueño se hacen las cosas con mas amor y alegría.

Este sueño se le cumplió a nuestra amiga ROSA del escaparate.

Ya hace unos días entrando a su blog me encontré con la noticia de la apertura de la radio que por algún motivo se cerro anteriormente.

Esperemos que esta vez no pase y crezca cada día mas.

Es una radio online, que se llama DeJoTaS Radio.

Una manera de que esto suceda es la Difusión.

Rosa nos ha dado mucho con sus aportes y enseñanzas, ahora es nuestro turno de darle un poquito de lo mucho que nos a dado.

Pongamos en nuestro blog un link a la radio, o la radio para que nuestros visitantes la conozcan.

Acuerdense de que lo que uno hace crece mil veces.

Con un simple link haremos la radio que Rosa siempre soñó.

Con una semilla crece una flor, plantemos esa semilla para que crezca una rosa, pero no olviden de regarla para que no muera.

Les cuento un poco, lo que nos vamos a encontrar es con todo lo necesario para que sea nuestra propia radio.
¿Por que?
Por que tiene no solo a los mejores DJ'S, sino también la mejor música.
Es una radio interactiva.
Encontraremos un libro de visitas, para dejar nuestros comentarios.
2 chat, uno de cbox en el cual podemos dejar nuestros saludos.
Y en el otro de Xat en el cual nos podemos intercambiar directo entre los oyentes y Dj's.

Los DJ`s son:
  • Dj Cala
  • Dj Hada
  • Dj Rosi
  • Dj Susana
  • Dj Leo
  • Dj Perro
El alias de Rosa en la radio es Dj Hada.

El enlace para que puedan ir disfrutando es DeJoTaS Radio.

También lo tienen en mi sidebar.


Acá les voy a poner algunos reproductores para que puedan poner en su sidebar:



DeJoTaS RadioDeJoTaS Radio

Código abre un Pop-Up:
<script type="text/javascript">
function popUpRadio(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=330,height=285,top=50,left=50');");
}
</script>

<embed src="http://vku.webcindario.com/dejotasradio/radiodejotas.swf"
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="250"
height="60"
allowScriptAccess="always"
pluginspage="http://www.macromedia.com/go/getflashplayer" ></embed>

Código de imágenes:
<img style="border: 0pt none ;" alt="DeJoTaS Radio" src="http://3.bp.blogspot.com/_sbaQpFxeL1Q/SnyZKD4MsXI/AAAAAAAAAfo/uK_k24zPaHU/s320/musix.gif" title="DeJoTaS Radio" width="88" height="34" /><a href="http://dejotasradio.blogspot.com/" target="_blank"><img style="border: 0pt none ;" alt="DeJoTaS Radio" src="http://3.bp.blogspot.com/_8PJ-pgoBhWQ/Soqdym7Q0pI/AAAAAAAAHC8/74L3OGFcyMU/s320/PixelButton.gif" title="DeJoTaS Radio" width="80" height="15" /></a>




Código abre un Pop-Up:
En una entrada no funciona pero si en el sidebar, lo pueden ver en el Escaparate.
<input style="font-family: Tahoma; font-size: 10 pt; background-color: #CBF3A2; color: #339999; font-weight: bold; border-style: outset" onClick="JavaScript:openradiodejotas()" value="&iexcl;Escuchar DeJoTaS Radio!" name="view" type="submit"/>

<script language="JavaScript" type="text/javascript">
<!--
function openradiodejotas()
{
window.open('http://vku.webcindario.com/dejotasradio.html','radio','width=330,height=285,menubar=no,scrollbars=yes,toolbar=no,location=no,directories=no,resizable=no,top=30,left=30');
}
//-->
</script>



Código:
<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" loop="true" autostart="true" showstatusbar="true" src="http://62.212.74.140:8040" type="application/x-mplayer2" align="middle" width="290" height="60"></embed>


DeJoTaS Radio

Código:
<img style='border:0;' title='DeJoTaS Radio' alt='DeJoTaS Radio' src="http://img231.imageshack.us/img231/1514/viu1170095275rw.gif" width="290" height="196"><br>
<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" loop="true" autostart="true" showstatusbar="true" src="http://62.212.74.140:8040" type="application/x-mplayer2" align="middle" width="290" height="60"></embed>




Código:
<embed src="http://img29.xooimage.com/files/e/b/8/ejemplo-radio-flash-122cf9a.swf"
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="242"
height="186"
allowScriptAccess="always"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>



Código:
<embed type="application/x-shockwave-flash" src="http://vku.webcindario.com/dejotasradio/reprodoctor/mediaplayer.swf" style="" id="streambaby2" name="streambaby2" quality="high" flashvars="type=mp3&amp;file=http://62.212.74.140:8040/;stream.nsv&amp;autostart=false&amp;backcolor=0x0B0B3B&amp;frontcolor=0xFEF800&amp;lightcolor=0x98FBF8&amp;screencolor=0xA9F5F2" width="150" height="20"></embed>



Código:
<object type="application/x-shockwave-flash" data="http://vku.webcindario.com/dejotasradio/reprodoctor/playerradio.swf" width="200" height="20">
<param name="movie" value="http://vku.webcindario.com/dejotasradio/reprodoctor/playerradio.swf" /><param name="FlashVars" value="mp3=http://62.212.74.140:8040/;stream.nsv" /></object>

Para que no salga para activar el flash en Internet explorer poner este código antes de </head> fijarse en esta entrada
<script defer='defer' src='http://img22.xooimage.com/files/1/1/8/embeddedcontent-918e27.js' type='text/javascript'></script>

Pueden hacer todos los cambios que se necesite para adaptarlos a su sidebar, cualquier cosa me consultan.

La dirección de la radio es:
http://62.212.74.140:8040/;stream.nsv
o
http://62.212.74.140:8040/;
segun el reproductor

Cambiar autostart=false o true para iniciar automaticamente.

Les dejo para descargar mas reproductores con sus códigos Acá.



Botones de enlace:




Código:
<a href="http://dejotasradio.blogspot.com" target="_blank"><img src="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/So3AwRPXwrI/AAAAAAAAHEs/u5KaAloD4Ic/s320/DeJotaS_Radio_140x34_b.png"/></a>





Ojo que no es el mismo de arriba, el flash tiene un código diferente, este abre un enlace a la página de la radio, el otro a un pop-up con el reproductor.

Código:
<embed src="http://vku.webcindario.com/dejotasradio/dejotasradio.swf"
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="250"
height="60"
allowScriptAccess="always"
pluginspage="http://www.macromedia.com/go/getflashplayer" ></embed>



Código:
<a href="http://dejotasradio.blogspot.com" target="_blank"><img style=" width: 250px; height: 60px" src="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/Soyav214GHI/AAAAAAAAHEE/SFztYhlJ5-U/S1600-R/Djs-Radio-header2.jpg" border="0" /></a>


Mando un saludo para tí Rosa(Dj's Hada) y para todos los integrantes de la radio.

Y cómo dijo BanakaBanaka!! "ɐpɹǝıɯ ɐɥɔnɯ"

Esto lo vi y saque, en donde esta muy bien explicado por JMiur.
Acá voy a poner una manera parecida a la de JMiur con algunas modificaciones.
Entre ellas:
Los emoticones los mostramos con un iframe.
Varios de ellos son animados, me parecen un poco mas atractivos.
Los caracteres que se reemplazan por las imágenes son iguales, cambiando por numeración, ej: :), :1), :2),... :30).

Colocar el script justo antes de esto:
</b:includable>
</b:widget>
</b:section>
</div>

<!-- aquí pondremos el script -->

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>


En este caso, se cargará antes de iniciarse la carga de la sidebar.

O podemos ponerlo justo antes de terminar la plantilla:

<!-- aquí pondremos el script -->
</body>
</html>

En cualquiera de los dos casos, debemos agregar lo siguiente:
<b:if cond='data:blog.pageType == "item"'>
<script src='http://vku.webcindario.com/emoticon/emoticon.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>

Ahora para poder mostrar los emoticones con un iframe buscamos esto o algo parecido:

<div class='comment-form'>

<h4 id='comment-post-message'/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0'


Y justo antes de:

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0'

Colocamos esto:
<center><iframe allowtransparency="true" src="http://vku.webcindario.com/emoticon/emoticon.html" scrolling="no" width="390" frameborder="0" height="100"></iframe></center>


Si quieren pueden subirlo a su servidor y modificarlo a gusto personal, cambiando o agregando sus propias imágenes.

Descargar todo desde acá:

Para modificar o agregar es fácil.
Abrir con el blog de notas el archivo emoticon.js

Ahí pueden ir agregando pegando este código (cambiando los caracteres y las imágenes):
otroTexto = otroTexto.replace(/:30\)/g,'<img src="http://vku.webcindario.com/emoticon/smy00030.gif" />');
(Lo que esta en rojo son los caracteres y en azul donde esta alojada la imagen.)

Justo antes de esto:

bodyText.innerHTML = otroTexto;}
//]]>


También tendrán que modificar el archivo emoticon.html. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
FOTO BLOG

... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Me pregunta Ascesino96: por intermedio del chat.
"quiero saber como poner ese mensaje de bienvenida que dice eso del firefox"
Bueno acá esta la respuesta:

Entré <body> y </body> poner este código:
<!--[if IE]>
<div id="postit" style="left:100px;top:120px">
<div align="right"><a href="javascript:closeit()"><img src="http://alojamiento/close_large.png" border="0"/></a></div><hr color=blue>
<center><b><font color="#FF0000" size="4">AVISO</font></b></center>
<p><font color="blue" size="3">Este blog está diseñado para que se visualice un 100% con firefox.</p>
<p>Este aviso aparece solo si se entra con Internet Explorer, una vez visto lo puede cerrar sin problemas.</p>
<p><strong>Es únicamente informativo.</strong> No le digo que utilice otro navegador, pero si quiere usted puede probar otra alternativa QUE LE RECOMIENDO.</font></p><p><center><font size="2" face="Arial"><a href="http://www.mozilla-europe.org/es/" target="_BLANK"><font face="Verdana" size="1">DESCARGAR MOZILLA FIREFOX GRATIS.</font></a></center></p><hr color=blue></div>
<script src='http://alojamiento/post.js' type='text/javascript'></script>
<![endif]-->

Lo que esta en azul es para que solo se vea cuando entran con Internet Explorer, si lo quitan se vera en todos los navegadores.
Después pueden cambiar a su gusto el mensaje del aviso, texto, color y medida del texto y la posición del post-it.
Donde dice alojamiento, ahí va el lugar en donde colocaron la imagen y el archivo post.js.
Acá les dejo ambos para descargar y subir a su servidor.

Y por ultimo entré <head> y </head> poner este código:
<style>
#postit{
position:absolute;
width:350px;
padding:5px;
background-color:lightyellow;
visibility:hidden;
text-align:justify;
z-index:500;
}
</style>

Ahí pueden cambiar el tamaño y color de fondo, pueden agregarle un borde. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Hay veces que tenemos en nuestro sitio varias imágenes, y la carga de las mismas puede demorarse bastante.
Este código se utiliza para mostrar a quien acede a nuestra página que las imágenes se van cargando poco a poco (por favor tengan en cuenta que dependiendo de su velocidad de conexión y la carga del servidor puede que la imagen de progreso se mueva demasiado lento o demasiado rápido).
El cual muestra una imagen al iniciar la carga y desaparece al terminar de cargar todas las imágenes que posee nuestra página.

El siguiente código va entre las etiquetas <HEAD> y </HEAD>
<!-- Cargando imágenes... -->
<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga(){
document.getElementById("imgLOAD").style.display="none";
}
</script>

El segundo código va entre las etiquetas <BODY> y </BODY>
<!-- Cargando imágenes... -->
<div align='center' id='imgLOAD' style='color: blue;position:relative;top:7px;z-index:1'>
<b>Cargando imágenes...</b><br/>
<img src='http://dondeestaalogadalaimagen/loader.gif'/></div><!-- fin -->

El segundo código es el que podemos modificar a su gusto.

"center": por left o right, o ponerle una posición fija.

"top:7px;": la distancia desde arriba.

"blue": es el color de las letras.

"Cargando imágenes...": ahí lo que les guste, ej: espere a que terminen de cargar las imágenes,
o directamente no poner nada.

"http://dondeestaalogadalaimagen/loader.gif": bueno se entiende "no".

Un interesante link, una página donde puedes crear tus propios indicadores en GIF animado.



¿Donde puedo alojar mis archivos? Leer aquí. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
1- En primer lugar necesitaremos acceder dentro de nuestro panel de Blogger a la pestaña "Configuración" -> "Feed del sitio" y en el desplegable de "Permitir Feeds del blog" seleccionar el modo "Completo".

Tendremos que ir después, también desde "Configuración" a la pestaña "Archivo" y seleccionar "Si" en la opción "Habilitar páginas de entrada".

2- Una vez hecho esto, tendremos que añadir este código en nuestra plantilla justo antes de </head>
<script type='text/javascript'>
var cb = {
search: function(query, type, start, increment, func) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/&#39; + type + &#39;/default?alt=json-in-script&amp;start-index=&#39;
+ start + &#39;&amp;max-results=&#39; + increment + &#39;&amp;callback=&#39; + func + &#39;&amp;orderby=published&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
},
searchLabel: function(query, label, func) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39; + encodeURIComponent(label) +
&#39;?alt=json-in-script&amp;callback=&#39; + func + &#39;&amp;orderby=published&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
},
getTotalResults: function(json) {
return json.feed.openSearch$totalResults.$t;
},
getStartIndex: function(json) {
return json.feed.openSearch$startIndex.$t;
},
getLink: function(entry, name) {
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == name)
alturl = entry.link[k].href;
}
return alturl;
},
getTitle: function(entry) {
return entry.title.$t;
},
getContent: function(entry) {
return entry.content.$t;
},
getCommentAuthor: function(entry) {
return entry.author[0].name.$t;
},
getLabelFromURL: function(json) {
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(raw.lastIndexOf(&#39;/&#39;)+1);
return decodeURIComponent(label);
}
}
},
txt : function (s) {
return s + &quot; Widget by &lt;a href=&#39;http://loseasi.blogspot.com&quot; + &quot;&#39;&gt;Loseasi&lt;/a&gt;&quot;;
}
};
</script>

3- Localizamos ahora la línea más abajo dentro del código de nuestra plantilla, que es la que marca el comienzo de la sidebar:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Justo debajo de esa línea añadiremos el código necesario para mostrar el widget que, en un principio, se verá el primero de los añadidos a nuestra sidebar, pero que más tarde podremos mover al lugar que queramos:

<b:widget id='HTML50' locked='false' title='Todas las Entradas' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><img src='http://img513.imageshack.us/img513/8206/entradas.gif' style='padding-right: 5px; padding-left: 3px;'/><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>
<center><span style='font-family: trebuchet; color: red;font-size: 15px;'> Total:</span><script style='text/javascript'>
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src='http://loseasi.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount'/> <span style='font-family: trebuchet; font-size: 15px;'> Entradas</span></center>
<ul> <div id='dataPost' style='border: 1px solid rgb(204, 204, 204); padding: 0px; overflow: auto; width: 100%; height: 250px;'/></ul>

</div>

<script type='text/javascript'>
// -1 para todas o poner la cantidad a mostrar.

var uP = {

nPost : -1

};

var cP = {

totCount : 0,

increment : 10,

// éste es el lugar para definir el nombre del blog para los datos subsecuentes de la recuperación.

web : &quot;loseasi.blogspot.com&quot;,

listPosts: function(json, tag) {

var text=&quot;&quot;;

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

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

text += &quot;<li>&quot; + &quot;&lt;a href=&#39;&quot; + cb.getLink(entry, &quot;alternate&quot;)

+ &quot;&#39;&gt;&quot; + cb.getTitle(entry) + &quot;</li>&quot;;
}
var p = document.createElement(&#39;span&#39;);

document.getElementById(tag).appendChild(p);

p.innerHTML = text;

},

callPostJson: function(json) {

this.listPosts(json, &quot;dataPost&quot;);

},

getCo : function(json) {

this.totCount = cb.getTotalResults(json);

var count = (uP.nPost &lt; 0) ? this.totCount : uP.nPost;

var i=1;

while(i&lt;=count) {

var incr = (count-i &lt; this.increment) ? count-i+1 : this.increment;

cb.search( cP.web, &quot;posts&quot;, i, incr, &#39;cP.callPostJson&#39;);

if (incr==0) incr=incr+1;

i = i+incr;
}
}
};
cb.search( cP.web, &quot;posts&quot;, 1, 2, &#39;cP.getCo&#39;);
</script>
</b:includable>
</b:widget>

4- Cambiamos donde dice: loseasi.blogspot.com por la url de nuestro blog sin el http://

Donde dice: nPost : -1 es donde haremos los cambios para mostrar un número de títulos de entrada ilimitado, es decir, todas las entradas del blog actuales y las que vayamos publicando o para mostrar solo el número de títulos que nos interese de las últimas entradas publicadas.

Si vamos a mostrar todas las entradas dejaremos este valor tal cúal está en -1, en cambio, si solo queremos mostrar las veinte últimas entradas por ejemplo, cambiaremos ese valor a 20.

Si vamos a usarlo para las últimas entradas, recordaremos cambiar el título del widget por algo más apropiado.

Esta parte del código: style='height:250px; overflow:auto; es una barra de scroll (scrollbar), cuando el alto del widget sobrepase los 250px, podéis reducir o ampliar su altura cambiando el valor en height.

Fuente ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Llamado como favicon.
El favicon es preferible que sea de medida 16x16.
Puede ser .ico, .gif o .png.

Luego de que hemos elegido nuestro favicon lo alojamos en algún servidor.

Ahora vamos a nuestro Blog y nos dirigimos a Diseño y ahí Edición en Html.

Buscamos el siguiente código </head>.

Y justo arriba colocamos el siguiente código.
<link href='http://tuweb.com/favicon.ico' rel='shortcut icon'/>

Donde dice "http://tuweb.com/favicon.ico ", colocamos el link donde hemos alojado nuestro favicon. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Pelar una página web es muy divertido de hacer y lo más fácil es que llamar la atención de sus usuarios.

Usted puede utilizar para llamar la atención sobre un artículo caliente en su propio sitio web.

Aquí voy a explicar cómo crear un efecto de ese tipo en su sitio web.

Utiliza Flash y JavaScript, y es muy fácil de instalar.

Una demostración en vivo para el efecto puede ser visto en la esquina superior derecha.

Cuando pasa el ratón sobre la imagen, se va a ampliar y revelar más información.

Para lograrlo, simplemente ejecuta los siguientes pasos para insertar un peeling esquina en su sitio web.

var jaaspeel = new Object();
jaaspeel.ad_url = escape('http://loseasi.blogspot.com');
jaaspeel.small_path = ' http://img5.xooimage.com/files/7/9/7/small-1e8e2b.swf';
jaaspeel.small_image = escape(' http://img1.xooimage.com/files/a/d/c/tmundo1-1016123.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;
jaaspeel.big_path = ' http://img26.xooimage.com/files/5/7/a/large-1016114.swf';
jaaspeel.big_image = escape(' http://img5.xooimage.com/files/8/6/a/mundo-1016120.jpg');
jaaspeel.big_width = '600';
jaaspeel.big_height = '600';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;
function sizeup987(){
document.getElementById('jcornerBig').style.top = '0px';
document.getElementById('jcornerSmall').style.top = '-1000px';
}
function sizedown987(){
document.getElementById("jcornerSmall").style.top = "0px";
document.getElementById("jcornerBig").style.top = "-1000px";
}
jaaspeel.putObjects = function () {
// <jcornerSmall>
document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent" />');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');
// embed
document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
document.write('</script>');
// </jcornerSmall>
// <jcornerBig>
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');
document.write(' <param name="wmode" value="transparent"/>');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');
// embed
document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
// </jcornerBig>
setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);
}
jaaspeel.putObjects();

Ver peel.js

Seleccione el código anterior y guárdelo como peel.js

Ahora edite el archivo con tu editor de programación (el Bloc de notas también funcionará).

Buscar la siguiente línea de código:

jaaspeel.ad_url = escape('http://loseasi.blogspot.com');

Cambie el valor entre las comillas que esta en rojo(en este ejemplo es 'http://loseasi.blogspot.com') a la página web que desea que su esquina para volver a dirigir, cuando los usuarios hagan clic en él.

Salvar su peel.js archivo.

Como se puede ver en el código JavaScript, este efecto utiliza dos imágenes.

1. tmundo1-1016123.jpg Una imagen de 100x100 px, se utiliza cuando el efecto está inactivo.
2. mundo-1016120.jpg Una imagen de 600x600 px, se mostrará cuando un usuario pasa el ratón por la piel.

En este ejemplo, estoy usando este tmundo1-1016123.jpg y este mundo-1016120.jpg.

Crear sus propias imágenes que se mostrarán en la piel.

Este proyecto utiliza Flash para crear el efecto real.

Ahora añada la siguiente línea a su página web despues de <body>.

<script src='http://img7.xooimage.com/files/c/0/9/peel-101612a.js' type='text/javascript'></script>


Asegúrese de que su fuente (imagen.jpg), (peel.js), (.swf) sean la dirección correcta.

Descargar archivos para modificar y subir a su servidor.

¿Donde puedo alojar mis archivos? Leer aquí.

Ver para ponerlo del lado izquierdo. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Generarmente cuando tenemos en nuestro sitio un archivo flash, en Internet Explorer nos sale al pasar el cursor sobre él "haga clic aquí para activar y usar este control" para evitar esto hay una solución muy sencilla, solo hay que poner un código JavaScript antes de </head>.

Código: (copiar y pegar)
Ver código

Pegar el código en el bloc de notas y guardarlo como embeddedcontent.js para subirlo a nuestro servidor.
O descargarlo de: Acá
Luego antes de </head> pegar lo siguiente:
<!-- activar flash -->
<!--[if IE]>
<script type="text/javascript" src="nuestroservidor/embeddedcontent.js" defer="defer"></script>
<![endif]-->
<!-- Fin activar flash -->
Cambiando por el sitio que se subio. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...

Clic sobre la imagen para ver la presentación, luego en play.

... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Código JavaScript:
<head>
<script type="text/javascript">

var pagina = 'http://tupagina.com';
var segundos = 5000;

function redireccion() {

document.location.href=pagina;

}

setTimeout("redireccion()",segundos);

</script>
</head>

Otro código:
<head>
<META HTTP-EQUIV="REFRESH" CONTENT="5;URL=http://yupagina.com">
</head>

Se puede cambiar los segundos. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Se puede poner algo que solo lo pueda ver el administrador del blog, esto se puede hacer encerrándolo entre los siguientes códigos.
<span class="item-control blog-admin">

y
</span>
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Encuentra: copia y pega los cambios mostrados en rojo de lo que se muestra a continuación.
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Luego añadimos a nuestro CSS para destacar los comentarios del autor o administrador:
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dashed #FF8040;
color:#339999;
background:url(http://img529.imageshack.us/img529/1615/82549982.gif);
}

Y para destacar el resto de los comentarios añadimos:
.comment-body p {
margin:0 0 .75em;
padding:5px 10px;
color:#FF8040;
border:2px dotted #339999;
background:url(http://img212.imageshack.us/img212/2338/innerwrap.gif);
}
Hacer los cambios necesarios: imagen, color, etc...

Y para ponerle una imagen tipo firma a los comentarios del autor:
Encuentra: copia y pega los cambios mostrados en rojo de lo que se muestra a continuación.
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/><img class='firma' src='url_de_la_imagen_firma'/></p>
</dd>
<b:else/>
Luego añadimos a nuestro CSS:
/* firma en comentarios */
.firma {
display:block;
width: 120px;
height: 35px;
padding-left: 73%;
}
Hacer los cambios necesarios. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
En esta página se pueden alojar practicamente todo: imagenes, archivos: flash, js, css, mp3, etc...

Yo la utilizaba para subir mis archivos flash desde que Image Shack quito esa posibilidad.

Y un día probé en subir otras cosas y me sorprendí así que ahora tenemos otro lugar sobre todo para subir los archivos css y js.

http://www.xooimage.com/fr/
o podes utilizar estas:
http://img1.xooimage.com/fr/
cambiando donde dice img1 por img 2 hasta 10

... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Código CSS:
.contadorcomentarios {
background: url(http://img31.imageshack.us/img31/858/postit.gif) no-repeat top right;
float:right;
text-align: center;
padding-top: 10px;
font-size: 22px;
width: 45px;
height:34px;
margin-right:20px;
margin-top: -30px;
}

Cambiar imagen y posición

Encuentra: <dl id='comments-block'> y copia y pega los cambios mostrados en rojo de lo que se muestra a continuación.
<dl id='comments-block'>
<script type='text/javascript'>var contadorComentarios=0;</script>
<b:loop values='data:post.comments' var='comment'>
<div class='' expr:id='data:comment.id'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
<span class='contadorcomentarios'>
      <a expr:href='"#comment-" + data:comment.id' title='Vinculo al comentario'>
         <script type='text/javascript'>
            contadorComentarios=contadorComentarios+1;
            document.write(contadorComentarios)
         </script>      </a>   </span>
</dt>
<dd class='comment-body'>
  <b:if cond='data:comment.isDeleted'>
 <span class='deleted-comment'><data:comment.body/></span>
       <b:else/>
     <p><data:comment.body/></p>
       </b:if>
      </dd>
    <dd class='comment-footer'>
        <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
   <data:comment.timestamp/>  </a>
 <b:include data='comment' name='commentDeleteIcon'/>
 </span>
</dd>
</div>
</b:loop>
</dl>
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?