• Home
  • About
  • Contact
facebook twitter instagram pinterest bloglovin Email
 Olá amados e amadas, tudo bem com vocês? Nossa, a blogosfera está as moscas, o que andou acontecendo em? Já estamos praticamente todos de férias, era para isso aqui estar bombando! Mas enfim. Ah, amores, eu não estou respondendo os comentários por que fica péssimo de responder eles do jeito que está, mas na próxima postagem eu já terei resolvido isso. Gente do céu, chegamos a 100 seguidos, estourem balões por mim, haha. Muito obrigada a vocês que estão acompanhando o blog!
  Então, hoje venho trazendo mais um pedido da ask, um menu para goodies e tutorias, já fiz vários desse no meu blog antigo, antigamente se usava mais, contudo, trouxe dois modelinhos para vocês, um mais fofo e outro nada fofo, então, let's go!
 
*Para visualizar bem, abra a imagem em uma nova guia.

 Então, escolha o modelo que deseja, copie o código do que escolheu, e colo acima de ]]></b:skin> em seu html.
(Códigos dos modelos aqui).
 Feito isso, salve. Depois, crie sua página e em vez de "Escrever", coloque em HTML, e colo o seguinte código abaixo:

<div class="titulo">

Tutoriais e Utilitários</div>

<div style="float: left; width: 50%;">

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<br /></div>

<div style="float: left; width: 50%;">

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<div class="goodies">

<a href="https://www.blogger.com/URL_DA_POSTAGEM">TÍTULO DA POSTAGEM </a></div>

<br /></div>

<br />


 Depois disso, altere o Título, onde deixei destacado em itálico, os links e os nomes das postagens.
Espero que gostem amados, beijinhos!
Share
Tweet
Pin
Share
8 Comentários
  Nem sei com que cara de pau eu venho escrever aqui depois desse tempo fechado. Bem, eu mencionei sobre eu estar doente, e uns três ou quatro dias depois eu fechado. O motivo, eu só contei para a linda da Ayako-chan, se quiserem saber da história, vão na ask dela, mas eu não quero ocupar com vocês com isso aqui nessa postagem.
   Ah, gente na próxima postagem, decidi fazer algo diferente para vocês, vou trazer um vídeo de uma apresentação minha da copa/sãojoão. Calma, não estou dançando funk nem forró, é ballet, foi uma apresentação bem simples, e eu estou com uma roupa verde e amarela, que hipocrisia da minha parte. Mas a roupa é linda!
   Voltando ao tema da postagem, vim trazer um menu pedido na ask, eu usei ele no layout Pedaços de Scarlet, aquele do Kuran-sama. Contudo, lá eu usei sem números, substitui por "+". Abaixo temos um preview,  um pouco fuleiro,  mas dá para visualizar. Então, vamos ao tutorial, que é bem mais simples do que parece, muito mesmo.


  Ah, eu me esqueci de mencionar que trouxe três modelos deles, observe na imagem abaixo todos os modelos. E também, se forem usar, com certeza a sidebar de vocês não é do mesmo tamanho da que eu usei, por isso, deve se alterar as cordeadas, que no caso são a altura e a margem para esquerda. O código a ser alterado, é o seguinte:
<div style="position:absolute; top: 62px; left:230px;">
Então lembre-se de ajusta-lo a sua sidebar. Lembrando que em "top" é a altura, quanto menor o número mais alto; e "left" é para esquerda, quanto menor mais para esquerda, maior, mais para direita.



   Primeiro escolha qual modelo você ira usar, então cole o código dele no seu HTML.
Códigos:  Modelos do menu, clique aqui para pegar.

   Depois disso feito, salve, e coloque o código abaixo aonde desejar que o menu apareça.

Modelo 1:
<div style="position:absolute; top: 62px; left:230px;">
<div class="Menusid"><a href="seulink"> 01 </a></div>
<div class="Menusid"><a href="seulink"> 02 </a></div>
<div class="Menusid"><a href="seulink"> 03 </a></div>
<div class="Menusid"><a href="seulink"> 04 </a></div>
<div class="Menusid"><a href="seulink"> 05 </a></div>
<div class="Menusid"><a href="seulink"> 06 </a></div>

Modelo 2:
<div style="position:absolute; top: 62px; left:230px;">
<div class="Menusid2"><a href="seulink"> 01 </a></div>
<div class="Menusid2"><a href="seulink"> 02 </a></div>
<div class="Menusid2"><a href="seulink"> 03 </a></div>
<div class="Menusid2"><a href="seulink"> 04 </a></div>
<div class="Menusid2"><a href="seulink"> 05 </a></div>
<div class="Menusid"2><a href="seulink"> 06 </a></div>

