Tutorial: Menú Superior

Vista previa

Plantillas blogskins: Copiar el código y pegarlo debajo de </style>
Plantillas blogger: Copia este código y pégalo en Diseño>>Añadir gadget>> HTML/Javascript

<style>

.hyosung{

width:100%;

background:#222;

position:fixed;

top:0px;

left:0px;

box-shadow:0 0 6px #000;

text-align:center;

padding:10px;}

a.jieun{

background:#444;

text-decoration:none;

color:#fff;

padding:5px;

font:11px arial;

margin-left:5px;

margin-right:5px;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;

display:inline-block;

width:60px;}

a.jieun:hover{background:#fff;

color:#000;

</style>

<div class="hyosung">

<a class="jieun" href="LINK">HOME</a>

<a class="jieun" href="LINK">ABOUT</a>

<a class="jieun" href="LINK">TUTOS</a>

<a class="jieun" href="LINK">AFFIES</a>

<a class="jieun" href="LINK">PUBLICITY</a></div>

Editamos:
Rojo: El link de tu entrada o página que quieras que se abra cuando clickeas
Verde: La categoría.

Credits: WSBY