lunes, 30 de julio de 2007

¿Como cambiar las palabras "Entradas antiguas" por una imagen?

Primero busca el siguiente codigo
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>

Ahora si quieres poner una imagen como esta:


Este es el codigo:
<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>


<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.gif'/></a>
</b:if><b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.gif'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.gif'/></a>
</div>
<div class='clear'/>
</b:includable>

Pero si mejor quieres cambiar la leyenda entradas antiguas cambia el codigo por este:

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>Hacia las mas recientes</a>
</b:if> <b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>Hacia las mas antiguas</a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>Pagina de Inicio</a>
</div>
<div class='clear'/>
</b:includable>
La desicion es tuya elige la que te guste.LETRAS O IMAGENES?

17 Comentarios:

Anónimo dijo...

Hola ..
Increible, simplemente increible !!
que buen blog el que tienes amigo !
oye quiero hacerte una pregunta
como le hago para personalizar mi plantilla para tener los cuadritos de hasta arriba que tu tienes? en donde dice inicio, musica etc ...
gracias !!

Hack Diseño® dijo...

visita Hacktime ahi encontraras esos menus.
hacktime.blogspot.com

Dr. Vader dijo...

Hola hermano es justo lo que buscaba, pero que codigo deberia usar si lo que quiero es solo agrandar el texto de "entradas antiguas/recientes", cambiarle el color y quiza ponerlo en negritas?, buen blog, saludos.

Hack Diseño® dijo...

Bien Dr. Vader el codigo seria el siguiente:
<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'><FONT Color=AQUI PONES EL COLOR TIENE QUE ESTAR EN INGLES COMO BLUE size=+5 aqui modificas el tamaño de la letra te recoiendo el tamaño +2 y en las letras de HACIA LAS MAS ANTIGUAS pones lo mismo>Hacia las mas recientes</FONT></a>
</b:if> <b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>Hacia las mas antiguas</a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>Pagina de Inicio</a>
</div>
<div class='clear'/>
</b:includable>
Espero que te haya servido solo borra lo que te puse como ejemplo y explicacion.
Nos vemos y gracias por tu visita.

Dr. Vader dijo...

Hola gracias por responder, lo intente poner pero creo que el codigo del color que me pasaste no esta correcto, me saca este error:

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Open quote is expected for attribute "{1}" associated with an element type "Color".

Ya intente poniendo el color con texto en ingles y con codigo HTML pero sigue saliendo el mismo error, ojala me puedas ayudar carnal, de antemano gracias, saludos.

Sergio Garcia Paños dijo...

Hola!

Creo que debes poner Color="blue" y size="+2".

Utiliza las comillas de esa manera.

Un saludo

Anónimo dijo...

Me acabo de encontrar tu blog, y ya lo tengo en favoritos xD blog de lectura obligatoria para bloggeros :) Tengo una duda relacionada con este tema...¿Se podria suprimir el texto y todo lo demás, para añadir un codigo de paginación? Lo interesante sería poder ir pasando páginas numeradas con las entradas. ¿es complicado? :)
P.D: ¿conoces el addon de firefox Autopager? en tu blog me funciona!! Es un trukillo? xDD Gracias...Salu2

Hack Diseño® dijo...

Hola misjuegosnds
Bueno no entiendo muy bien tu peticion pero no realmente no lo es, bueno si te refieres a crear un indice.
necesito que me especifiques un poco mas tu peticion para poderte ayudar.
voy a intentar hacer un indice y en cuanto lo tenga listo lo publico.

Gracias por tu visita y por agregarnos a tus blogs favoritos.
ATTE: Hack Diseño®

Anónimo dijo...

Gracias a ti por contestar amigo :)
Te voy a dejar un link a una imagen, que seguramente vale mas que mil palabras, espero que te sirva de algo, llevo tiempo buscando como hacerlo, pero no encuentro nada! Un Saludo, muchas gracias de antemano ;)

http://lh3.ggpht.com/_XoFkbcQycfw/ScZNUnUGPnI/AAAAAAAAAdI/fK_aEXuJ-Mc/P%C3%A1ginas%20en%20blog.jpg

Anónimo dijo...

Franciscojosecaliero@gmail.com
Si puedes escribirme aquí te lo agradecería mucho! así puedo enviarte el link con la foto y puedes ver a lo que me refiero! Un saludo :)

