Rss

18 octubre 2011

Premio de Azu-nyan


Muchas gracias por el premio, me anima mucho,
Es bueno que alguien se acuerde de mi xD
No tengo mucho que contar, me han pasado muchas cosas en la semana pasada, mi abuelito se murió y cumpli 21 años el domingo, no estoy triste por la pérdida de mi abuelo, al contrario estoy feliz; porque ya no va sufrir más y estará en paz, y aún no me la creo que ya cumpli 21 años! Gracias a mis mejores amigas me la pase genial!!
Bueno, no tengo internet en mi casa así que no voy a poder pasar a sus blogs ni escribir seguido, en cuanto tenga internet nos leemos!!!




Normas del premio
1. Mencionar quien te lo otorgo y Poner su enlace al Blog


2. Otorgar a 6 maravillosos Blogs y Enlazarlos a su Blog



3. Publicar una entrada con el Premio y Avisar a los ganadores.

 

07 octubre 2011

Tutorial [Blogger]: Abrir/Cerrar Cbox (Toggle Cbox)

Hola a todos! En esta ocasión les traigo un tutorial para que puedan poner su
Cbox en una forma muy bonita y que no ocupa tanto espacio, como la que esta en mi blog en la esquina. No es copia de ningun tutorial, no lo saque de ningún lado yo lo hice ayer, pero no había publicado :D

Primero:

Esto es para ambas formas, tanto la plantilla clásica como la nueva.

Tenemos el código de nuestra CBOX:
Lo único que vamos a poner en nuestro código es lo que esta marcado con azul:

Ejemplo (Obvio ustedes lo harán con su código)
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="325" src="http://www4.cbox.ws/box/?boxid=3865066&amp;boxtag=wwzwly&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-3865066" style="border:#FFFFFF 1px solid;" id="cboxmain4-3865066"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=3865066&amp;boxtag=wwzwly&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-3865066" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform4-3865066"></iframe></div>
</div>
<!-- END CBOX -->

Para la plantilla clásica:

Diseño>>>Plantilla >>>>Editar Html
Ctrl + F y buscas </head>

Antes de </head> pegas lo siguiente:

<script type="text/javascript">
var cbvis = false;
var cbload = false;

function togglecbox () {
    var cbdiv = document.getElementById("cboxdiv");
    var cbbut = document.getElementById("cboxbutton");

    if (!cbvis) {
        if (!cbload) {
            cbdiv.innerHTML ='EN ESTA PARTE VA EL CÓDIGO DE TU CBOX, SOLAMENTE LO QUE ESTA MARCADO EN AZUL';
            cbload = true;
        }
        cbdiv.style.display = "block";
        cbbut.innerHTML = "Cerrar Cbox";
    }
    else {
        cbdiv.style.display = "none";
        cbbut.innerHTML = "Abrir Cbox";
    }
    cbvis = !cbvis;
}
</script>



Y después, antes de </body> pegas lo siguiente:

<div id="cboxbutton" style="position: fixed; bottom: 8px; right: 16px; width: 200px; padding: 3px; text-align: center; cursor: pointer; background-color: #ffffff; border:#A2A2A2 1px solid;border-radius: 3px;

font-family: Times New Roman, sans-serif; font-size: 20px;" onclick="togglecbox()">Abrir Cbox</div>
<div id="cboxdiv" style="display: none; position: fixed; bottom: 48px; right: 16px; width: 200px; background: #ffffff; padding: 3px; line-height: 0;border:#A2A2A2 1px solid;border-radius: 3px;"></div>

* font-family (Fuente, tipo de letra)
* font-size (tamaño de la fuente)
* background (color de fondo)
* bottom, right, width (tamaño)
* border ( borde)


Y así queda:

http://pictures-on-mymind.blogspot.com/

Ahora para las plantillas nuevas:

El código es el mismo

Nos vamos a:

