Advertisement
Hisabeel

Adding custom links

Sep 28th, 2017
335
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.46 KB | None | 0 0
  1. 1. Links básicos
  2. Isto aplica-se à maioria dos temas, onde os links são todos iguais e estão todos seguidos ou numa coluna.
  3.  
  4. Vá para a sua página de personalização e procure onde estão as caixas de texto para links personalizados. Na maioria dos casos, eles serão chamados de "Link 1" ou "Custom Link 1". Por exemplo:
  5.     IMAGEM: http://68.media.tumblr.com/d5af88c6ebb822ad986c7c6f5388043d/tumblr_inline_mhnz3ueqYZ1qz4rgp.jpg
  6.  
  7. Então, entre no código e procure por {texto: Link 1} ou seja qual for o título de seus links.
  8.     IMAGEM: http://68.media.tumblr.com/b2453df9cfc688e74b476d37f55d3217/tumblr_inline_mhnz9wHvCq1qz4rgp.jpg
  9.  
  10. Cada linha que começa com "<a href" é um link. Para fazer mais, basta copiar e colar uma das linhas (sem os blocos ao seu redor) após todos os outros links, substitua as opções pela suas. Por exemplo, se eu adicionasse outro link, ficaria assim :
  11.     IMAGEM: http://68.media.tumblr.com/de3bd910b93ba5f3a6104be5d00e7536/tumblr_inline_mhnze8ZF7L1qz4rgp.jpg
  12.  
  13. Você pode fazer isso quantas vezes for necessário.
  14.  
  15. 2. Listas e outras coisas assustadoras
  16. Observe que às vezes há outras coisas em torno dos links, como uma quebra de linha (</br>) no final, ou um ponto na frente (<li>). Certifique-se de copiar e colar toda a linha na qual o link está inserido.
  17.     IMAGEM: http://68.media.tumblr.com/b9f077add2086240f688cfbfb9cdfeba/tumblr_inline_mho03n22d41qz4rgp.jpg
  18.  
  19. Além disso, às vezes existem outras coisas dentro do link, como por exemplo:
  20.     IMAGEM: http://68.media.tumblr.com/a15bf3f809012e76f6c72e40920dfc9c/tumblr_inline_mhnzkwNG561qz4rgp.jpg
  21.  
  22. Nesse caso, sugiro não adicionar mais links, a menos que você tenha um conhecimento muito bom de html e css e saiba exatamente o que está fazendo.
  23.  
  24. 3. Links da página
  25. Alguns temas permitirão que você adicione links através de suas páginas. Você pode fazer isso clicando na opção "Mostrar um link para esta página".
  26.     IMAGEM: http://68.media.tumblr.com/e3df6f4180b2dca27dc5373a0830c058/tumblr_inline_mho10rRq4j1qz4rgp.jpg
  27.  
  28. Esta é provavelmente a maneira mais fácil de adicionar mais links, mas observe que nem todos os temas têm essa opção (por exemplo, você só pode fazer isso em alguns dos meus temas).
  29.  
  30. 4. Menus suspensos
  31. Em alguns temas, existe uma opção para colocar os links personalizados num menu suspenso (http://theme-hunter.tumblr.com/post/29553901571/teach-me-how-08-simple-drop- down-box). O conceito é o mesmo, copiando e colando uma linha, o que você está copiando e colando é diferente. Novamente, procure a opção para seus títulos de links no código:
  32.     IMAGEM: http://68.media.tumblr.com/01c4c1bf9a3d6d31fb399e2feb5075f8/tumblr_inline_mhnzqb9FDe1qz4rgp.jpg
  33.  
  34. Sim, eu sei que parece uma bagunça assustadora de codificação, mas na verdade é bastante simples. Aqui, os links estão dentro de uma tag <option>. (note também que eu coloquei instruções lá também woah)
  35.  
  36. Tudo o que você precisa fazer é copiar e colar uma das linhas que tem os links dentro dela abaixo dos outros links e substituir o título e a URL pelos seus.
  37.     IMAGEM: http://68.media.tumblr.com/8cb68e6926283b8c76661cfe3515a350/tumblr_inline_mhnzxwuIg71qz4rgp.jpg
  38.  
  39. E é isso! Não hesite em fazer perguntas se você ainda tiver problemas.
  40.  
  41. (tutorial por Viwan - http://viwan-th.tumblr.com/)
  42.  
  43.  
  44. x ----------------------------------------------------------------------------------------------------------------------------------- x
  45.  
  46.  
  47. 1. Basic Links
  48. This applies to most themes, where the links all look the same and are all in a row or a column.
  49.  
  50. Go to your customize page, and look for where the text boxes for custom links are. In most cases, they’ll be called something like “Link 1” or “Custom Link 1”. For example:
  51.     IMAGE: http://68.media.tumblr.com/d5af88c6ebb822ad986c7c6f5388043d/tumblr_inline_mhnz3ueqYZ1qz4rgp.jpg
  52.  
  53. Then, go into the code and look for {text:Link 1}, or whatever the title of your links are.
  54.     IMAGE: http://68.media.tumblr.com/b2453df9cfc688e74b476d37f55d3217/tumblr_inline_mhnz9wHvCq1qz4rgp.jpg
  55.  
  56. Each line that begins with “<a href” is a link. To make more, just copy and paste one of the lines (without the blocks around them) after all the other links, and replace the options with your own. For example, if I added another link, then it would look like:
  57.     IMAGE: http://68.media.tumblr.com/de3bd910b93ba5f3a6104be5d00e7536/tumblr_inline_mhnze8ZF7L1qz4rgp.jpg
  58.  
  59. You can do this as many times as necessary.
  60.  
  61. 2. Lists and other scary stuff
  62. Note that sometimes there are other things around the links, such as a line break (</br>) at the end, or a bullet in front (<li>). Just make sure to copy and paste the entire line that the link is in.
  63.     IMAGE: http://68.media.tumblr.com/b9f077add2086240f688cfbfb9cdfeba/tumblr_inline_mho03n22d41qz4rgp.jpg
  64.  
  65. Also, sometimes there are other things within the link, like the example:
  66.     IMAGE: http://68.media.tumblr.com/a15bf3f809012e76f6c72e40920dfc9c/tumblr_inline_mhnzkwNG561qz4rgp.jpg
  67.  
  68. In that case I suggest not adding more links unless you have a really good knowledge of html and css and know exactly what you’re doing.
  69.  
  70. 3. Page Links
  71. Some themes will allow you to add links through your pages. You can do this by clicking the “Show a Link to this Page” option.
  72.     IMAGE: http://68.media.tumblr.com/e3df6f4180b2dca27dc5373a0830c058/tumblr_inline_mho10rRq4j1qz4rgp.jpg
  73.  
  74. This is probably the easiest way to add more links, but note that not all themes have this option (for example, you can only do this in a few of my themes).
  75.  
  76. 4. Dropdown Menus
  77. In some themes, there’s an option to put the custom links in a dropdown menu (http://theme-hunter.tumblr.com/post/29553901571/teach-me-how-08-simple-drop-down-box). The concept is the same, copying and pasting a line, just what you’re copying and pasting is different. Again, look for the option for your link titles in the code:
  78.     IMAGE: http://68.media.tumblr.com/01c4c1bf9a3d6d31fb399e2feb5075f8/tumblr_inline_mhnzqb9FDe1qz4rgp.jpg
  79.  
  80. Yes, I know that looks like a scary mess of coding, but it’s actually quite simple. Here, the links are within an <option> tag. (also note that i put instructions there too woah)
  81.  
  82. All you have to do is copy and paste one of the lines that has the links within it beneath the other links, and replace the title and url with your own.
  83.     IMAGE: http://68.media.tumblr.com/8cb68e6926283b8c76661cfe3515a350/tumblr_inline_mhnzxwuIg71qz4rgp.jpg
  84.  
  85. And that’s it! Feel free to ask questions if you still have problems.
  86.  
  87. (tutorial by Viwan - http://viwan-th.tumblr.com/)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement