RedZee - un buscador simpático ^_^

E n una de las lindas charlas por chat con Zilfarion, me comentó sobre este buscador, que ya había visto hace un tiempo, pero que nunca está de más compartirlo.
La única diferencia con los clásicos buscadores, es el anfitrión tan animado que tenemos, una especie de zebra con rayas rojas, muy simpático; y que cuando nos despliega el resultado de la búsqueda, lo hace en forma de pequeñas pantallas dinámicas que se mueven una vez que manteniendo el botón del mousse apretado los desplazamos hacia la derecha o la izquierda indistintamente.

Desde ya muchas gracias a los aportes de
:D

Buscador interno

U na herramienta super importante para los blogs, es la Búsqueda interna, con la cual nuestros visitantes podrán buscar aquella entrada, que una vez vieron pero que no se acuerdan hace cuanto, ni el nombre de a entrada, pero ingresando alguna palabra que la defina podrá encontrarla fácilmente.

Hasta ahora estaba utilizando un buscador interno basado en Google, pero estaba teniendo problemas, a veces buscaba cosas obvias y no encontraba nada, o encontrada algo que no tenía nada que ver.

Pero con el aporte desinteresado de Zilfarion mi problema se vió solucionado.



Es tan facil de aplicar como copiar y pegar.
El código sería así:

<form id="searchthis" action="URL DE TU BLOG/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="15" type="text"/>
<input id="b-searchbtn" value="Search" class="blue" type="submit"/>
</form>

Lo que está en rojo es lo que se modifica es decir todo se puede modificar, pero lo primero que marqué en color es en donde va la URL de tu blog, y lo segundo que marqué es el texto que aparecerá en el botón.

Lo pueden ver en funcionamiento en mi sidebar.

Desde ya muchas gracias a los aportes de
:D


Seguir Leyendo...[+/-]

Favicon o imagen en la Url - Otra manera

E n esta oportunidad Jorge del blog Jorge Key, me hace llegar esta interesante información.
Al parecer a implementado un código para que el Favicon pueda ser visto desde varios exploradores. (Hasta ahora solo se veía en Firefox)

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^


1- Creamos nuestro Favicon, con la imagen que queremos.
2- Importante es guardar el Favicon en formato ICO y PNG
3- Alojamos la imágen y conseguimos su URL
4- Nos dirigimos a Draft Blogger ingresamos a nuestra plantilla, Diseño/Edición HTML y buscamos el siguiente código:
<title><data:blog.pageTitle/></title>
inmediatamente después pegamos lo siguiente

<!-- Favicón-->
<link href='URL DE TU FAVICON ICO' type='image/x-icon'/>
<link href='URL DE TU FAVICON PNG' type='image/x-icon'/>

<link href='URL DE TU FAVICON ICO' rel='icon' type='image/png'/>
<link href='URL DE TU FAVICON PNG' rel='icon' type='image/png'/>

<link href='URL DE TU FAVICON ICO' rel='shortcut icon' type='image/x-icon'/>
<link href='URL DE TU FAVICON PNG' rel='shortcut icon' type='image/x-icon'/>
<!-- Termina Favicón -->

Nota: Como se darán cuenta está repetido, y es correcto, así debe ser para que funcione.

Pegamos las URL's que habíamos creado, y pronto.
Como siempre antes de guardar, nos fijamos en vista previa, para ver que todo funcione bien. ;)

Este es un excelente aporte de
Gracias !!! :D

IMPORTANTE:
En estos días a sucedido que los Favicon que teníamos, desaparecieron, esto se debe a un cambio que ha hecho blogger; podría explicarlo, pero Jmiur lo está explicando mucho mejor.
Lo importante a saber es que, el código que aplicamos para agregar el Favicon, <link href='URLIMAGEN' rel='shortcut icon'/"> lo debemos poner antes de </head> y listo, se soluciona el tema. ;)

Seguir Leyendo...[+/-]

Desplegar y recoger - Otro modo

Y a anteriormente les había hablado de una genial forma de crear este truco.
Esta vez mi nuevo amigo Zilfarion, me hace llegar esta otra forma. (gracias por el aporte ^_^)
Sin necesidad de hacer cambios en la plantilla.
Con un simple script que pegamos en la entrada, e incluso es modificable.
Como suelo decir, con los códigos, el límite es el cielo ;)

<div><div><div class="pre-spoiler"><span style="float: left; padding-top: 2px;"></span><input value="Ver" style="margin: 0px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver';}" type="button"> </div> <div> <div class="spoiler" style="display: none;"><span style="font-family:trebuchet ms;"><div style="text-align: center;"><div style="text-align: justify;"><u style="font-family: trebuchet ms;"></u>
TEXTO A OCULTAR
</span></div></div></span></div></div></div></div></fieldset>

Quedaría así:

PRUEBA !!!

Desde ya muchas gracias a los aportes de
:D


Seguir Leyendo...[+/-]

Paginación como en Wordpress

N uevamente recibo de manos de José Luis de Caratulworld, este interesante truco, que lo que hace es que en vez de que nos aparezca al final de la página, Entradas Recientes, Pagina principal, Entradas Antiguas.
Jose nos explica:

Aquí te envío algo que muchos bloggers hemos estado esperando hace tiempo, aunque creo que necesita mejorar pero para empezar esta bien, se trata de enumerar las paginas el método utilizado por Wordpress, en vez del tradicional entradas antiguas o entradas recientes, con el código que te adjunto solo has de ponerlo en Añadir Artilugios justo debajo de entradas del blog y ya tendrás la numeración.
Se pueden cambiar los colores, asi como el número de paginación que quieres que salga, yo he puesto 5 pero eso va a gusto de cada uno...

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount = 4;
var displayPageNum = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script>

Podés ver el efecto en CARATULWORLD

También Jmiur tocó excelentemente el tema. ^_^

Seguir Leyendo...[+/-]

Lindos aportes !!!!

N obleza obliga, se acaba el año y gracias a un simple "Pedido de Ayuda", he recibido una cantidad inesperada de aportes espectaculares, tanto de cabeceras como de logos y botones, que realmente agradezco de todo corazón !!!
Como ya saben, mi intención es terminar el año con una nueva cabecera elegida por los votos de ustedes, ya estamos en las últimas instancias, así que sigan votando que mañana se define !!!!

Pero para no desmerecer el trabajo de ninguno de estos grandes artistas, cada cabecera queda guardada, y serán utilizadas a lo largo del año ^_^

Quiero agradecer a cada uno de las personas que tan amablemente se tomaron un tiempo para crear tan bellas cabeceras, Andrea, Lui, Rosa, Cristian, Jony, Oloman, La Blogueria, Gracy, Caratulaworld, Daniel Arias® quien hace unos días envió estos nuevos aportes, que no participan del sorteo a la cabecera del blog , pero que sin dudas van a formar parte de las cabeceras que en el correr del año pondré.





Muchas gracias a todos y muy Feliz 2008 !!!! ^_^

Decimonoveno aporte (Gracy)

Este es el aporte número 12 que se realiza a mi "Pedido de Ayuda", para encontrar nueva cabecera, logo, o botones, para este blog.
En esta oportunidad es Gracy de Diiz y Plantillas de Gracy quien hace este aporte.
Acá les dejo su aporte, un bello logo !!! :D



No dejen de visitar Diiz y Plantillas de Gracy ^_^

Decimoseptimo aporte (Daniel)

Este es el aporte número 17 que se realiza a mi "Pedido de Ayuda", para encontrar nueva cabecera, logo, o botones, para este blog.
En esta oportunidad es nuevamente Daniel de Daniel Arias® quien hace estos otros aportes.
Acá les dejo su aporte, otra colección de cabeceras !!! :D

No dejen de visitar a Daniel Arias® ^_^


Seguir Leyendo...[+/-]

Desimosexto aporte (Daniel)

Este es el aporte número 16 que se realiza a mi "Pedido de Ayuda", para encontrar nueva cabecera, logo, o botones, para este blog.
En esta oportunidad es Daniel de Daniel Arias® quien hace este aporte.
Acá les dejo su aporte, una colección de cabeceras !!! :D











No dejen de visitar a Daniel Arias® ^_^


Seguir Leyendo...[+/-]

Decimoquinto aporte (Caratulaworld)

Este es el aporte número 15 que se realiza a mi "Pedido de Ayuda", para encontrar nueva cabecera, logo, o botones, para este blog.
En esta oportunidad es Caratulaworld quien hace este aporte.
Acá les dejo su aporte, dos versiones de una misma cabecera, una con movimiento !!! :D





No dejen de visitar Caratulaworld ^_^

Decimocuarto aporte (Jony)

Este es el aporte número 14 que se realiza a mi "Pedido de Ayuda", para encontrar nueva cabecera, logo, o botones, para este blog.
En esta oportunidad es nuevamente Jony de LVP quien hace este aporte.
Acá les dejo su aporte, una cabecera !!! :D



No dejen de visitar LVP ^_^

Decimotercer aporte (Jony)

Este es el aporte número 13 que se realiza a mi "Pedido de Ayuda", para encontrar nueva cabecera, logo, o botones, para este blog.
En esta oportunidad es nuevamente Jony de LVP quien hace este aporte.
Acá les dejo su aporte, botones !!! :D

No dejen de visitar LVP ^_^

Decimosegundo aporte (Gracy)

Este es el aporte número 12 que se realiza a mi "Pedido de Ayuda", para encontrar nueva cabecera, logo, o botones, para este blog.
En esta oportunidad es Gracy de Diiz y Plantillas de Gracy quien hace este aporte.
Acá les dejo su aporte, una cabecera !!! :D


No dejen de visitar Diiz y Plantillas de Gracy ^_^

Decimoprimer Aporte (Feri)

Este es el aporte número 11 que se realiza a mi "Pedido de Ayuda", para encontrar nueva cabecera, logo, o botones, para este blog.
En esta oportunidad es Feri de De Feripula y RecurS.O.S quien hace un aporte buenísimo !!!
Nada más y nada menos que una colección de Botones...
Acá les dejo su aporte :D

No dejen de visitar De Feripula y RecurS.O.S ^_^
Gracias Feri ;)



Amarillos


Verdes





Lilas




Violetas






Seguir Leyendo...[+/-]