Fanarts de Ciel

Holaaa! Los dibujos que veras a continuación están hechos por mi, espero que sean de tu agrado aunque tenga muchos errores u.U... el mas notorio es la mano de Elizabeth jajajaja quedo deforme XD

'SEGUIR LEYENDO'

Holaa, para el día de hoy veremos como remplazar el texto por una imagen del enlace de seguir leyendo o mas información.

• Primero Entra a plantilla / Editar HTML y busca el siguiente código:(Para que te sea mas fácil encontrarlo oprime Control+F, pegas el código y das Enter)

<data:post.jumpText/>

• Ya teniéndolo localizado, lo borras y lo remplazas por este otro:

<img src="URL de la imagen"/>


Y listo!.Eso es todo, sencillo verdad? A continuación te dejare unos letreritos de leer mas♥ por si deseas utilizarlos.

Banners Wattpad

A continuación veras algunos banners que hice para Wattpad . Las imágenes que utilice no me pertenecen yo solo las utilice para estas ediciones así que créditos a sus respectivos autores.

Si te gusta alguno puedes utilizarlo si quieres♥.

Esta es la que tengo en mi perfil :D

Botón 'Subir'

Hello♥ Esta vez veremos como se instala un botón que nos lleve arriba de nuestro blog.

Hay dos maneras de hacerlo:

PRIMERA FORMA

• Nos dirigimos a Diseño, agregamos un gadget HTML/Javascript y copiamos el siguiente código: 

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="#" title="Subir!"><img src=" url de la imagen del botón"/></a>

• Si quieres que el botón salga a la izquierda entonces pega este código:

<a style="display:scroll;position:fixed;bottom:0px;left:0px;" href="#" title="Subir!"><img src=" url de la imagen del botón"/></a>

SEGUNDA FORMA

Esta segunda forma el botón desaparece  y aparece.

Este tutorial lo vi en Ciudad Blogger, así que créditos a su página que es increíble.

• Primero entramos a Plantilla, damos click en Editar HTML  y antes de </ head> pega el siguiente código, pero si ya lo tienes omite este paso:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

• Luego, antes de ]]></ b:skin> agrega:

/* Botón Ir Arriba ----------------------------------------------- */ #IrArriba { position: fixed; bottom: 30px; /* Distancia desde abajo */ right: 30px; /* Distancia desde la derecha */ } #IrArriba span { width: 80px; /* Ancho del botón */ height: 100px; /* Alto del botón */ display: block; background: url(URL DE LA IMAGEN DEL BOTÓN) no-repeat center center; }

• Y por ultimo agrega este ultimo código antes de  </ body>

<div id='IrArriba'> <a href='#Arriba'><span/></a> </div> <script type='text/javascript'> //<![CDATA[ // Botón para Ir Arriba jQuery.noConflict(); jQuery(document).ready(function() { jQuery("#IrArriba").hide(); jQuery(function () { jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 200) { jQuery('#IrArriba').fadeIn(); } else { jQuery('#IrArriba').fadeOut(); } }); jQuery('#IrArriba a').click(function () { jQuery('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); //]]> </script>

Te dejo estos botones que hice en forma de estrella.Espero que te gusten♥

                               

                         

Poner una cortina en tu blog

Hola! Espero que estén muy bien hoy les enseñare poner una cortina en la parte superior del blog.

• Primero nos vamos a Diseño.

• Luego damos click en + Añadir un gadget , seleccionamos en donde dice HTML/Javascript y copiamos el siguiente código: 

<div style=" background-image: url('URL DE LA CORTINA'); top: 0px; left: 0px; width: 100%; height:48px; z-index: 100;position: fixed;"> </div>

Y listo, la verdad este tutorial es muy sencillo pero sin duda nos dará un toque lindo a nuestro blog.

*Nota: height es la altura de la cortina, yo en mi caso la tengo de 48px porque si la tenia de un numero menor que del que tengo no se veía completa la cortina así que tu la puedes modificar como mejor te quede.

A continuación te dejare unas cortinas que yo hice por si las quieres utilizar♥