Mostrando postagens com marcador VIDEO AULAS BLOG. Mostrar todas as postagens
Mostrando postagens com marcador VIDEO AULAS BLOG. Mostrar todas as postagens
como criar um slider
Senhores, este é o codigo, por gentileza, deixem ao menos um comentário, se não enfraquece ne?
<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:290px;
width:510px;
overflow:hidden;
border: 0px solid #ccc;
margin: auto;
padding:0px;
}
#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:10px;
padding:10px;
border:solid 4px #ccc;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "URL IMAGEN 1";
showRandomImg = true;
tablewidth = 510;
cellspacing = 1;
borderColor = "";
bgTD = "#000000";
imgwidth = 480;
imgheight = 250;
fntsize = 16;
acolor = "#ff0000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 2;
summaryColor = "#0000ff";
icon2 = " ";
numposts = 10;
label = "";
home_page = "http://virtualmundohacker.blogspot.com/";
</script>
<script src="http://acessoriosparablogs.com.br/scripts/slide.js" type="text/javascript"></script>
editando imagem e criando cabeçalho parte 1
editando imagem e criando cabeçalho parte 2
editando imagem e criando cabeçalho parte 3
COMO CRIAR MENU E ADICIONAR CONTEUDO
COMO CRIAR MENU E ADICIONAR CONTEUDO
PARA DOWNLOAD PARTE 3
COMO CRIAR MENU E ADICIONAR CONTEUDO
PARA DOWNLOAD PARTE 4
como colocar slider deslizante na horizontal do blog
 |
| DOWNLOAD DO CÓDIGO |
COMO COLOCAR PAGINAS NUMERADAS NO BLOG
ESTE É O CODIGO É SÓ COPIAR ELE, E COLOCAR NO BLOCO DE NOTAS E DEIXAR SALVO, DEPOIS FAZ OS PROCEDIMENTOS ENSINADOS NESTE VIDEO AULA, VALEW.
COLOCANDO PAGINAS NUMERADAS
]]></b:skin>
Antes dele adicione o seguinte:
.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;
}
4.Procure pelo seguinte código:
</body>
Antes dele adicione o seguinte:
<!-- Inicio do codigo de navegacao -->
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Anterior';
var downPageWord ='Próximo';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->
NESTE CÓDIGO ACIMA, ONDE TEM var pageCount=5 É O NUMERO DE POSTAGENS POR PAGINA, VOCÊ PODE ESTÁ ALTERANDO, CASO QUERIRA MAIS POSTAGEM NAS PAGINAS.
CASO ESTE CÓDIGO ACIMA NÃO FUNCIONE NO SEU TEMPLATE, TENTE ESTE ABAIXO
É SÓ REPETIR OS PROCEDIMENTOS, NÃO ESQUECENDO DE APAGAR O CODIGO QUE NÃO FUNCIONOU E COLOCAR O NOVO CÓDIGO NO LUGAR DOS MESMOS.
COLOCANDO PAGINAS NUMERADAS]]></b:skin>
Antes dele adicione o seguinte:
.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;
}
4.Procure pelo seguinte código:
</body>
Antes dele adicione o seguinte:
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
</script>
<script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'></script>
PARA FINALIZAR
clique em expandir modelos de widgets e procure a tag 'data:label.url' e cole o seguinte código no lugar da tag procurada: 'data:label.url + "?&max-results=7"'
NÃO ESQUEÇA DAS ASPAS
NESTE CÓDIGO ACIMA, ONDE TEM O NUMERMO 7 É O NUMERO DE POSTAGENS POR PAGINA, VOCÊ PODE ESTÁ ALTERANDO, CASO QUERIRA MAIS POSTAGEM NAS PAGINAS.
Assinar:
Postagens (Atom)
