Mostrando postagens com marcador blogspot. Mostrar todas as postagens

. "como adicionar infinito efeito"... /..."pós rolagem para blogger"

"como adicionar infinito efeito"... /..."pós rolagem para blogger"

" Infinite Post Scrolling Effect"

???

Este tutorial/dica, é:

▼

...sobre :

"como adicionar...

" infinito efeito"

"pós rolagem para blogger"

...caso você

não entenda o que é

"infinito efeito

pós desdobramento",

▼
...vá para a página : Facebook

e role a página...

    e
      veja
         ...como, exemplo de
      "infinit scroll":

      poderá   observar,
      que a página
      rolará infinitamente ...▼

► lá no facebook, você verá "auto carregamento "(rolagem)
...entradas mais antigas ...:

► o efeito é chamado de: "rolagem infinita."

..."é um trabalho baseado em "jQuery"
...

Bem,

...depois de adicionar esse "script", de "infinit scroll"

para o seu blog,

...você notará ao rolar a página de

..."post antigo"

...serão "mostrados automaticamente"
os outros posts

conforme este exemplo ...

acessando aqui e verá + demonstração do efeito em epígrafe...

...isto significa que você não precisa clicar em postagens antigas...

"O principal benefício "

...usando essa versão ,

verá que

você vai poder carregar a

"rolagem infinita "
em

cada página,
página de arquivo
e
página de busca,
enquanto ~~que~~ o "script "
não irá carregar
em sua página item
e
páginas estáticas,

ou seja,

posts e páginas.

Significando, por conclusão, que seu blog será

mais ágil e rápido.

Programa demonstrativo ►clica aqui◄

Agora,
vejamos
"Como adicionar "Infinito Mensagem Scrolling" Efeito Para Blogger?

Nota:

Este "script" só funciona em "modelos padrão do Blogger"

ou naqueles que

não são "modelo" ,

porém,

"altamente personalizado".

- Primeiro Passo:

Logado em seu painel do blogger ->

Ir para:

-> 1 - Modelo
-> 2 - Editar HTML

vide exemplo na imagem a seguir:

Clique em em
"Editar HTML " (caixa de seleção)

. Agora,
procure por </head> ,
no código html de seu template.

Assim:

...dê um clique com o botão direito do mouse ,
na tela do código de html de seu template, e verá aparecer um espaço em branco, na lateral direita/superior, e escreva ali:
</head>,
...em seguida dê um "ENTER", via teclado,
e encontrará a palavra buscada no html de seu template, no caso
aqui,
a palavra é </head>

...

Encontrando: </head> (palavra/código), buscada...

Copie e cole,
logo acima de </head>,
o código a seguir:
▼

<b:if cond='data:blog.pageType == "index"'> <script src='https://sites.google.com/site/scriptsedilenebds/scripts/jquery.min...jQuery%20v1.9.1.js'></script> <script src='https://sites.google.com/site/scriptsedilenebds/scripts/jquery.ias.minInfinito%20Scroll%20Ajax%2C%20um%20plugin%20jQuery.js' type='text/javascript'></script> <script type='text/javascript'> jQuery.ias({ container : '.blog-posts', item: '.post-outer', pagination: '#blog-pager', next: '#blog-pager-older-link a', loader: 'http://1.bp.blogspot.com/-kdPMrXPLEzk/UaB_PY7LxvI/AAAAAAAASE4/vxjD_2pkTtI/s1600/loading.gif'});</script></b:if>

Salve!
Pronto !

Atenção:

Remover no código
acima ,
a linha ,
caso o seu blog
já tenha
o plugin
"jQuery"

obs.:

..."originalmente ,

esse script foi criado

por Simplex design.

Bom,

espero ter ajudado!!!

Qualquer dúvida entre em contato!

escreva nos comentários

via

formulário de contato

acessando aqui

Saiba como: "Retirar o gadget Atribuição do seu blog !"

fonte e céditos dessa pesquisa:
templatesparavoce

Retirar o gadget Atribuição do seu blog !

Não existe a opção de excluir!

Daí , para que você consiga retirar esse gadget ,
terá que ir ao HTML
do seu template para conseguir !

Antes:
Salve o sewu código "HTML", caso algo não dê certo, para repô-lo!

1º - Apague a widget Attribution do HTML do seu template

Escolha o template que deseja retirar a frase "Tecnologia do Blogger" e clique em Modelo » Clique em Editar HTML » Clique em cima do código e Utilize as teclas Ctrl+F e Procure pela widget

Attribution:

 <b:widget id='Attribution1' locked='true' title='' type='Attribution'>...</b:widget>

