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


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 。゚✶ฺ.ヽ(*´∀`*)ノ.✶゚ฺ。

Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

9 comentários:

  1. Oi Roh, eu estou otima e vc?
    Amei esse layout de previews, irei usar <3 Estava procurando tutoriais que me ajudem a fazer um mas realmente é tudo complicado :s
    xoxo
    CB

    ResponderExcluir
  2. Oe õ//
    Eu estou bem, e ti ? ^-^
    uhauhsuahuhuh aqui estava frio a alguns dias, mas o calor tomou conta, o brilho do sol ofuscou o frio -qq , mo bullyn, prefiro frio Ò.ó
    Eu estou vendo isso, não consigo acompanhar todas as postagens huahsuha, mas não pare, eu gosto c:
    Como você consegue ter tanto animo pra fazer layouts ? Tipo, deve demorar bastante e sei lá, mas eu vejo que você gosta muito u.u
    Achei o layout mega kawaii *O* tu podia meio que usar esse lay como base pra fazer um completinho e disponibilizar como free, ficaria mo dahora *o*
    Beso e queso

    ResponderExcluir
  3. Nem me fale desse tempo maluco >//< Segunda sem blusa, quarta com 3 blusas, ahuashau' ~mas é isso mesmo que tá acontecendo E-E~ Nossa, este seu layout de preview está muito lindo! Ficou super cute e profissional ao mesmo tempo *o*. Acho que este free seu é bem útil para aqueles blogs que tem vários layouts free, sabe?
    Até logo ☯ || unicorns-of-wonderland.blogspot.com.br // Sou novo por aqui, poderia visitar meu blog?

    ResponderExcluir
  4. Hello, sua diva! Eu estou bem, mas também cansada dessa rotina quente/frio louca... Haha! Tô rindo da sua analogia com o filme. Férias libertando à todos, né? *w*

    Me fizeram o mesmo pedido e eu fiz a mesma coisa. O do meu blog a ideia era ser com mini posts, mas eu tenho preguiça, então deixei duas sides mesmo. SAJAOSJWQPOJ Mas, whatever, o seu layout está um amor. Bem clean e lindinho. ♥ Adorei, como sempre.

    Carinhosamente, Jheni. * e m p i r e k a w a i i & q u i n z e o u t o n o s *

    ResponderExcluir
  5. Oi linda!
    Obrigada,Roh! Vou usar no lay que estou fazendo! #Mesalvou!
    Já falei que seu layout tá um amor,mas vou falar novamente,"tá um amor"!
    Visite meu blog? >http://imaginareblogaramigas.blogspot.com.br/<

    ResponderExcluir
  6. Oie ♥
    Amei esse Lay! É simplesmente Divo :3

    dreamworld012.blogspot.com

    ResponderExcluir
  7. velhooooooooo, adoreiiii seu lay... n oq vc disponibilizou, (q tbmmm é demais), mas simmm o que vc está usando no seu blog agora, nesse exato momento..... caraaaa seriaooooooooo

    Sim eu sou army, uma army de 2013, e pqppppppppp seu layyyyy pqpppppppp na moral.......


    TA LINDOOOOOOOOOOOOOO

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017