Há muito que penso em deixar o menu de navegação do blog dentro do post, entre outras coisinhas que estou preparando para vocês, aguardem. Acho até estranho o menu lá, embaixo de tudo, depois dos comentários, fica um pouco sem nexo. Mas vamos então implementar logo esse hack.
A primeira coisa que vamos fazer será dar o estilo e depois esconder o outro menu nas páginas internas.
Vá até o Modelo de seu blog, clique em Editar modelo
Agora procure por:
]]></b:skin>
#menu-navegar{width:100%; margin: 30px 0 90px 0;}
]]></b:skin>
]]></b:skin>
Salve.
Agora clique em "Expandir modelos de widgets"
Procure pelo seguinte trecho:
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Troque-o pelo código abaixo:
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
Salve.
Agora vamos implementar o menu dentro dos posts.
Para que o menu fique na parte inferior do post, procure por:
<div class='post-footer'>
Acima dele, cole o próximo código:
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "static_page"'>
<div id='menu-navegar'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='http://4.bp.blogspot.com/-wY9AwqHbiRI/TlUpuVjr55I/AAAAAAAAAsU/GBF18N89LCk/s1600/back.png' style='float: left; padding: 10px 0;'/></a>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a expr:href='data:blog.homepageUrl'>
<img src='http://4.bp.blogspot.com/-8IT27jncY8g/TlUpvImFeUI/AAAAAAAAAsg/3vakIjXpWW4/s1600/home.png' style=' position:relative;float:right; left:-50%;'/></a><b:else/>
</b:if>
<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
<img src='http://3.bp.blogspot.com/-ETOV-I90TaU/TlUpwW84Z0I/AAAAAAAAAsw/x5K8VMt4kJw/s1600/next.png' style='float: right; padding: 10px 0;'/></a>
</b:if>
</div>
</b:if></b:if></b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "static_page"'>
<div id='menu-navegar'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='http://4.bp.blogspot.com/-wY9AwqHbiRI/TlUpuVjr55I/AAAAAAAAAsU/GBF18N89LCk/s1600/back.png' style='float: left; padding: 10px 0;'/></a>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a expr:href='data:blog.homepageUrl'>
<img src='http://4.bp.blogspot.com/-8IT27jncY8g/TlUpvImFeUI/AAAAAAAAAsg/3vakIjXpWW4/s1600/home.png' style=' position:relative;float:right; left:-50%;'/></a><b:else/>
</b:if>
<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
<img src='http://3.bp.blogspot.com/-ETOV-I90TaU/TlUpwW84Z0I/AAAAAAAAAsw/x5K8VMt4kJw/s1600/next.png' style='float: right; padding: 10px 0;'/></a>
</b:if>
</div>
</b:if></b:if></b:if>
Para trocar as imagens, troque os códigos coloridos pelos endereços de suas imagens
Vermelho----------------------------------Seta a esquerda
Verde--------------------------------------Casinha
Azul--------------------------------------- Seta a direitaSe prefere o menu na parte superior do post, cole o último código acima de:
<div class='post-header'>
n conseguir
ResponderExcluirnm cnsigu axa msm uzando Ctrl + F
Ficou perfeito! Obrigada mais uma vez!!
ResponderExcluir