Modelo 3:
<div style="position:absolute; top: 62px; left:230px;">
<div class="Menusid3"><a href="seulink"> 01 </a></div>
<div class="Menusid3"><a href="seulink"> 02 </a></div>
<div class="Menusid3"><a href="seulink"> 03 </a></div>
<div class="Menusid3"><a href="seulink"> 04 </a></div>
<div class="Menusid3"><a href="seulink"> 05 </a></div>
<div class="Menusid3"><a href="seulink"> 06 </a></div>

Depois de ajustar tudo certinho, seu menu estará pronto.

Share
Tweet
Pin
Share
6 Comentários
  Hello gente linda, gente adorável, estão bem, não é? Eu realmente espero que sim! Gente, esse layout é bem mais fácil de manusear, vocês não tinhas ideia de quanto o outro dava trabalho para postar, sério. Mas agora tudo são flores. Olha que diva a ilust dessa postagem, sambei! Logan <3
   Gente, essa postagem foi o pedido da Alice-chan, vocês se lembram do menu em pixel de rosinhas do lay antigo, pois é, ela pediu para eu fazer um tutorial de como fazer ele, daí além de ensinar, eu trouxe uns modelinhos para vocês, espero que gostem lindos, let's go, mon ange!
 Não vou enrolar vocês, aquele "Menu" é super simples, você nem vai precisar abri o HTML do seu blog.
  • Abra o gadget que desejá colocar o menu, e cole o código abaixo:
<div style="position:absolute; top: 22px; left:-20px;">
<a href="SeuLink" title="Título"><img  src="http://fc08.deviantart.net/fs71/f/2013/245/3/a/pixel_rose_by_kawiku-d6ktv1q.gif" /></a>
<br />
<a href="SeuLink" title="Título"><img  src="http://fc08.deviantart.net/fs71/f/2013/245/3/a/pixel_rose_by_kawiku-d6ktv1q.gif" /></a>
<br />
<a href="SeuLink" title="Título"><img  src="http://fc08.deviantart.net/fs71/f/2013/245/3/a/pixel_rose_by_kawiku-d6ktv1q.gif" /></a>
<br />
<a href="SeuLink" title="Título"><img  src="http://fc08.deviantart.net/fs71/f/2013/245/3/a/pixel_rose_by_kawiku-d6ktv1q.gif" /></a>
<br />
<a href="SeuLink" title="Título"><img  src="http://fc08.deviantart.net/fs71/f/2013/245/3/a/pixel_rose_by_kawiku-d6ktv1q.gif" /></a>
<br />
<a href="SeuLink" title="Título"><img  src="http://fc08.deviantart.net/fs71/f/2013/245/3/a/pixel_rose_by_kawiku-d6ktv1q.gif" /></a>
<br />
</div>

  • As partes em itálico são os valores da margem da altura e da esquerda, em negrito as partes do seu menu, que você deve alterar.
Agora, outras imagens pixel, para vocês mudarem o "menu":

Attemp of a pixel-dog by aresaPixel CutieCake Avatar by ZetasMilk Carton and Cereal Avatar by xXMandy20Xx Coffee Lover Avatar by xXMandy20Xx free milk and cookie avie by cremecakefree yogurt icon by cremecake
strawberry chocolate cake icon by milkbun teabag icon by milkbun: Flan Icon : by ToxicOxygen: Tea Icon : by ToxicOxygenRose Tea Avatar by Kezzi-Rose
*Imagens do DeviantArt.

Share
Tweet
Pin
Share
12 Comentários
  Olá queridos, tudo bem com vocês? Espero que sim! Gente, eu tentei fazer essa postagem mais cedo, criei até o menu ontem, mas nem consegui tocar no computador até agora. Enfim, hoje foi um dia muito corrido, e estou morta de cansada, mas estou muito feliz com o blog: 36 seguidores o/. Espero chegar aos 50 até próximo sábado, ou mais... (eu sonhando).
 Sobre o menu, quando coloquei na programação "Menu para status", o menu já estava pronto, só que era um parecido com todos os outros que fazer, data ao lado da frase, a modinha como vocês sabem bem, daí decidi faze diferente, gente, ficou bem fofinho estou louca pra usar, por que está super original. Continue lendo a postagem para visualiza-los:
-A primeira imagem é ele normal, e a segunda é em hover, ou seja, quando passa o mouse em cima.

  Para utilizar esse menu, adicione o código abaixo em seu HTML,acima de ]]></b:skin>:
