dezembro 29, 2013

Layout free #miku


Okaeri :)

Estou com alguma preguiça para escrever este post, e até um nadinha pesarosa, porque o lay free que trago para vocês é um layout que pretendia ter usado no blog, mas acabou por ficar diferente do que tinha planejado, então não achei adequado nem quis. Mas ele está bonitinho - um pouco cegante, talvez, mas bonito, e com a miku por lá, porque não gostar? Eu achei que seria um desperdício não o dar a vocês. Então, cá está.

O problema é que, como tinha planejado para mim, tem algumas partes mais confusas de editar, nos gadgets, mas nada de mais. Explicarei aqui com cuidado, usem à vontade, já sabem que as regras estão na página de templates: www



Prévia:
óbvio que não dá para ver os hovers, mas acreditem, há em praticamente tudo ;)

Códigos
Já sabe como fazer, não é? Basta abrir o seu HTML e substituir pelo que encontrará no link abaixo. O mesmo para os gadgets, basta ir a adicionar e colar o código correspondente.

  • Código do layout: www
Código dos gadgets:
É aqui que vêm as explicações. Nos gadgets, eu editei como se fosse para mim, então tem textos e imagens minhas. O espaço para links eu deixo de maneira a substituir facilmente, escrito a maiúscula "LINK" ou "NOME". Isso é simples, só tem de trocar pelo seu. Mas eu não usei textos no layout, para ficar bonito, editei o texto em imagem, e apliquei o efeito pisca. Então, passo a passo, o que terá de fazer é:


Atenção 1
1. Edite um texto para cada gadget, excepto o de afiliados, usando a imagem abaixo como base:
2. Após ter o seu texto salvo, troque a url do MEU texto/imagem pela do SEU. Aqui em baixo está cada uma das urls, e o gadget onde estão. É só abrir e substituir, usando CTRL+F. 

 Welcome: http://2.bp.blogspot.com/-uIlBa2HBQFo/UkstxF2GqgI/AAAAAAAAODA/OM-FpG3CHIA/s1600/4.PNG

 Não se perca: http://3.bp.blogspot.com/-pApnJlZLS54/UlBjkq6880I/AAAAAAAAOGM/kby1s79_Lso/s1600/5.PNG

 About me: http://1.bp.blogspot.com/-9-PkAtJ3QLs/UlBjlBcr5UI/AAAAAAAAOGU/5X90LfgxTtY/s1600/6.PNG

 Extras: http://4.bp.blogspot.com/-NwNPOilWv4o/UlBjlXaPlsI/AAAAAAAAOGY/eiegPsvLhjM/s1600/7.PNG

 Ja nee: http://1.bp.blogspot.com/-ohkqnNpjVOQ/UlBjlyQ5U_I/AAAAAAAAOGk/z60jF-1at7Q/s1600/8.PNG



Atenção 2:
Consiste basicamente no mesmo, mas desta vez, é sobre os dados do blog. É só escrever na imagem abaixo, e depois, em vez da url dos meus dados »http://1.bp.blogspot.com/-LdqIQfLaEtA/UksxUa3TJlI/AAAAAAAAODM/fgY43-Xbo_I/s1600/5.png«, coloque a sua. Isto no primeiro gadget, o do welcome. E não se esqueça de procurar com CTRL+F.



Atenção 3:
Ok, eu tinha usado as minhas próprias tags no layout, no gadget "Não se perca". Tinha usado até as minhas próprias imagens, mas acabei por trocar, por avatares da miku pegos no blog "Waiting for sunshine". Apenas reduzi as dimensões. Então, acabei por usar 18 imagens, e em cada uma terão de substituir pelo link e nome das vossas categorias.  Nada de complicado, é só substituir onde diz "LINK" e "NOME". Mas atenção, porque embora não tenha nada que saber, o código do gadget, que já devem ter pego de lá de cima, é bastante extenso. 


Atenção 4:
Agora devem trocar o nome no cabeçalho. Editem a imagem abaixo. Depois, abram o HTML do blog, e colem a URL da vossa imagem editada no lugar da url seguinte:

  • http://3.bp.blogspot.com/-aTANC8n9v7o/Ullsru8ogXI/AAAAAAAAOLQ/DOOCRF29qLQ/s1600/mikubase4.png

clicar para aumentar


Era isto. Também não é assim tão mau... Um pouco confuso, talvez, mas pelo menos esses códigos são fáceis de achar. Só quem for principiante é que não deverá usar bem o layout, ainda assim, nada que um pouco de atenção não resolva. De qualquer maneira, eu nem sei se alguém usará o lay, até agora ainda não vi ninguém com nenhum dos meus layouts, apenas disponibilizo porque gosto de os fazer >.< É tipo: tenho ideias, não dá para usar tudo no blog, então tenho de dar a alguém.

P.S: Para quem não percebeu como colocar texto nos gadgets, acabei por fazer um tutorial passo a passo que ilustra duas maneira diferentes, escolham a que preferirem. Cliquem nas imagens para ampliar:


11 comentários:

  1. Ficou incrível *U*

    http://enquantoachuvadissolveacidade.blogspot.com/

    ResponderEliminar
  2. *Surtando*
    Porque Anilyan-Chan só agora *Emocionada* eu queria tanto um layout da Miku e no inicio da semana eu achei um em outro blog e coloquei ele, se vc tivesse postando antes eu usaria este *chateada*
    wordof-anime.blogspot.com

    ResponderEliminar
    Respostas
    1. Parece que tenho um péssimo sentido de oportunidade >.< Gómen, então. Se quiser usar mais tarde, esteja à vontade ^^ De qualquer modo, fico feliz por ter gostado :)

      Eliminar
  3. Nha, que coisa cute os seus layout any'Chaan!! * U * )''

    Adoro dizer que algumas blogueiras em muito talento mas você é daquelas que se supera, sério, ele é lindo!! Posso não ser lá muito fã da Miku mas ele ficou lindo e tão mágeco que da vontade de até mesmo sonhar! Ahahahaha'
    Pelo jeito quando faz as coisa para você elas tendem a ficar confusas? Ahahaha' Comigo é algo parecido, minha técnicas ninja são confusas demais apara algumas pessoas, mas eu as entendo rápido! xDD'

    Não desanime Anilyan e acredite *fuxicando o about do lay* todas somos um pouco "revolucionárias". Ahahahaha' x3
    Kissu~

    ResponderEliminar
    Respostas
    1. Isso é muito querido, fico feliz por entender as minhas técnicas ninja >.< Eu julgava que mais ninguém se iria dar bem com este lay, mas pelos vistos quase toda a gente o considera bonitinho :3 É claro que nunca irei desanimar, arigatou! ^^

      Eliminar
  4. Any-chan, ficou perfeito!
    Licença, mas peguei seu lay emprestado! Adorei seu blog, segue o meu?
    Mt obg pela atenção! E mais uma vez, parabéns pelo layout! Miku <3
    http://otaku-anonymous.blogspot.com.br/

    ResponderEliminar
    Respostas
    1. Arigatou, e fico extremamente feliz por ter usado ^^ Claro que sigo, e já agora, como acabei de visitar o seu blog, uma diquinha: comece a usar leia mais nas postagens. Assim, a página inicial carrega mais depressa e fica mais apresentável :)

      Eliminar
  5. Vlw pela dica, vou começar a usar!
    Uma pergunta, Any-chan: pq quando vou colocar o gadget "Afiliados", ou o "Não se perca", as imgs ficam uma debaixo da outra, e não do lado? Fiz algo errado, vou tentar solucionar o erro (๏̯͡๏)
    Arigatou, sayoo~

    ResponderEliminar
    Respostas
    1. Hum, realmente não consigo imaginar o problema... De certeza que copiou os códigos direitinho? Acredito que sim porque não há muito para se enganar e copiou os restantes direito, mas então não sei. Deixe lá, se não conseguir, faça um gadget à sua maneira >.< Douitashimashite, já vi algumas mudanças no seu blog, e de certeza que vai ficar perfeito :)

      Eliminar
  6. Oii Ani-chan!
    Vou ser sincera... Não entendi como substituir os textos dos Gadgets TT^TT Poderia me ajudar? Por favor? Agradeceria de coração! Adorei o Lay e gostaria muito de usar...
    Um enorme beijo! Parabéns pelo trabalho lindo.
    Kissus~

    curiosidadesorientaisjapao.blogspot.com.br

    ResponderEliminar
    Respostas
    1. Olá :) Fico muito feliz por ter gostado do layout, acrescentei no fim do post (onde diz PS) dois tutoriais diferentes, espero que ajudem. Se mesmo assim não conseguir, lamento, mas provavelmente será melhor usar outro dos meus lays free. Tenho muitos mais na página própria, os mais recentes eu considero bastante bonitos, use sempre que quiser ;) Ah, segui o seu blog. Kissus~

      Eliminar

♡ Saiba mais sobre o mim ou sobre o blog através do menu

♡ Quanto a comentários:
» Os pedidos são aceites nos comentários ou na ask (vejam o menu)
» Críticas construtivas são bem vindas. Barracos, não.
» “Seguindo, segue de volta?”, só serão aceites em blogs principiantes – e eu irei confirmar ao blog. Caso contrário será ignorado.
» Deixe o link do seu blog no fim do comentário e eu faço questão de pelo menos visitar e comentar.
» Pode usar estas carinhas:
=((•̪●))= ๑(•ิ.•ั)๑ ٩(●̮̮̃•̃)۶ ε(●̮̮̃•̃)з ٩(×̯×)۶̿ ┌∩┐(◣_◢)┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ (*^3^) 'U_U ♪ ♥ ஐ ▲☼゚ ♣ (๏̯͡๏) †