<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3lm7zhUkJZdT8dpdeJmZHE-leJxqgfY_srBwejpLm8vi4Ve9nH9BEvsOtwfiXmlOdC5nRQxBC0o38cTB6yq9xY70BMAXGAPmE_va-x36-oZ35sp25k2T9PqZu_RqV1KfLbZWg8uzmeRc/s1600/sdasd+copy.jpg" imageanchor="1"><img border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3lm7zhUkJZdT8dpdeJmZHE-leJxqgfY_srBwejpLm8vi4Ve9nH9BEvsOtwfiXmlOdC5nRQxBC0o38cTB6yq9xY70BMAXGAPmE_va-x36-oZ35sp25k2T9PqZu_RqV1KfLbZWg8uzmeRc/s400/sdasd+copy.jpg" width="391" /></a></div>
Adicione em seu blog uma ferramenta que ajudará bastante seus usuários
"A navegação das paginas com numeros"
1 - Não é necessário <b>Expandir modelos de widgets</b>.
2 - Copie o codigo abaixo.
<pre><code><csscode>.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:12px;
width:500px;
}
.showpageNum a,.showpage a {
background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg.png') repeat-x;
border:1px solid #97a7af;
margin:0px 1px 0 1px;padding:3px 8px;
text-decoration:none;
color:#333;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
}
.showpageNum a:hover,.showpage a:hover {
background-image:url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png');
border:1px solid #e4905a;color:#e4905a;text-decoration:none;
}
.showpageOf{
margin:0 8px 0 0;
}
.showpagePoint {
background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png') repeat-x;
margin:0 3px 0 3px;padding:3px 8px;
line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #e4905a;color:#333;text-decoration:none;font-weight:bold;
}
</csscode></code></pre>
2 - Cole acima da tag:
<pre><span style="color: blue;">]]></b:skin></span></pre>
3 - Copie o java a baixo.
<pre><code><javacode><script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script></javacode></code></pre>
4 - Cole acima do codigo
<pre><code> </code></pre>
<blockquote>
obs:Recomendo que use o ( Ctrl + F ) para pesquisar os codigos</blockquote>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3lm7zhUkJZdT8dpdeJmZHE-leJxqgfY_srBwejpLm8vi4Ve9nH9BEvsOtwfiXmlOdC5nRQxBC0o38cTB6yq9xY70BMAXGAPmE_va-x36-oZ35sp25k2T9PqZu_RqV1KfLbZWg8uzmeRc/s1600/sdasd+copy.jpg" imageanchor="1"><img border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3lm7zhUkJZdT8dpdeJmZHE-leJxqgfY_srBwejpLm8vi4Ve9nH9BEvsOtwfiXmlOdC5nRQxBC0o38cTB6yq9xY70BMAXGAPmE_va-x36-oZ35sp25k2T9PqZu_RqV1KfLbZWg8uzmeRc/s400/sdasd+copy.jpg" width="391" /></a></div>
Adicione em seu blog uma ferramenta que ajudará bastante seus usuários
"A navegação das paginas com numeros"
1 - Não é necessário <b>Expandir modelos de widgets</b>.
2 - Copie o codigo abaixo.
<pre><code><csscode>.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:12px;
width:500px;
}
.showpageNum a,.showpage a {
background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg.png') repeat-x;
border:1px solid #97a7af;
margin:0px 1px 0 1px;padding:3px 8px;
text-decoration:none;
color:#333;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
}
.showpageNum a:hover,.showpage a:hover {
background-image:url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png');
border:1px solid #e4905a;color:#e4905a;text-decoration:none;
}
.showpageOf{
margin:0 8px 0 0;
}
.showpagePoint {
background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png') repeat-x;
margin:0 3px 0 3px;padding:3px 8px;
line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #e4905a;color:#333;text-decoration:none;font-weight:bold;
}
</csscode></code></pre>
2 - Cole acima da tag:
<pre><span style="color: blue;">]]></b:skin></span></pre>
3 - Copie o java a baixo.
<pre><code><javacode><script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script></javacode></code></pre>
4 - Cole acima do codigo
<pre><code> </code></pre>
<blockquote>
obs:Recomendo que use o ( Ctrl + F ) para pesquisar os codigos</blockquote>
</div>