@font-face { font-family: Smallest ; src: url('http://static.tumblr.com/aicgjw6/7VGmoaydh/smallest_pixel-7.ttf') }.status{font-family: Smallest ;border-radius:2px;width: 170px;background: #fcc;padding: 5px;margin-bottom: 6px;text-align: left;font-size: 10px;color: #fff;text-shadow: 1px 1px 0px #ffbed2;box-shadow: inset 1px 1px 0 #fef8f9;}.status:hover{font-family: Smallest ;border-radius:2px;width: 200px;background: #fcc;padding: 5px;margin-bottom: 6px;text-align: right;font-size: 10px;color: #fff;text-shadow: 1px 1px 0px #ffbed2;box-shadow: inset 1px 1px 0 #fef8f9;}.status1{font-family: Smallest ;border-radius:2px;width: 200px;background: #fcc;padding: 5px;margin-bottom: 2px;text-align: left;font-size: 10px;color: #fff;text-shadow: 1px 1px 0px #ffbed2;box-shadow: inset 1px 1px 0 #fef8f9;}
Salve, e depois adicione me um gadget html, o código abaixo:

<div class="status1"> xx-xx-xx <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" />  Domingo</div><div class="status"> Me sentindo...Achando que... Pensanso em fazer... Queremdo matar...
</div>
<div class="status1"> xx-xx-xx <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" />  Segunda-feira</div><div class="status">Me sentindo...Achando que... Pensanso em fazer... Queremdo matar...
</div>
<div class="status1"> xx-xx-xx <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" />  Terça-feira</div><div class="status">Me sentindo...Achando que... Pensanso em fazer... Queremdo matar...
</div>

As partes em NEGRITO devem ser alteradas, com a data, o dia e seu status.
Espero que gostem cheirosos!~Beijinhos
Share
Tweet
Pin
Share
36 Comentários
Older Posts

About me

Chamam-me de Gabriela, escorpiana com 21 primaveras, estudante de Serviço Social na UFPE, leitora compulsiva e otome amante de todas as fofurinhas do mundo.
❤ Contato: E-mail e redes sociais!
gabymisakichan@outlook.com
Instagram - Facebook

@gabyhongki

Seguidores

Postagens populares

  • Review - Circle Lens Select Fairy - Street Brown 1 Day (Pinkicon)
  • DIY - Faça sua própria choker fácil! -
  • 2 Menus para Afiliados -Muito fofos-
  • Imagens para Follow -Seguir o Blog-
  • Wishlist Romwe - Março ♡

Categories

  • Estilo
  • Layouts free
  • Moda e Maquiagem
  • Mundo Kawaii
  • Resenhas dos Animes
  • Resenhas e Snopse
  • Review
  • Seu Blog
  • Skincare
  • Templates free
  • Tutoriais
  • recebidos
  • utilitários

Facebook

Uma Otome Frágil

Blog Archive

  • ▼  2021 (2)
    • ▼  novembro 2021 (1)
      • About the Customizeone store: The second pink dres...
    • ►  junho 2021 (1)
  • ►  2020 (8)
    • ►  novembro 2020 (2)
    • ►  outubro 2020 (3)
    • ►  abril 2020 (1)
    • ►  janeiro 2020 (2)
  • ►  2019 (4)
    • ►  novembro 2019 (1)
    • ►  agosto 2019 (2)
    • ►  abril 2019 (1)
  • ►  2018 (5)
    • ►  novembro 2018 (1)
    • ►  maio 2018 (1)
    • ►  fevereiro 2018 (3)
  • ►  2017 (17)
    • ►  setembro 2017 (2)
    • ►  julho 2017 (1)
    • ►  junho 2017 (1)
    • ►  abril 2017 (2)
    • ►  março 2017 (2)
    • ►  fevereiro 2017 (3)
    • ►  janeiro 2017 (6)
  • ►  2016 (2)
    • ►  maio 2016 (1)
    • ►  abril 2016 (1)
  • ►  2015 (4)
    • ►  agosto 2015 (1)
    • ►  janeiro 2015 (3)
  • ►  2014 (97)
    • ►  agosto 2014 (1)
    • ►  julho 2014 (15)
    • ►  junho 2014 (21)
    • ►  maio 2014 (15)
    • ►  abril 2014 (12)
    • ►  março 2014 (2)
    • ►  fevereiro 2014 (11)
    • ►  janeiro 2014 (20)
  • ►  2013 (300)
    • ►  dezembro 2013 (14)
    • ►  novembro 2013 (12)
    • ►  outubro 2013 (7)
    • ►  setembro 2013 (19)
    • ►  agosto 2013 (32)
    • ►  julho 2013 (36)
    • ►  junho 2013 (32)
    • ►  maio 2013 (26)
    • ►  abril 2013 (26)
    • ►  março 2013 (34)
    • ►  fevereiro 2013 (25)
    • ►  janeiro 2013 (37)

Created with by ThemeXpose