Como colocar paginação no blogger
Autor: Flávio | Publicado: 2011-09-05T11:24:00-03:00



Hoje eu vou ensinar uma forma fácil de colocar uma paginação mais moderna no blogger. Não é bem igual a da foto ao lado mas é parecida. Bem, para que esse tutorial saia perfeito no seu blog, copie os códigos certos e cole nos lugares certos. Então vamos lá!

Clique em Layout ► Editar HTML ► Clique em Expandir modelos de widgets.

Agora procure a linha:

&lt;b:include name='nextprev'/&gt;
Copie o seguinte código:

&lt;b:if cond='data:blog.pageType == &amp;quot;index&amp;quot;'&gt;&lt;style type='text/css'&gt;.blogpager {font-size:16px;color: #060;font-weight:bold;}A.blogpager:hover {background:transparent;color:white;}#vwg-pager-first, #vwg-pager-last, #vwg-pager-next, #vwg-pager-prev{padding:2px 5px;border:1px #cccccc solid;font-weight:bold;margin:2px;}#vwg-pager-first:hover, #vwg-pager-last:hover, #vwg-pager-next:hover, #vwg-pager-prev:hover{padding:2px 5px;border:1px navy solid;background-color:#24618E;color:white;font-weight:bold;}&lt;/style&gt;&lt;/b:if&gt;&lt;div align='center' style='margin:5px;'&gt;&lt;form action='#' name='pager20'&gt;&lt;span id='vwg-pager-first'/&gt; &lt;span id='vwg-pager-prev'/&gt; &lt;input name='showingpage' onfocus='this.select()' size='4' title='Enter page number that You want to go' type='text' value='init...'/&gt;/&lt;input disabled='disabled' name='pagestotal' size='4' type='text' value='init...'/&gt; &lt;input onclick='checkpager()' type='button' value='Go'/&gt; &lt;span id='vwg-pager-next'/&gt; &lt;span id='vwg-pager-last'/&gt;&lt;/form&gt;&lt;/div&gt;
&lt;script type='text/javascript'&gt;var blogID = &amp;quot;3972232990891503524&amp;quot;;var home_page = &amp;quot;http://tpviara.blogspot.com/&amp;quot;;var pager_max_main = 3;
var pager_first_text = &amp;quot;First&amp;quot;;var pager_last_text = &amp;quot;Last&amp;quot;;var pager_prev_text = &amp;quot;Prev&amp;quot;;var pager_next_text = &amp;quot;Next&amp;quot;;&lt;/script&gt;&nbsp;&lt;script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js" type="text/javascript"&gt;&lt;/script&gt;&nbsp;
Cole abaixo da linha:
<!--
google_ad_client = "ca-pub-8125769057188431";
/* Five Tutos */
google_ad_slot = "6509435174";
google_ad_width = 468;
google_ad_height = 60;
//-->

<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">


&lt;b:include name='nextprev'/&gt;&nbsp;
Clique em Visualizar para ter certeza de que o hack foi colocado corretamente.
Agora vamos aprender a editar o hack:
Nas 3 linhas em vermelho procure por&nbsp;var blogID = &amp;quot;3972232990891503524&amp;quot;;. Agora onde está em laranja você mudará para a ID do seu blog.
Para achar o ID do seu blog é simples. Olhe para a barra de endereço e procure por algo como a imagem abaixo:



Agora procure por var home_page = &amp;quot;http://tpviara.blogspot.com/&amp;quot;; e substitua o que está em laranja pelo endereço do seu blog.

Agora vamos editar quantos posts serão exibidos na página principal: procure por var pager_max_main = 3; e substitua o que está em laranja pelo número de posts que você configurou normalmente na aba configurações do Blogger.

Agora clique em SALVAR ALTERAÇÕES e faça bom proveito.