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
• 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!

