Truedicas | Truedicas é um blogger de dicas para blogueiro iniciantes e experiêntes, disponibilizamos códigos para blog e hacker, dicas de monetização de blog,como ganhar dinheiro com blogspot, dicas de search engine optimization

Mostrando postagens com marcador VIDEO AULAS BLOG. Mostrar todas as postagens

Senhores, este é o codigo, por gentileza, deixem ao menos um comentário, se não enfraquece ne?

</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>

Leia Mais >>

CURSOS ONLINE 24 HORAS COM SERTIFICADOS

Cursos Online é Cursos 24 Horas

Leia Mais >>

editando imagem e criando cabeçalho parte 1

editando imagem e criando cabeçalho parte 2

editando imagem e criando cabeçalho parte 3

Leia Mais >>

COMO CRIAR MENU E ADICIONAR CONTEUDO

COMO CRIAR MENU E ADICIONAR CONTEUDO PARTE 2

COMO CRIAR MENU E ADICIONAR CONTEUDO

PARA DOWNLOAD PARTE 3

COMO CRIAR MENU E ADICIONAR CONTEUDO

PARA DOWNLOAD PARTE 4

Leia Mais >>

CRIANDO CABEÇALHO PARA BLOG DE FORMA SIMPLIS E PRATICA.

Leia Mais >>

como colocar slider deslizante na horizontal do blog

DOWNLOAD DO CÓDIGO

Leia Mais >>

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:

<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>

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.

Leia Mais >>

COMO ADICIONAR LEIA MAIS NO BLOG

Procure por:

</head>

4. Acima dela cole o seguinte código:

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340; img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

5. Agora procure pela linha:

<data:post.body/>

6. Substitua-a pelo código abaixo:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia Mais >></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Se no seu blog utiliza páginas estáticas, substitua <data:post.body/> pelo código abaixo:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='summary' expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia Mais >></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

7. Clique em Pré-Visualizar/Visualizar, se estiver tudo no seu devido lugar clique em Guardar/Salvar Modelo.
Para personalizar, adicionando estilos ao link Leia Mais >> basta adicionar o código abaixo acima da linha ]]></b:skin>.

.rmlink {
float:right;
background: #04B4AE; /* Cor de fundo */
border: 1px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.rmlink a {
color: #FFF; /* Cor do texto */
text-decoration: none;
font-weight: bold;
}
.rmlink:hover {
background: #045FB4; /* Cor de fundo ao passar o rato/mouse */
border: 1px solid #000;
text-decoration:none;
}

AINDA TEM DUVIDAS? NOS PERGUNTE!

Leia Mais >>

COMO TIRAR O NAVBAR E O FAVICON DO BLOG

Como retirar o navbar do blog (mais simples)

Esse ´´e um geito mais simples de tirar aquele navbar chato.
Vá em design do modelo, em editar html e ( de um ctrl+f) procure pelo codigo ;

]]></b:skin>

Cole o código do formulário abaixo em cima da linha do HTML:

#navbar-iframe { height: 0px; visibility: hidden; display: none; }

TEM QUE FICAR ASSIM: ACIMA DO CODIGO]]></b:skin>

#navbar-iframe { height: 0px; visibility: hidden; display: none; }]]></b:skin>clique em salvar modelo e pronto.

Como retirar o link '' assinar postagens ( atom)''

Vá em seu blog, clique no link Design > Editar HTML e procure pelo trecho:]]></b:skin>ACIMA DELE COLE O SEGUINTE CÓDIGO:

.feed-links {
clear: both;
line-height: 2.5em;
text-indent:-9999em;
}

Leia Mais >>

Baixar Filmes Grátis

como configurar menu do template

como criar um slider

CURSOS ONLINE 24 HORAS COM SERTIFICADOS

editando imagem e criando cabeçalho parte 1

COMO CRIAR MENU E ADICIONAR CONTEUDO

CRIANDO CABEÇALHO PARA BLOG DE FORMA SIMPLIS E PRATICA.

como colocar slider deslizante na horizontal do blog

COMO COLOCAR PAGINAS NUMERADAS NO BLOG

COMO ADICIONAR LEIA MAIS NO BLOG

COMO TIRAR O NAVBAR E O FAVICON DO BLOG

Publicidade

Comunidade

Menu

Postagens Popular

Arquivos do Blog

Seguidores

Comunicado

Até Hoje!