Tema - Royal Blue

1 de dezembro de 2021

Demo | Download | Pastebin (HTML)

O que o layout Royal Blue contém?

• Link, blockquote (citações) e efeitos de postagens (negrito, etc) personalizados
• Página de marcadores standalone
• Icons do CAPPUCCICONS
• Sidebar com caixa de pesquisa, descrição e menu

Regras:
• Não retires partes do layout
• Não retires o menu dos créditos na sidebar nem os créditos no rodapé do blog
• Não disponibilizes para download; redireciona outras pessoas para o link do layout ou desta postagem
• Não uses este layout como base


Recomendações:
• Não mexas no HTML se não tiveres muito conhecimento sobre tal, o tema pode "desformatar" partes ou dar erro
• Se quiseres fazer alguma mudança diz nos comentários desta postagem que eu respondo

Primeiro, vamos instalar a sidebar. No gadget HTML que aparecer no ecrã do Layout, cole o seguinte:

<center><form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='Pesquise Aqui' type="text" value="" />
</form>
<img class="img-sidebar" src="https://i.imgur.com/6YQ1ccg.jpg" />
<div class="desc-sidebar">Escreve aqui algo sobre ti ou sobre o blogue, ou podes apagar se não quiseres este texto.</div>
<div id='menu'>
<div id='menu_tab'>
<a class='easytooltip' href='linkblog' title='Home'>#01</a>
<a class='easytooltip' href='linkblogmarcadores' title='Marcadores'>#02</a>
<a class='easytooltip' href='#' title='Pagina 3'>#03</a>
<a class='easytooltip' href='#' title='Pagina 4'>#04</a>
<a class='easytooltip' href='#' title='Créditos'>#05</a>
<a class='easytooltip' href='#' title='Pagina 6'>#06</a>
<a class='easytooltip' href='#' title='Pagina 7'>#07</a>
<a class='easytooltip' href='#' title='Pagina 8'>#08</a>
<a class='easytooltip' href='#' title='Pagina 9'>#09</a>
<a class='easytooltip' href='#' title='Pagina 10'>#10</a>
</div>
</div></center>


Rosa: Código da barra de pequisa
Laranja: Link da página do seu blog que contém os créditos deste tema
Verde: Tooltip que aparece quando o mouse está em cima dos números, altere para o texto que quiseres
Roxo: Links das páginas
Azul: Link da imagem na sidebar
Vermelho: Não mexa
Linkblog: Link do blogue
Linkblogmarcadores: Link da página do blogue que contém os marcadores
Pesquise Aqui: Texto que aparece na barra de pesquisa, altere se quiseres

Para a página de marcadores standalone, foi uma ideia que retirei do layout do blog Bunny Crazy e consegui fazer graças a este tutorial.
Para instalar primeiro cria uma página nova no blog, e muda a edição para "Vista de HTML", quando estiveres nessa vista cola o seguinte:

<div id="labels"> 
<a href="###" rel="nofollow" target="_blank">+++</a>
<a href="###" rel="nofollow" target="_blank">+++</a>
<a href="###" rel="nofollow" target="_blank">+++</a>
<a href="###" rel="nofollow" target="_blank">+++</a>
</div>

Onde está ### coloque o link do marcador, ou seja, urldoseublog/search/label/nomedomarcador; onde está +++ coloque o nome do seu marcador, o resultado final será esse. Os marcadores têm de vir em linhas de quatro.

MAS, para a página ter este layout, ainda temos que fazer outra coisa. Vai em Editar HTML, aperte crtl+f e digite na caixinha que aparece: <b:if cond='data:blog.url == , o código apresentado será o seguinte:

Na parte sublinhada a vermelho (ou seja, a url do blog da demo) substitua com o link da página dos marcadores do seu blog.
Não se esqueça de desativar os comentários da página!

E é isso! O layout está pronto a ser usado!

© Mystic Cat - 2021. Todos os direitos reservados.
Criado por: Mystic Cat.
Tecnologia do Blogger.