.cutemenu {
background: fcc;
margin:10px;
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:10px ;
font-family: verdana;
text-align:center;
width:100px;
color:#a1a1a1;
padding:2px;
border:1px solid #FF69B4;
border-left:20px solid #FF69B4;
text-decoration:none;
}
.cutemenu:hover{
background: fcc;
border-left:1px solid #FF69B4;
border:1px solid #a1a1a1;
border-right:20px solid #FF69B4;
}
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
margin-top: 12px; /* espaço entre o rodapé e o post */
padding: 0;background: #FFC0CB; /*** Cor do fundo ***/border-bottom: 3px solid #DDA0DD; /* cor, espessura e tipo da borda */border-top: 3px solid #DDA0DD; /* cor, espessura e tipo da borda */text-align: center; /* alinhamento do texto */color: #666666; /* cor do texto */font-family: Arial; /* fonte do texto */font-size: 11px; /* tamanho da fonte */padding: 11px;margin: .8em 0;line-height: 1.6;}.comment-link {margin-left:17px;magin-top:500px;color: #ccc;background-color: #fcc;
Vá em ModeloPersonalizarAvançadoAdicionar CssEntão cole o seguinte código:.main-inner h2.date-header {margin-left:-10px;float: left;text-align: center;font-size: 10px;padding: 5px;background:#fcc;color: #000;text-shadow:0 1px #ccc;margin-top: -0px;}h3.post-title {margin-top: 10px;text-align: center;}@font-face {font-family: 'Delius';src: local('Delius-Regular'), url(http://themes.googleusercontent.com/static/fonts/delius/v3/7WQiMJKp1Jo3CiUw302zGA.woff) format('woff');}h3.post-title a {font-family: Delius;color: #fcc;font-size: 17px;font-weight: normal;}h3.post-title a:hover {color:#d18df0;}.post-outer {box-shadow: inset 0 0 2px #fdcba6, 0 0 1px #ffddc4;Background: #FFFFF0;margin: 10px 0px 20px;padding-top: 1px;padding-left: 5px;padding-right: 5px;padding-bottom: -10px;border-top: 2px solid #d18df0;border-bottom: 2px solid #d18df0;}.post-header, .dados {padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*margin: 0;border-bottom: 1px dashed #ccc; /*cinza*/text-align: center;}.main-inner .column-center-outer {margin-top: -45px;}.post-body {line-height: 1.4;position: relative;}.post-header {margin: 0 0 1em;line-height: 1.6;}.post-footer {margin: .5em 0;line-height: 1.6;}.sidebar .widget {width:100% !important;background:#fff; /** COR DO FUNDO DO GADGET **/margin:10px 0 !important;border-top:4px #d18df0 solid; /** COR DA BORDA DE CIMA **/;border-radius:0 0 10px 10px;padding:10px;box-shadow: inset 0 0 40px #eee, 0 0 10px #ccc; /** SOMBREAMENTO **/overflow:hidden}.sidebar .widget h2 {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJsd76nrZcFBTkw-QncAPkbru8nru-xbjSC3zo0a4U6Bcp7vsXLyBhCiHTGA8bFqJJRgjSJReeo_78NlWftb8kl3VNaZUshyphenhypheniGJYcd0ggX8DiXg_fxoRhG7Kd7Lfy_TXLc0quLTENfAg/s1600/bcnew.png") /** COR DO FUNDO DO TITULO **/;color: #fff /** COR DO TITULO **/;text-align: center;font-size:17px /** TAMANHO DO TITULO **/;text-shadow:0 1px #fcc /** SOMBRA DO TITULO **/;margin-top:-10px /** MARGIN **/;margin-left:-10px /** MARGIN **/;margin-bottom:5px /** MARGIN **/;padding:5px;width:107%;overflow:hidden}.footer-inner .widget,.sidebar .widget {font: normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif;color: #666666;}.sidebar .widget a:link {color: #666666;text-decoration: none;}.sidebar .widget a:visited {color: #ffcccc;}.sidebar .widget a:hover {color: #666666;text-decoration: underline;}.footer-inner .widget a:link {color: #ffcccc;text-decoration: none;}.footer-inner .widget a:visited {color: #ffcccc;}.footer-inner .widget a:hover {color: #ffcccc;text-decoration: underline;}.widget .zippy {color: #000000;}.footer-inner {background: transparent none repeat scroll top center;}