http://lh3.ggpht.com/_XoFkbcQycfw/ScZNUnUGPnI/
AAAAAAAAAdI/fK_aEXuJ-Mc/
P%C3%A1ginas%20en%20blog.jpg

A lo mejor te sirve asi xD

Hack Diseño® dijo...

ok muy bien si ya se a que te refieres bueno este es el codigo solo tienes que insertalo en un nuevo elemento de pagina osea que tienes que agregar un gadget y despues seleccionar HTML/Javascript

ahi pones este codigo:
<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';(AQUI LE PUEDE CAMBIAR EN NOMBRE A PAGINA ANTERIOR O COMO TU QUIERAS)
var downPageWord = 'Next';(AQUI TAMBIEN PUEDES HACER LO MISMO QUE ARRIBA)



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;(AQUI PUEDES DECIRLE CUANTOS RESULTADOS QUIERES QUE APAREZCAN)
}
}
}
}//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;(TAMBIEN AQUI PUEDES INDICAR LOS RESULTADOS QUE QUIERES QUE APAREZCAN POR EJEMPLO +2)
}
}
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>

Anónimo dijo...

Debería haber contestado antes por aquí, el código va perfecto(lo pueden ver en mi blog), te estoy muy agradecido por haberme solucionado este problema :) Un Saludo.

Father44 dijo...

hola que ta men me prodias ayudar, mira necesito saber como puedo disminuir las palabras en dec c++, me explico: el usuario entra una palabra y esta esta en mayuscula entocen mi programa debe devolverle la palabra pero en minuscula kisiera q me des una orientacion toy trabajando en c

Hack Diseño® dijo...

Hola Father44,
No tengo secciones para temas en especifico, y solo por eso tomare en cuenta tu pregunta, pero si deseas mas ayuda con C o C++ entonces enviame tus dudas atraves del boton Contacto que esta arriba.

Bueno es sencillo lo que quieres hacer asi como yo lo entiendo hay una libreria llamada
ctype.h que contiene dos funciones llamadas toupper y tolower y servirian para lo que quieres hacer te pongo un codigo que yo hice esta las funciones de E/S son de C pero igual y funcionan en Dev C++ si quieres puedes usar cout y cin,getline() o cin.get() tu adaptalo segun lo necesites:

#include
#include
#include //Esta libreria sirve para poder usar las funciones toupper y tolower

int main()
{
char palabra[] = "";
int Opcion=0;
//int i;
while (Opcion!=3)
{
printf("Teclee [1] para convertir palabras de Mayusculas a Minusculas\n");
printf("Teclee [2] para convertir palabras de Minusculas a Mayusculas\n");
printf("Teclee [3] para salir\n");
scanf("%d", &Opcion);
if (Opcion==1)
{
printf("Introduzca una palabra para convertirla a Minuscula:\n");
scanf("%s",palabra);

for(int i = 0; palabra[i]; i++)
palabra[i] = tolower(palabra[i]); //convierte a minusculas la palabra

printf ("Resultado:");
printf("%s\n",palabra); //envia por pantalla la palabra
system("pause");
}
if (Opcion==2)
{
printf("Introduzca una palabra para convertirla a Mayuscula:\n");
scanf("%s",palabra);

for(int i = 0; palabra[i]; i++)
palabra[i] = toupper(palabra[i]); //convierte a minusculas la palabra

printf ("Resultado:");
printf("%s\n",palabra); //envia por pantalla la palabra
system("pause");
}
}//END WHILE
return 0;
}

Espero haberte ayudado.
Gracias por tu visita!!
Saludos!

@douglasdonaire dijo...

gracias... muy agradecido... miren como me quedó en WWW.CULTURAYSOCIEDAD.TK

Unknown dijo...

Gracias buena info. Revisa como me quedo www.dienatumundo.blogspot.com

Unknown dijo...

www.disenatumundo.blogspot.com

Publicar un comentario

¡Hola!
Gracias por visitar mi blog.
Espero y no sea tu ultima visita.
Deja un comentario, sugerencia, observacion o lo que quieras.

P.D.:Ya no se pueden realizar comentarios anonimos desde que aqui por razones de seguridad, pero puedes utilizar get-box para dejar un comentario con tu nombre y tu mail o url o tambien puedes dar clic en el boton Contacto.