Apague esta widget »
Clique em Salvar

Aonde está o retângulo rosa, tem uma setinha preta, clica nela, e descompacte o widget,
para selecionar e deletar, caso queira. Senão pode deletar o que está dentro do retângulo rosa que dá no mesmo!

Visualize seu blog.

Sumiu?
Então, se sumiu, é sinal que
deu certo de primeira
e da forma mais fácil.

"Mas esse gadget , tem a possibilidade de não desaparecer com um procedimento tão simples."

2º - Outra maneira de tirar o gadget "Tecnologia do Blogger" do seu template

Se o gadget "Tecnologia do Blogger" não tiver sido apagado. Você deve voltar em Modelo » Procurar pela widget Attribution novamente e apagar toda a <b:section> em que ela estiver localizada.

Porém, você não quer perder a <b:section> onde o gadget Atribuição está.

Então você deverá primeiro excluir a widget Attribution no HTML do template (mais fácil), como ensineado acima, no 1º passo » Salve o modelo.

»Depois selecione a seção <b:section> recorte e cole em um bloco de notas »

Clique em
Salvar modelo »

Visualize seu blog e certifique-se que conseguiu tirar o Gadget Atribuição.

Aí você copia a <b:section class='foot' id='footer-3' showaddelement='no'>...</b:section>
que tinha colado no bloco de notas e volta para o lugar de antes.

Observação:

Neste caso a seção é no rodapé do Template Simple e se você deixá-la como está não irá aparecer no Layout do seu blog, não permitindo que você coloque gadgets nela.

Então mude a palavra no
em
[showaddelement='no']
para
yes
ficando assim:

<b:section class='foot' id='footer-3' showaddelement='yes'> »

Clique em
Salvar modelo

Vá em "Layout"
e certifique-se
de que a seção está lá.

Caso não apareça, clique em F5 e atualize a página do layout do seu blogger que irá aparecer.

by Áurea:
▼
"Acredito que existam situações em que este gadget não se aplica ao template nem ao tema do blog. Por isso acho que deveria ter a opção de retirá-lo sem ter que recorrer a recursos mais avançados. Entendo a posição do blogger em não dar esta opção, mesmo assim nos permite que retire. Isso eu admiro nesta plataforma."

Saiba como implementar Widget ( código) de "responder comentarios no blog"/(simples)

Saiba como implementar Widget

( código) de "responder comentarios no blog"/(simples)

Em alguns templates, não existe a opção "responder comentários";

...daí,
o jeito, é implementá-lo!

Muito simples, porém, existem vários modelos e esquemas para tal.

Aqui
vou passar um tutorial muito simples e fácil de fazer!

Tutorial :
... responder comentários no blog!

Bom:

Logado no painel blogger...

. Vá até o html de seu lay-out
. e,
em html
procure por
<data:commentPostedByMsg/>
ao encontrar o código:

▼
<data:commentPostedByMsg/>

...abaixo dele, fazendo as alterações necessárias,
cole o seguinte código:

<span class='comment-reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=AQUI VOCE COLOCA O ID DE SEU BLOG&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'> ◄ <i>Responder comentário</i>
</a></span>

Nota:

O que está escrito em vermelho,
coloque o ID de seu blog

vide imagem:

▼

Você pode ver o número da ID de seu blog na barra de endereços do seu navegador.

Obs.:

Você pode colocar também,
abaixo de
abaixo do seguinte código:

<dd class='comment-footer'>

Assim
o link
aparecerá abaixo do comentário!

Bom,
espero ter ajudado!

Use sua criatividade!

Saiba como é feito esse modelo: "Lista de Postagens Populares na Horizontal"

Este presente post, vem a ser referente a um belíssimo e funcional tutorial, feito por por Ariane, do blog templatesparanovoblogger,
...considero bem feito e funional, e bonito, por conseguinte, quero tê-lo sempre por perto!

"Lista de Postagens Populares na Horizontal"

...widgets..." Postagens Populares".

"É uma maneira interessante de atrair seus visitantes para outros textos que talvez não se apresentem na página inicial, além de mostrar os assuntos que mais agradam seus leitores. "

"No entanto, por padrão, a lista aparece na vertical, limitando a possibilidade de mostrá-la em outras áreas do blog que não a sidebar, além de ocupar bastante espaço da coluna lateral, mesmo que se escolha poucos posts a serem mostrados."

Uma maneira que considerada por Ariane, do blog templatesparanovoblogger
interessante foi mostrar esta mesma lista na horizontal, dentro de alguma div que ocupe toda a largura da página,
como a
div #crosscol-wrapper (e neste caso, apareceria abaixo do cabeçalho, como neste blog).

"Também é possível arrastar o widget para o Footer, por exemplo, e a apresentação dos Posts Populares ficaria no final da página"

Tutorial para quem usa os Modelos de Layout (2006)

A primeira coisa que se deve fazer é se certificar da largura total de
#outer-wrapper (a div que engloba todas as outras).
Procure no CSS do seu template por
#outer-wrapper
e veja o valor que está em
width.

Se no seu template este valor for 100%,
será preciso então definir um valor para
#content-wrapper
(a div que engloba #main-wrapper e #sidebar-wrapper).
Se o valor de width em
#outer-wrapper
for algo como 980px,
não será preciso definir
#content-wrapper.

Para definir uma largura para content-wrapper,
acrescente no CSS (imediatamente
acima da
tag ]]></b:skin> ):

#content-wrapper{margin: 0 auto; width: 990px}

o valor de width

deve ser alterado conforme a largura que você desejar.

Tendo definido uma largura para content-wrapper, acrescente também este trecho (ainda acima da tag ]]></b:skin> )

#crosscol-wrapper{margin: 0 auto; padding: 0px}
#PopularPosts1{width: 100%; margin: 0px auto; padding: 5px 0px} /*define que o widget ocupe 100% de largura */
#PopularPosts1 h2{font-size:18px;text-align:left; border-bottom: 1px dotted #fff} /*estilo para o título do widget */
.PopularPosts .widget-content{float:left;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.PopularPosts .widget-content ul {margin: 0px auto;padding: 0px 0px;width: 100%; list-style:none; } /* estilo para a lista de posts */
.PopularPosts .widget-content li {margin: 0px 6px 10px 6px;width: 182px;padding: 0px;height: 180px; overflow:hidden;list-style:none; float:left; border: 1px solid #fff;} /*estilo para cada item da lista. Altere os valores de width, height, border, etc, para que se encaixem na largura total. */
.item-content{font-size: 12px; text-align:left; padding: 5px 10px} /* estilo para o resumo do post */
.PopularPosts img{margin: 0px 0px;padding: 4px; background: #fff; float:right} /*estilo para a imagem */
.PopularPosts .item-title{line-height:1.3em} /* estilo para o titulo de cada post */

Salve a modificação.

Em Elementos de Página,
arraste o widget
Postagens Populares
para sob o cabeçalho (ao arrastar, deve aparecer um retângulo onde se deve encaixar o widget), ou para #footer.

"Se você desejar, poderá também colocar no início ou final da coluna dos posts,
mas deverá modificar as medidas para que se encaixem na largura da coluna. "

No exemplo de Ariane, as medidas são ideais para
#content-wrapper com width: 990px;
mostrando cinco posts populares por 'linha'.

Se quiser mostrar os posts populares apenas na primeira página,
vá em Editar HTML...
... e, encontre o widget PopularPosts expandido.

É um código bastante extenso e a condicional (em vermelho)
deve ser colocada logo após <b:includable id='main'> e
seu fechamento logo antes de </b:includable>
como mostrado abaixo:

<b:widget id='PopularPosts1' locked='false' title='Populares' type='PopularPosts'>
<b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
    <ul>
......... mais código .........

</b:loop>
    </ul>
    <b:include name='quickedit'/>
</div> </b:if></b:includable>
</b:widget>

Para os que usam os Modelos de Designer

Para os que usam os novos modelos,
...Ariane fez " este teste"
mas é necessário fazer algumas aterações no HTML.

Primeiro vá em Designer do Modelo => Avançado e em Adicionar CSS,
acrescente os códigos passados acima
(aqui, a única diferença será que você deve especificar uma medida exata de largura e altura para #crosscol-wrapper,
como na imagem abaixo - clique para ampliar -):

Salve a modificação e vá
em Editar HTML
e procure por:

<div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>

E acrescente depois de </div>:

<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol-wrapper' maxwidgets='1' showaddelement='yes'>
</b:section>
</div>

"Salve as modificações e em Elementos de Página, arraste o widget Posts Populares para o espaço abaixo do cabeçalho. "

"Se quiser mostrar os posts populares apenas na primeira página, deixe desta maneira:"

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

fonte e créditos:
templatesparanovoblogger

"Designer de modelo do Blogger"

"Designer de

modelo do

Blogger"

O Designer de modelo do Blogger é uma maneira nova e fácil de personalizar a aparência de seu blog. Ele fornece uma variedade de modelos, imagens, cores e layouts de coluna para deixar o blog com a sua cara. Para acessar o Designer de modelo, clique no menu suspenso ao lado do ícone cinza "Lista de postagens" e selecione Modelo. A partir desse menu, você pode escolher e personalizar seu modelo.
Enquanto você experimenta o Designer de modelo, será exibida uma visualização de como ficará o blog com base nas suas escolhas. Para expandi-la, pressione a opção Expandir visualização entre o painel do Designer de modelo do Blogger e a visualização. Quando estiver satisfeito com o visual do seu blog, pressione Aplicar ao blog no campo superior direito do Designer de modelo para aplicar as alterações.
Para começar a usar o Designer de modelo do Blogger, selecione um dos modelos disponíveis criados por profissionais. Cada modelo é exibido como uma miniatura grande. Quando você clica em um modelo, diferentes variações do original são exibidas. Clique para selecioná-las. Observe que ao clicar em um novo modelo você excluirá todas as personalizações feitas em um modelo anterior.
Depois de escolher um modelo, você pode continuar personalizando o visual do seu blog.
Não importa qual modelo é exibido no Designer de modelo, você pode ver todos eles no seu blog usando a miniatura Agora no blog no painel de controle do Designer de modelo. Outra alternativa é clicar nessa miniatura para redefinir o modelo no Designer de modelo para a versão atual do seu blog.

Plano de fundo

É possível alterar a aparência de um modelo mesmo depois de escolhê-lo. Com o Designer de modelo do Blogger, você pode escolher a cor ou a imagem do plano de fundo do seu blog e alterar o esquema de cores. Para começar a personalizar o seu plano de fundo, clique na miniatura em Imagem de plano de fundo.
Um dos novos recursos do Designer de modelo permite alterar a cor da sua imagem de plano de fundo. Isso é possível quando essa imagem tem transparência. Um plano de fundo transparente possui um quadriculado no canto superior direito da imagem.
Para alterar a cor do plano de fundo, selecione a imagem, clique em Cor de tema principal e selecione a cor de sua preferência.
Só é possível alterar a cor do plano de fundo se ele for transparente. Além disso, se o modelo escolhido possui plano de fundo cinza, não será possível alterar sua cor.
Além de selecionar e personalizar a imagem de plano de fundo do seu blog, também é possível selecionar um tema de cor para aplicar aos aspectos do seu blog, incluindo textos e links. Para fazer isso, experimente a Cor de tema principal ou escolha um dos nossos Temas sugeridos. Alterar a cor do tema do seu blog mudará as cores de todos os aspectos do modelo de blog que podem ser modificados.
Observação: se a imagem de plano de fundo não for transparente, os temas alterarão o esquema de cores de texto do blog

Para obter informações sobre como fazer upload de sua própria imagem de plano de fundo personalizada, consulte nosso artigo sobre como adicionar CSS a seu blog.

Layout

É possível escolher várias opções de layout para o seu blog, com até três colunas.
Esses layouts permitem arrastar e soltar gadgets na página.
Também há várias opções de layout para o rodapé do blog.
O Designer de modelo do Blogger não permite adicionar, remover ou editar gadgets. Para fazer isso, use a guia geral Layout.

Ajustar largura

Você pode ajustar a largura do blog e as colunas da esquerda e da direita arrastando o controle deslizante para diferentes partes do layout.
As opções mostradas aqui correspondem ao tipo de layout escolhido.
Se, por exemplo, você escolher um layout com colunas dos dois lados, você verá controles deslizantes à esquerda e à direita. Se você escolher um blog com apenas uma coluna à esquerda, somente essa opção será exibida aqui.

fonte:
support.google.com/blogger/

Baixo Escuro baixo Azul baixo Ochre baixo	Brim Esticar Denim Jeans lavado Estique Luz Denim	Rounders Rounders 2 Rounders 3 Rounders 4
Lefty baixo Trecho baixo Lefty trecho baixo	Herbert JellyFish	Porto
Escriba	Pontos Pontos escuros	N º 897 N º 565
Thisaway Azul Thisaway Verde Thisaway Thisaway Rosa	Filho de Moto Mr. Moto Ms. Moto	Instantâneo Snapshot Sable Snapshot Tequila
TicTac TicTac Azul	Tekka	Sand Dollar
II Simples

Páginas

caixa de pesquisa

. "como adicionar infinito efeito"... /..."pós rolagem para blogger"

Saiba como: "Retirar o gadget Atribuição do seu blog !"

1º - Apague a widget Attribution do HTML do seu template

"Mas esse gadget , tem a possibilidade de não desaparecer com um procedimento tão simples."