Web Dois Ponto Zero: Blogger Tweaks

Mostrar mensagens com a etiqueta Blogger Tweaks. Mostrar todas as mensagens

Este "tweak" para o blogger é interessante pois permite-lhe saber quantos leitores estão a navegar pelo seu blog em cada um dos posts.

É muito fácil de aplicar pois basta colocar o código seguinte onde quiser: no rodapé, na barra lateral (onde tenho o meu na secção de expansíveis e colapsáveis), etc.


<style type="text/css">.readingtopics_text {font-weight:bold}</style>
<script type="text/javascript">
reader_text = "leitor(es)";
</script>
<script src="http://mig_.pand.googlepages.com/reading-num.js" type="text/javascript"></script>
Obrigado!<br/>

Vejamos o resultado:

É evidente que:
1. Depois, pode colocar o código entre tags div e trabalhar a sua aparência com css.
2. Pode usar o código directamente ou pode descarregar o script de ... (onde está, no meu servidor) e colocá-lo no seu servidor, alterando, naturalmente o endereço que aparece no código.
Mais uma vez, este código foi retirado de http://en.vietwebguide.com/2008/06/new-cool-widget-display-your-useronline.html, a quem agradecemos.
Boa sorte!

[+/-]

Posts mais lidos

[+/-]

Paginação no Blogger

Quando o número de posts no nosso blog começa a aumentar, será prático colocar-lhe paginação, para permitir-nos e aos nossos visitantes o salto de várias páginas em direcção aos posts anteriores (ou posteriores), em vez de múltiplos cliques no link "Mensagens antigas" (ou "Mensagens recentes") situado no fundo da página.
Foi o que fiz, e que podem ver e experimentar, exactamente no fundo desta página.

Então vamos ver como se faz.

Passo 1:
Painel de Controlo >> Esquema >> Editar HTML e clique na caixa "Expandir os Widgets"
Passo 2:
Encontrar

<b:include name='nextprev'/>
Passo 3:
Colocar imediatemente abaixo o seguinte código:


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<!-- Pager v1.0 (C)2008 en.vietwbguide.com-->
<script type='text/javascript'>

var home_page = &quot;http://webdoispontozeroplus.blogspot.com/&quot;;
var blogID = &quot;7125179335870608043&quot; ;

var pager_max_main = 5;
var pager_num_of_button = 13;

var pager_link_alt_text = &quot;Click to go to page&quot;;
var pager_total_text = &quot;Total: &quot;;
var pager_posts_text = &quot; posts, &quot;;
var pager_pages_text = &quot; pages.&quot;;
</script>
<script src='http://vietwebguide2.googlepages.com/blogger_pager_script_v10.js' type='text/javascript'></script>
<hr/><div id='blogpagerShowToTal' style='margin:3px 2px 3px 2px; padding:2px; font-weight:bold'></div>
<div id='blogpager' style='margin:3px 2px 3px 2px; padding:2px;
border-bottom:1px #090 dotted; font-weight:bold'>Jump to page: </div>
<script type='text/javascript'>
window.onLoad = createBlogPager();
window.onLoad = pager_showTotal();
</script>
</b:if>

Obviamente substituindo o endereço do meu blog pelo endereço do seu, na linha 4;
e o meu blog ID pelo seu, na linha 5 (o ID dos seus blogs pode ser visto quando faz o login em http://blogger.com/home e depois poisa o rato num dos links, por exemplo "Definições". O ID aparece no fundo do seu ecrã, na barra inferior do seu browser.)

E é tudo.
Se quser estilizar os seus botões/links de Paginação pode colocar algum CSS.
Eu utilizei o seguinte,


<style type="text/css">
.blogpaging {
background:#CCC;
border:0px #ccc solid;
padding:2px;
}
</style>

imediatamente antes do final do tag </head>

Boa sorte!

NOTA: Este "tweak" foi retirado, traduzido e adaptado de http://en.vietwebguide.com/2008/07/blogger-pager-script-version-10.html