IMAGEN FLOTANTE EN TU BLOG

 Weno hace un tiempo un amigo publico un codigo muy parecido pero con la diferencia q era para myspace el cual lo use en uno de miz tapicez y otro amigo me pidio de como insertar ese mismo codigo pero en su blog porlo cual me incentivo a probar si el mismo code funcionaba pero no asi q lo adapte al HTML porque estaba en CSS y si me funciono aki el codigo.

CODIGO PARA BLOGGER 

Primero se van a :  

Diseño > Edición de HTML

Busca la etiqueta /head para facilitar la busqueda precione [Ctrl + F] y coloq la etiqueta, una vez localizada la etiqueta copia y pega el codigo antes de la etiqueta:  

<a href='http://URL DE Tu BLOG.blogspot.com/' style='display:scroll;position:fixed;bottom:0px;right:0px;'><img src='uRL DE Tu IMAGEN'/></a>

I eso es todo espero q les Sirva :D !!

Leer más »

El TRUCO [LEER MAS] EN TU BLOG 2.0

Weno varias quieren este truco pero muy pocos lo tienen ^^ weno io hace un tiempo publique una entrade con este truco pero lamentablemente ia no funciona porq los js subidos se borraron ahora les traigo este codigo para el mismo truco pero estavez el funcionanmiento es 100% y eso es porque io lo estoi usando xD weno sin mas palabreo aki el codigo y el minituto de como se coloca espero q sea de su utilidad.

SCRIPT LEER MAS EN BLOGGER

Primero nos vamos a:

Diseño > Edición de HTML > expandimos artilugios

Busca la etiqueta data:post.body/ para facilitar la busqueda precione [Ctrl + F] y coloq la etiqueta, una vez localizada la etiqueta remplazarla por el siguiente codigo:

<b:if cond="'data:blog.url"><br /><div id="'"><data:post.body/></div><br /><script type="'text/javascript'">blentradaresmn("blportadarsmn<data:post.id/>");</script><br /><span class="'blenlaceleerms'" style="'float:right'"><a href="'data:post.url'"> Leer más...</a></span><br /></b:if><br /><b:if cond="'data:blog.pageType"><data:post.body/></b:if>
Aki puedes modificar para q en vez q salga [Leer mas...] salga otro texto

Ahora, encuentra la etiqueta /head; y añade el siguiente script justo antes de la etiqueta recuerden [Ctrl + F] para mas facil busqueda:

<script type="'text/javascript'"><br />blresumenno = 420;<br />blresumensi = 340;<br />blalturaimg = 100;<br />img_thumb_width = 120;<br /></script><br /><script type="'text/javascript'"><br />//<![CDATA[ function bltred(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){>")!=-1){<br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />}<br />}<br />strx = s.join("");<br />}<br />chop = (chop < strx =" strx.substring(0,chop-1);" div =" document.getElementById(pID);" blimgn1 = "" img =" div.getElementsByTagName(" blpost =" blresumenno;">=1) {<br />blimgn1 = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+blalturaimg+'px" /></span>';<br />blpost = blresumensi;<br />}<br />var blportadarsmn = blimgn1 + '<div>' + bltred(div.innerHTML,blpost) + '</div>';<br />div.innerHTML = blportadarsmn;<br />}<br />//]]><br /></script>

Weno ia con esto terminamos con el truco solo queda guardar la plantilla, pero si aun quisieras adornar o arreglar el enlace leer mas puedes agregar estos estilo CSS para dar efectos al enlace.

En este caso, añade encima de /b:skin
; este bloque de CSS:

.blenlaceleerms {border: 1px solid #cccccc;padding: 4px;background: #f4f4f4;}

Lo primero nos indica el borde, que tiene un grosor de 1 píxel, luego biene el color #cccccc [si desea puedes cambiar el color]

Luego nos indica la distancia que hay entre el texto y el marco [padding:4 px] y lo último aporta un color de fondo gris claro [también puedes editarlo].

Leer más »

Llego la tv futbol al blog

Bueno ps tava biendo a mi hermano q es un aficionado al futbol q estava viendo sus partidos por justin tv me di cuenta q era muy agradable para la gente no y se me ocurrio poner un enlace de la tv (justin) al blog pueden encontrarla entre los enlaces del blog poes aqui les dejo un ejemplo.

Watch live video from Señal_Uruguay :) on Justin.tv
Bueno pz como recien e creado este enlace no esta muy bien estructurado solo consta de la señal tv pero lla con el tiempo la ire arreglando.

Leer más »

scrip leer mas para blogger

Hace un largo tiempo atrás habíamos visto el truco blogger de añadir el famoso "Leer más..." a nuestros blogs. Si bien este método sirve, es un poco engorroso de aplicar, pero por suerte hoy tenemos una nueva forma de añadir "Leer Mas" automático con thumbnails a nuestros blogs (los thumbnails son versiones reducidas de las imágenes de los posts imágenes tal cual se puede ver en este mismo blog). Lo importante de este truco blogger es que una vez aplicado el "Leer Mas" se generará automáticamente sin que tengamos que hacer nada, además de que mostrará la imagen del post en versión reducida para darle una mayor organización al blog. Como dije, este es exactamente el truco blogger que tengo aplicado en este blog por lo cual yo solo escribo el post y automáticamente se crea el "Leer Mas" con los thumbnails . Es decir que el resultado luego de añadir el truco de "Leer Mas" automático con thumbnails será como se muestra en la siguiente imagen.

Dicho esto, veamos los pasos para aplicar este truco. Antes que nada recuerda hacer un backup de tu plantilla para evitar cualquier problema. Lo primero que debemos hacer es ir a la edición HTML de la plantilla, expandir y buscar por este código: [PARA FACILITAR LA BUSQUEDA CTRL + F Y COLOCAR LA PALABRA] Y lo reemplazamos completamente por el siguiente: <b:if cond='data:blog.pageType != "item"'> <br /><br /><div expr:id='"summary" + data:post.id'><data:post.body/></div> <br /><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <br /><br /><span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer mas >></a></span> <br /><br /></b:if> <br /><br /><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> Por último, buscamos por ; y justo antes pegamos lo siguiente: <script type='text/javascript'> <br /><br /> summary_noimg = 450; <br /><br /> summary_img =350; <br /><br /> img_thumb_height = 100; <br /><br /> img_thumb_width = 100; <br /><br /></script> <br /><br /><script src='http://deineshd.110mb.com/read-more_auto.js' type='text/javascript'/> Ahora solo queda guardar los cambios y ya tenemos nuestros blogs con el truco de "Leer Mas" automático con thumbnails . Una aclaración: al aplicar este truco todos los posts del blog pasarán a tener automáticamente la opción de "Leer Mas" y los thumbnails , por lo cual no debemos de preocuparnos por los posts antiguos.

Leer más »