Diseño >>> Elementos de página >>> Añadir un Gadget >>>> HTML/Javascript

Y pegamos el código completo:
Lo editamos a nuestro gusto y guardar.



<script type="text/javascript">
var cbvis = false;
var cbload = false;

function togglecbox () {
    var cbdiv = document.getElementById("cboxdiv");
    var cbbut = document.getElementById("cboxbutton");

    if (!cbvis) {
        if (!cbload) {
            cbdiv.innerHTML ='EN ESTA PARTE VA EL CÓDIGO DE TU CBOX, SOLAMENTE LO QUE ESTA MARCADO EN AZUL';
            cbload = true;
        }
        cbdiv.style.display = "block";
        cbbut.innerHTML = "Cerrar Cbox";
    }
    else {
        cbdiv.style.display = "none";
        cbbut.innerHTML = "Abrir Cbox";
    }
    cbvis = !cbvis;
}
</script>



<div id="cboxbutton" style="position: fixed; bottom: 8px; right: 16px; width: 200px; padding: 3px; text-align: center; cursor: pointer; background-color: #ffffff; border:#A2A2A2 1px solid;border-radius: 3px;

font-family: Times New Roman, sans-serif; font-size: 20px;" onclick="togglecbox()">Abrir Cbox</div>
<div id="cboxdiv" style="display: none; position: fixed; bottom: 48px; right: 16px; width: 200pxbackground: #ffffff; padding: 3px; line-height: 0;border:#A2A2A2 1px solid;border-radius: 3px;"></div>



* font-family (Fuente, tipo de letra)
* font-size (tamaño de la fuente)
* background (color de fondo)
* bottom, right, width (tamaño)
* border ( borde)



Y listo tienen su Cbox para abrir y cerrar en la esquina de su blog, espero que les haya gustado, no olviden dejar sus comentarios, dudas, quejas y pedidos en la cbox del blog o al final de esta entrada.

See ya!

Tutorial [Blogger]: Cómo configurar un menú y slide incluido en las plantillas



Este tutorial es para ayudar a todos aquellos que tienen algua plantilla como la mia, la cual trae integrado un menú (drop down menu) o un slideshow.
es muy fácil de editar:

Debes ir a Diseño >>> HTML
Ctrl +F y buscas el siguiente código para modificarlo:
<ul id='nav'>  
<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>  
<li><a href='#'>Business</a> 
<ul class='children'> 
<li><a href='#'>Internet</a></li> 
<li><a href='#'>Market</a></li> 
<li><a href='#'>Stock</a></li> </ul> </li>  
<li><a href='#'>Downloads</a> 
<ul class='children'> 
<li><a href='#'>Dvd</a></li> 
<li><a href='#'>Games</a></li> 
<li><a href='#'>Software</a> <
ul class='children'> 
<li><a href='#'>Office</a> </li> </ul> </li> </ul> </li>  
<li><a href='#'>Parent Category</a> 
<ul class='children'> 
<li><a href='#'>Child Category 1</a> 
<ul class='children'> <li><a href='#'>Sub Child Category 1</a></li> 
<li><a href='#'>Sub Child Category 2</a></li> 
<li><a href='#'>Sub Child Category 3</a></li> </ul> </li> 
<li><a href='#'>Child Category 2</a></li> 
<li><a href='#'>Child Category 3</a></li> <li><a href='#'>Child Category 4</a></li> </ul> </li> 
<li><a href='#'>Featured</a></li>  
<li><a href='#'>Health</a> <ul class='children'> 
<li><a href='#'>Childcare</a></li> 
<li><a href='#'>Doctors</a></li> </ul> </li>  
<li><a href='#'>music</a></li> 
<li><a href='#'>politics</a></li> 
<li><a href='#'>Uncategorized</a></li> </ul>

Donde cambiarás cada # por la categor+ia o la URL de tú página y quedaría mas o menos así:


