como coloca botão Artígos anterior proximo artigo no blog

demo floating nextprev Nova Versão do Plugin Floating NextPrev para Blogger
Como Instalar?
1º – Acesse o painel do seu blog e clique na guia modelo.
2º – Em seguida, clique no botão Editar HTML.
3º – Marque a caixa Expandir Modelos de Widgets.
4º – Segure as teclas CTRL+F e procure por:

</head>

5º – E Acima dele cole o seguinte código:


<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'/>
<script type='text/javascript'>
window.onload = function socialButtons() {
$('.floating-nextprev-1').hover(function() {
$(this).stop().animate({
left: '0px'
},
'fast')
},
function() {
$(this).stop().animate({
left: '-199px'
},
'fast')
})
$('.floating-nextprev-2').hover(function() {
$(this).stop().animate({
right: '7px'
},
'fast')
},
function() {
$(this).stop().animate({
right: '-199px'
},
'fast')
})
}
</script>
<script type='text/javascript'>
$(document).ready(function(){
var newerLink = $("div.proximo-artigo").attr("href");
$("div.proximo-artigo").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("div.proximo-artigo").text();
$("div.proximo-artigo").text(newerLinkTitle);
});
var olderLink = $("div.artigo-anterior").attr("href");
$("div.artigo-anterior").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("div.artigo-anterior").text();
$("div.artigo-anterior").text(olderLinkTitle);//rgt
});
});
</script>
<link href='http://dl.dropbox.com/u/44914301/codigos/floating-nextprev/floating-nextprev.css' rel='stylesheet' type='text/css'>
</link>


6º – Depois, segure as teclas CTRL+F e procure por:

post-footer-line-1

7º – Você encontrará uma linha completa, abaixo dela cole o seguinte código:

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:olderPageUrl'>
<a class='btn-proxima' expr:href='data:olderPageUrl'><div class='floating-nextprev-1 floating-nextprev-box' id='social_link_users'><div class='seta1'/>
<div class='caixa bandeja'>
<p id='mensagem-artigo'>Artigo Anterior</p>
<p id='proximo-artigo'>
<div class='proximo-artigo' expr:href='data:olderPageUrl'><data:olderPageTitle/></div>
</p>
</div></div></a></b:if>
<b:if cond='data:newerPageUrl'>
<a class='btn-anterior' expr:href='data:newerPageUrl'><div class='floating-nextprev-2 floating-nextprev-box'><div class='seta2'/>
<div class='caixa bandeja espaco'>
<p id='mensagem-artigo'>Próximo Artigo</p>
<p id='proximo-artigo'>
<div class='artigo-anterior' expr:href='data:newerPageUrl'><data:newerPageTitle/></div>
</p>
</div></div></a></b:if></b:if>

8º – Ficará como na imagem abaixo:

demo de onde colocar o codigo Nova Versão do Plugin Floating NextPrev para Blogger

9º – Depois clique em Salvar Modelo.