Páginas

Mostrando postagens com marcador ferramentas. Mostrar todas as postagens
Mostrando postagens com marcador ferramentas. Mostrar todas as postagens

Nossas ferramentas em seu blog

Copie o código abaixo e cole em seu blog e pronto, nossas ferramentas ira ajudar seus leitores!


Numeração nas Páginas do Blogger - Código 2012

Hoje estarei ensinando como por numeração de páginas em seu blogspot, esse hack é bastante usado e muito e facilita a navegação de seus leitores, então vamos começar?

Atenção se você não tem muitos conhecimentos:
1-Faça Backup do seu template.
2-Faça em um blog teste.
3-Em quanto faz o procedimento vá clicando em VISUALIZAR.

certo agora que você está ciente, vamos aprender:

1- Entre em seu blog, "Desigin"
2- vá em  "Editar HTML" 
3- Clique na caixinha: "expandir o modelo"

Agora vamos para alterações em seu blogger:

4- Procure por:: ]]></b:skin> e coloque esse código antes dele:
-----COMEÇO (não copie essa linha)------- 
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
------FIM (não copie essa linha)-------

5-Agora procure pela linha </body> e coloque esse javascript antes dele:
-----COMEÇO (não copie essa linha)------- 
&lt;script type='text/javascript'&gt;
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
&lt;/script&gt;
&lt;script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;
-----FIM (não copie essa linha)------- 

Essa linha var postperpage=7; define o numero de postagens por pagina
oba, estamos chegando ao fim:
procure por 'data:label.url' no código html inteiro do seu blog por e substitua todos eles por:
 

-----COMEÇO (não copie essa linha)-------
 
'data:label.url + &quot;?&amp;max-results=7&quot;' 
----FIM (não copie essa linha)------

PRONTO. DUVIDAS POR FAVOR POSTE NOS COMENTÁRIOS!


Adicione um alerta em seu blog

Basta colar em seu blog ou site, o código dentro da caixa de ferramenta, ela funciona em todo tipo de blogs, pagina, em todo lugar mesmo, ela da um alerta de uma mensagem feita por você.


Entenda mais:
<SCRIPT language='JavaScript'> alert ("Bem vindo ao meu blog eduardoCriador.ec.cx") ;< /SCRIPT>

A parte em vermelho você digita sua mensagem, ou seja sua alerta!!
por favor não mude nenhuma linha seguinte, isso pode dar erro e ficar falhas no seu blog!

by: Eduardo

Como adicionar o botão ‘Curtir’ do Facebook ao seu site


Primeiro copie o código dentro da caixa de ferramenta, certo!

Procure por:  suaurl  Pronto, poe a URL do blog ou site! =)

Aproveitando" Curte aee -->>>>"

Como saber que te copiou suas postagens?

Protected by Copyscape Duplicate Content Detection Software
Esse site, é o melhor, basta você digitar a URL de sua postagem ele mostra, onde essa postagem foi
postada, muito bom e muito pratico!

Eu uso ele para saber quem copia minhas postagens, com tudo já denunciei e o Google, constato as contas e o deleto todas, sem exceção.
A Partir de agora, você nunca mais será passado para trás, e não temera aos plagies, boa sorte, espero que gostem!!

By: Eduardo

Aviso de manutenção para seu blog ou site


Essa pagina é bastante util para seu blog se você está passando por manutenções..
Basta copiar o Código e por no seu blog, e pronto!

Código:
cole como HTML-SCRIPT PARA FUNFAR!!

by: "Eduardocriador"

Slides de postagens recentes para blogger


Muito fácil de instalar em seu blog, basta copiar o código abaixo, e modifica a linha..
é muito bom, ele mostra as postagens com imagens, olhe logo acima, usamos um de teste:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 800;
var pause = 6500;
function removeFirst(){
first = $('ul#slide li:first').html();
$('ul#slide li:first')
.animate({opacity: 0.5}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#slide').append(last)
$('ul#slide li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
interval = setInterval(removeFirst, pause);
});
</script>
<style type="text/css">
#slide{
height:150px;
width:360px;
overflow:hidden;
border: 1px solid #ccc;
margin: auto;
padding:5px;
}
#slide li{
margin: 10px 0 0 0;
list-style:none;
}
#slide .news-title{
display:block;
text-align: center;
line-height: 10px;
}
#slide img{
float:left;
margin-right:2px;
padding:10px;
border:solid 1px #ccc;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "URL IMAGEN 1";
showRandomImg = true;
tablewidth = 360;
cellspacing = 1;
borderColor = "";
bgTD = "#ffffff";
imgwidth = 120;
imgheight = 120;
fntsize = 16;
acolor = "#ff0000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#0000ff";
icon2 = " ";
numposts = 10;
label = "";
home_page = "http://www.eduardocriador.blogspot.com/";
</script>
<script src="http://www.eduardocriador.xpg.com.br/slide.js" type="text/javascript"></script>

onde está em azul, poe seu LINK do seu blog, ou olhe nossa vídeo aula, e saiba como!