<ul id='nav'>

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Descargas</a>
<ul class='children'>
<li><a href='http://hirock-gamer2.blogspot.com/search/label/Programas'>Programas</a></li>
<li><a href='http://hirock-gamer2.blogspot.com/search/label/Juegos-PC'>Juegos</a></li>
<li><a href='http://hirock-gamer2.blogspot.com/search/label/Descargas'>Varias</a></li>
</ul>
</li>

<li><a href='#'>Tutoriales</a>
<ul class='children'>
<li><a href='http://hirock-gamer2.blogspot.com/search/label/Tutoriales%20de%20Manualidades'>Manualidades</a></li>
<li><a href='http://hirock-gamer2.blogspot.com/search/label/Tutoriales%20Blogger'>Blogger</a></li>
<li><a href='#'>Diseño</a>
<ul class='children'>
<li><a href='http://hirock-gamer2.blogspot.com/search/label/Tutoriales%20Corel'>Corel</a>
</li>
</ul>
</li>
</ul>
</li>



<li><a href='http://hirock-gamer2.blogspot.com/p/acerca-del-blog.html'>Acerca del blog</a></li>


<li><a href='http://hirock-gamer2.blogspot.com/p/about-me.html'>Acerca de mí</a></li>
<li><a href='http://hirock-gamer2.blogspot.com/p/afiliados.html'>Afiliados</a></li>
<li><a href='http://hirock-gamer2.blogspot.com/search/label/Gamer%27s%20Diary'>My Diary</a></li>

</ul>
</div>


Y listo ya tienes tu menú!

Ahora para editar el slideshow:
 Diseño>>> HTML
Ctrl+F y busca el siguiente código:


<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($(&#39;myGallery&#39;), {
timed: true,
delay: 6000,
slideInfoZoneOpacity: 0.8,
showCarousel: false,
slideInfoZoneSlide: false
});
}
window.addEvent(&#39;domready&#39;, startGallery);
</script>

<div class='fullbox_excerpt'>
<div class='fullbox_content'>
<div class='smooth_gallery'>
<div id='myGallery'>

<div class='imageElement'>
<h3>AQUI VA EL TITULO DEL  SLIDE 1</h3>
<p>AQUI VA LA DESCRIPCIÓN DEL SLIDE 1</p>
<a class='open' href='AQUÍ VA LA URL QUE QUIERES QUE LLEVE' title='TITULO 1'/>
<img alt='' class='full' src='DIRECCIÓN DE LA IMAGEN QUE QUIERES MOSTRAR'/>
</div>

<div class='imageElement'>
<h3>AQUI VA EL TITULO DEL  SLIDE 2</h3>
<p>AQUI VA LA DESCRIPCIÓN DEL SLIDE 2</p>
<a class='open' href='AQUÍ VA LA URL QUE QUIERES QUE LLEVE' title='TITULO 2'/>
<img alt='' class='full' src='DIRECCIÓN DE LA IMAGEN QUE QUIERES MOSTRAR'/>
</div>


<div class='imageElement'>
<h3>AQUI VA EL TITULO DEL  SLIDE 3</h3>
<p>AQUI VA LA DESCRIPCIÓN DEL SLIDE 3</p>
<a class='open' href='AQUÍ VA LA URL QUE QUIERES QUE LLEVE' title='TITULO 3'/>
<img alt='' class='full' src='DIRECCIÓN DE LA IMAGEN QUE QUIERES MOSTRAR'/>
</div>


<div class='imageElement'>
<h3>AQUI VA EL TITULO DEL  SLIDE 4</h3>
<p>AQUI VA LA DESCRIPCIÓN DEL SLIDE 4</p>
<a class='open' href='AQUÍ VA LA URL QUE QUIERES QUE LLEVE' title='TITULO 4'/>
<img alt='' class='full' src='DIRECCIÓN DE LA IMAGEN QUE QUIERES MOSTRAR'/>
</div>









</div></div></div></div></b:if></b:if>

<!-- Featured Content Slider End -->


Y simplemente sustituyes lo que esta en rojo por lo que te pide, casi siempre vienen en inglés las plantillas, pero con esto te podrás dar una idea.

Espero que les haya sido de ayuda, en especial Pashis, para que pueda configurar el menú de su plantilla.

See ya!

Tutorial [Blogger]: Slideshow para Blog (Mostrar contenido destacado)





Este es otro pedido de tutorial y es para Pashis, quien me lo pidió en la Cbox, quería saber como poner el
slideshow que tengo en mi blog, (el de arriba de las entradas) y aquí esta:







Primero hay que colocar los scripts:
Diseño>> Edición de HTML y antes de </head> pegamos el siguiente código:

Código (da clic para ver el código)


Ahora los estilos, antes de  ]]></b:skin> pegamos esto:
Código (da clic para ver el código)


