>♥Base kawaii♥<
Ok, la base es pos es el principio de todo asi que por esto es muy importante:3
>♥Pasos♥<
Primero escribimos en la barra que nos aparece arriba lo siguiente www.blogger.com
Lo siguiente sera pinchar en donde dise "Plantilla"
Ahora pinchamos en donde dise "Diseño" al darle hay les abrira la pagina como la normal de diseño. Pues el punto de eso (en mi caso) es modificar el lugar en donde aparezcan los gadgets pero recuerden que esto es a su gusto♥:3.
Ok, la base es pos es el principio de todo asi que por esto es muy importante:3
>♥Pasos♥<
Primero escribimos en la barra que nos aparece arriba lo siguiente www.blogger.com
Lo siguiente sera pinchar en donde dise "Plantilla"
Al Pinchar hay nos aparecera lo siguiente:
Ahora le damos en la Base de como se vera el blog. Al pinchar una de estas les aparezera un cuadro encima que por abajo dice "Personalizar",
Pinchan hay & les aparecera una pagina asi:
Aqui pueden escojer alguna de estas opciones, en mi caso yo lo dejare asi:'3.
Ahora pinchamos en donde dise "Fondo", Les aparecera asi:
Ok, ahora aqui le deciden Como un tipo de "Pack de colores" a el blog poco apoco van decidiendo el que quieran usar. O si les gusta como esta asi lo dejan en PAZ :3.
Ahora pinchan en donde dise "Ajustar ancho", Ajustan el ancho a su gusto yo en mi caso no lo hise.
Ahora pinchamos en donde dise "Diseño" al darle hay les abrira la pagina como la normal de diseño. Pues el punto de eso (en mi caso) es modificar el lugar en donde aparezcan los gadgets pero recuerden que esto es a su gusto♥:3.
Al terminar Con "Diseño" van directamente a donde dise "Avanzado" Aqui podran cambiar el color de las palabras, Los tipos de letras, etc.
& ¡listo!
Asi es como me quedo:3
>♥Menu♥<
Ok, Que yo sepa todos savemos que es un menu o menu de incio, si no estas en ese grupo de personas que saben suve arriba al maximo & veras hay mi menu Con mis redes.
>♥Pasos♥<
Primero escribiremos lo mismo que en el anterior en la bara de arriba "www.blogger.com" al entrar a la pagina pincharan donde dise "Diseño" Buscaremos una partecita en donde diga "sidebar-right-1" abajo de hay nos aparecera la opcion de "Agregar gadget"
Al darle hay nos abrira una Nueva ventana del buscador que esten usando, en mi caso de moxila firefox. les abriria asi
Ok en la ventana nueva le pincharan en "HTML/Javascript"
Al Darle hay nos abrira la siguiente pagina en donde pondran ponerle el titulo & el codigo HTLM
>♥Codigo HTLM Para Copiar♥<
<!doctype html>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #e5fff2;
}
li {
float: left;
color: #e5fff2;
}
li a, .dropbtn {
display: inline-block;
font:"Palatino Linotype", "Book Antiqua", Palatino, serif
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: overline;
}
li a:hover, .dropdown:hover .dropbtn {
background-color: ;
border:3px solid #5CC6F4;}.menul
}
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
<ul>
<li><a class="active" href="URL De la pagina">Nombre de la pagina</a></li>
<li><a href="URL De la pagina</a>Nombre de La pagina</li>
<li class="dropdown">
<a href="URL De la pagina" class="dropbtn">Nombre de la paina</a>
<li><a href="URL De la pagina">Nombre de la pagina</a>
<div class="dropdown-content">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</li>
</li></ul>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani912.ani) url(http://cur.cursors-4u.net/anime/ani-10/ani912.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/13/halo-angel-wings-kaoani.html" target="_blank" title="Halo Angel Wings Kaoani"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Halo Angel Wings Kaoani" style="position:absolute; top: 0px; right: 0px;" /></a>
</!doctype>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #e5fff2;
}
li {
float: left;
color: #e5fff2;
}
li a, .dropbtn {
display: inline-block;
font:"Palatino Linotype", "Book Antiqua", Palatino, serif
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: overline;
}
li a:hover, .dropdown:hover .dropbtn {
background-color: ;
border:3px solid #5CC6F4;}.menul
}
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
<ul>
<li><a class="active" href="URL De la pagina">Nombre de la pagina</a></li>
<li><a href="URL De la pagina</a>Nombre de La pagina</li>
<li class="dropdown">
<a href="URL De la pagina" class="dropbtn">Nombre de la paina</a>
<li><a href="URL De la pagina">Nombre de la pagina</a>
<div class="dropdown-content">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</li>
</li></ul>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani912.ani) url(http://cur.cursors-4u.net/anime/ani-10/ani912.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/13/halo-angel-wings-kaoani.html" target="_blank" title="Halo Angel Wings Kaoani"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Halo Angel Wings Kaoani" style="position:absolute; top: 0px; right: 0px;" /></a>
</!doctype>
Ok, Al pegar el codigo buscaremos en donde diga "URL De la Pagina" & "Nombre de la pagina" en cada uno pondran lo que indican. Con lo demas recomiendo Que dejen eso en paz.
si no les gusta el color base del menu que (El fondo de las letras) dirijanse a el siguiente URL
Al abrir la pagina te encontraras con esto:
Dentro de la pagina buscaras el color que desees, luego de tenerlo elegido copiaras el codigo que se encuentra a la derecha de cada color (claro que copiaras solo el que desees).
luego volveras a el link & buscaras en la parte de arriba de tu codigo la parte que dice
background-color: #e5fff2;
en la parte del #e5fff2 vas a borrar eso & pondras el codigo Luego le das en Guardar & tendras tu Menu:3.
Ok, Eso fue todo por hoy. Espero que sea de tu agrado & que te guste mucho zi te gusto asmelo saber comentandolo aqui abajo o Siguiendome aqui en mi blog, ¡No olvides que tengo redes sociales! en las que estoy super activa!Les digo que este no sera el ultimo video de perzonalizacion para tu blog mas adelante subire muchas mas cosas sobre esto♥ bueno sin mas cositas Me despido por ahora:'3
>♥¡Bai!♥<
. . .
ResponderEliminar