Layout free para previews ~

Hello coisas goxtosas da minha vida ʚ(•3•)ɞ Como estão hein? Cansada dessa vida de quente/frio tá louco T^T são muitas emoções para uma pessoa em um mesmo dia rsrsrs, esse tempo me lembra do filme karatê kid, tira o casaco  põe o casaco hahaha. Chega de falar do tempo, credo, eu sempre to falando do tempo ultimamente ﾟｰﾟEstou parecendo uma velha coroca hahahahaha. Estão percebendo que estou postando sem parar né? Milagres acontecem sabe? Ou melhor, depois que pessoas pegam férias elas conseguem voltar a viver de novo rsrrs. O post de hoje foi a pedido de uma leitora, ela queria um tutorial e eu fiz de vez o layout ( ҂`з´ )

Sério, eu não iria ter saco para ensinar a fazer este tutorial, uma porque é muito complicadinho e iria bagunçar a cabeça de muitos, eu fiz uma gambiarra da porra UAHSUAhsuahsauhs tipo assim prontinho a pessoa vai posta o efeito e pronto, sem precisar mexer aqui ou ali entende? O blog de previews que eu uso é mais complicado ainda pois são mini posts o que é bem chato de postar efeitos etc.. Agora este são apenas sidebars, é muito mais fácil de postar assim, só na hora de postar irão perceber que a área do layout no blog está meio bagunçadinho, mas mesmo assim é bem mais prático de usar do que com mini postagens. Vamos ver esta fofura? o(^∀^*)o

LIVE PREVIEW (ﾉ´ヮ´)ﾉ*:･ﾟ✧

Para usar o menu do topo cole o código seguinte acima de ]]></b:skin>

Menu:

.may a{font-size: 13px; /**tamanho da fonte**/
font-family:cambria; /**fonte**/
color: #fff; /**cor da fonte**/
text-decoration:none;text-transform:uppercase;text-shadow: 1px 1px 1px #CCD9D8;}
.may a::before, .may a::after {display: inline-block;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s;}
.may a::before {margin-right: 2px;content: '{'; -webkit-transform: translatex(20px);-moz-transform: translatex(20px);transform: translatex(20px);}
.may a::after { margin-left: 2px;content: '}';-webkit-transform: translatex(-20px); -moz-transform: translatex(-20px); transform: translatex(-20px);}
.may a:hover::before,.may a:hover::after,.may a:focus::before,.may a:focus::after { opacity: 1; -webkit-transform: translatex(0px); -moz-transform: translatex(0px);transform: translatex(0px);}

Link do menu:

<div style='image-align:center;position:fixed;margin-left:95px;margin-top:-20px;margin-bottom:px;'>
<nav class="may">
<a href="LINK"target="_blank">Nome</a>
<a href="LINK"target="_blank">Nome</a>
<a href="LINK"target="_blank">Nome</a>
<a href="LINK"target="_blank">Nome</a>
<a href="LINK"target="_blank">Nome</a>
</nav>
</div>

Para usar o título do blog adicione um gadget html java script acima do header em layout e cole dentro o código abaixo:

<div style="position: fixed;z-index: 2; margin-top: -15px; margin-left:-420px;width: 300px;
font-family: Cambria Sans;font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px;text-shadow: 1px 1px 1px #CCD9D8;">↝ Welcome to my blog of previews ➸</div>

DOWNLOAD ｡ﾟ✶ฺ.ヽ(*´∀`*)ﾉ.✶ฺﾟ｡