Por último, pegamos el código que nos mostrará las imágenes, guardamos y ahora nos vamos a Elementos de página >>> Añadir HTML/Javascript
<div id='featured'>

<a href='URL del enlace'><img rel='foto1' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto1'>DESCRIPCIÓN.</span>

<a href='URL del enlace'><img rel='foto2' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto1'>DESCRIPCIÓN</span>

<a href='URL del enlace'><img rel='foto3' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto1'>DESCRIPCIÓN.</span>

<a href='URL del enlace'><img rel='foto4' src="URL de la imagen" style='width:490px; height:238px;'/></a>
<span class='orbit-caption' id='foto1'>DESCRIPCIÓN.</span>


</div>

Sustituimos lo que tenemos en rojo con las url de las imagenes, las direcciones y las descripciones, que queramos, para que queden como el slideshow que esta en este blog.
Guardamos y listo, tenemos nuestro slideshow!!


Slideshow perteneciente a ciudadblogger.com


Espero que les sea de ayuda, cualquier duda, sugerencia, queja o pedido en el cbox o dejen un comentario en las entradas.

See ya!!



Fuente: ciudad blogger

04 octubre 2011

Feliz cumpleaños Miss Juicy!

Muchas Felicidades hoy que es tu día, que Dios te bendiga y espero que te la hayas pasado muy bien con tu familia y amigos.
Eres una persona muy buena onda y genial, aunque estés lejos, te hice este pequeño presente que aunque no es mucho, esta hecho con cariño.
Felicidades!! y que cumplas muchos años más!!


Estilos para Photoshop 2

Otra tanda de estilos para photoshop, espero que les gusten y los descarguen :D
Si los ocupan me gustaría que me mostraran sus trabajos!!
Y no se olviden de dar créditos :D
Saludos y que los disfruten!!







02 octubre 2011

Estilos Para Photoshop

Hola chic@s!! hoy quiero compartir con ustedes estos estilos que hice el día de ayer, son los primeros que hago, así que espero que les gusten, la verdad yo no tenía ningún conocimiento de PS, pero pues estuve moviendole y haciéndole, así como también buscando en internet y pues ya estoy aprendiendo cada día más, ahora ya se hacer estilos, texturas y pinceles.

Fueron hechos con PS7 así que los pueden instalar en cualquier versión adelante del Photoshop 7.

Por el momento les dejo estos 2 estilos, por favor si los usan denme créditos y si los quieren subir a otro lugar igualmente, primero pidan permiso por favor.

Para instalarlos:

1. Descomprime el archivo
2. En photoshop :
Estilos >> Cargar Estilos...  
Seleccionas el archivo (Nombre del estilo.asl) >> Cargar 
3. Y listo aparecerán los estilos y podrás utilizarlos!!












 

Este sitio se ve mejor en Google Chrome y Mozilla. Gracias por tu Visita. Si quieres ayudarme y ayudar al blog, da clic en los anuncios. No olvides Comentar y Seguirme! Gracias!!
ir arriba