Pesquisar

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

aprenda como é feito: "Paginação Numerada para Blog"

Aqui neste espaço... 
Apenas divulgo e indico... 
Posts, notícias, dicas etc.

Com devidas fontes  e créditos deste presente postferramentasblog



..." para ajudar você a customizar seu template no Blogger, 
....agora, 
mudando os links de navegação de página 
padrões do Blogger, numerando cada página. "

"Tudo o que você puder fazer para facilitar a navegabilidade de seu blog é importante e uma dessas formas e permitir que o visitante percorra suas páginas uma por uma, passando pelo conteúdo que deseja."

..."o modelo "..."mostrar é como ilustra a imagem."



"... já mostramos outras formas de mudar o link de navegação das páginas"...

  • "Personalizar Links de Navegação do Blogger"

..." lembrar também que, antes de fazer qualquer modificação em seu blog principal, teste em um blog preparado para isso e faça um backup completo do seu blog original para não passar sustos e poder reverter as mudanças caso algo não saia como desejado."

"Inserindo paginação numerada no Blogger."

"O modelo "...
..."abaixo ...
..." no blog Blogger Widgets (em inglês). Veja o artigo original caso tenha alguma dúvida: Numbered Page Navigation For Blogger."

"Proceda da seguinte forma"

1. Abra o painel do Blogger em sua conta e clique no menu “Layout” ...

“Editar HTML”.

No código fonte de seu blog procure pela seguinte linha:

]]></b:skin>

2. Imediatamente ACIMA dela cole o seguinte código no  CSS (que determina as caracteríticas dos elementos que serão usados):


.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


..." Não altere nada aí e agora procure por </body> que estará bem no final do código-fonte. Também, imediatamente ACIMA dele, cole o trecho que segue:



<!-- Inicio do codigo de navegacao -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Próximo&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->


"Repare que o número na linha marcada de vermelho determina quantos artigos serão exibidos por página, então coloque o número adequado para o padrão do seu blog (já tratamos sobre a quantidade de artigos por página aqui: Quantidade e tamanho das Postagens na primeira página).
Já o número na linha rosa é a quantidade de números que aparecerá nos links de navegação."

"Escolha a quantidade de acordo com a estética e largura da área de postagem."

"...Salve e veja o resultado em seu blog."


OBS.:

Ao invez  do  do código indicado no
          item 2 (dois) , citado acima,
se preferir, 
pode-se usar o código a seguir:

/* PageNav
--------------------------- */
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;  }

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}
.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 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -50px repeat-x;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -25px repeat-x;
}
.showpageOf{
margin:0 8px 0 0;
}
.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 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;
text-decoration: none;
}
.:.


Share:

Aprenda a:..."Expandir imagens ao passar o mouse"

fonte e créditos:



 

 Para quem tem blog e utiliza iamagens eis um bom código para economizar espaço e organizar bem os posts.Super fácil e leve, pode ser usado direto nas páginas de postagem do blog, no
modo "  Editar HTML"




<img class="expa" src="AQUI O ENDEREÇO DA IMAGEM" />
<style>
  img.expa {
    cursor: pointer;
    max-width: 150px;
  }
  img.expa:hover {
    max-width: none;
  }
</style>


Vagabundia


 Mas se quer mais praticidade,  

vá até o HTML de seu blog e

depois de   ]]></b:skin>  
cole o código abaixo


<style>
  img.expa {
    cursor: pointer;
    max-width: 150px;
  }
  img.expa:hover {
    max-width: none;
  }
</style>








Agora vá até Configurações, agora clique em Formatação. Lá em baixo na página vc verá uma área em branco, cole o código abaixo e salve.

<img class="expa" src="AQUI O ENDEREÇO DA IMAGEM" />



"  Sempre que precisar basta colar o endereço da imagem desejada, se não, basta apagar."




Share:

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

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!
:)
ou 
escreva  nos  comentários
ou 
via

Share:

Atenção!!! Foi implementada na página inicial do site edihitt. Sendo: Assim que o visitante clicar em ler conteúdo completo, será redirecionado para o blog/site que você indicou para o edihitt.com. Por conseguinte, com este procedimento adotado, você receberá muito mais visitas para seu blog/site indicado.

Atenção!!!

Foi implementada na página inicial do site edihitt
um novo esquema do visitante acessar o seu blog/site , indicado ,  já a partir , da página inicial do site edihitt.
Sendo: 

Assim que o visitante  ao clicar em 
 "Ler  Conteúdo Completo",
que está sob a forma da imagem seguir:

   

Conclusão:

Quando o visitante clicar em  "Ler  Conteúdo Completo", será redirecionado para o blog/site que você indicou para o edihitt.com
Por conseguinte, com este procedimento adotado, você receberá mais visitas/retorno para seu blog/site indicado.


►Clica nesse link e confira ◄
ou clica na imagem a seguir:

http://www.edihitt.com/

Nota:

Adotado esse "novo procedimento", com o objetivo de  melhorar o desempenho do site  edihitt.com , nas buscas no google tanto para o site em si (edihitt.com) como para os indicadores de notícias no site edihitt.com

Daí, tanto o site edihitt.com ,
quanto os usuários do site: edihitt.com
terão mais retorno!



Share:

... configure seu email...!...(aprenda como)





@ e mail




  • mail
  •  
    ... configure seu email, e cole aonde desejar, por exemplo na sidebar (barra lateral de seu blog) .


    Logado no painel blogger.
    Vá até o "Layout" de seu template.
    Adicionar "GadGet".
    Copiar e colar no lado de html , do "gadget"
    E,
    Salvar
    e
    Pronto!

    ... configure seu email, e cole aonde desejar, por exemplo na sidebar (barra lateral de seu blog) .
    Veja o código ,  e altere o que está na cor azul, para o seu email:


    <li class='mail' title='Mail'><a href='mailto:envialinks.noticias@gmail.com' target='_blank'>mail</a></li>
    Share:

    Modelo de background/template (modelo de fundo/modelo) - grátis - pegue seu código

    Modelo de   background/template 
    (modelo de fundo/modelo) 


    http://mensagensdiversificadas.blogspot.com.br/


     Passo - a - passo:


    . Logado em seu painel blogger

    . Vá até o "lay-out" , de seu template

    . Clicar em Adicionar  um Gadget

    (vide imagem a seguir de exemplo)



    . Clicando em Adicionar um Gadget,  
    . Aparecerá uma "janela pop" ( Uma janela menor que a do "lay-out", por exemplo)


    http://mensagensdiversificadas.blogspot.com.br/

     ▲
     . Agora, você clica em  HTML/Java/Script,


    . Aparecerá uma "janela pop"


    http://mensagensdiversificadas.blogspot.com.br/

    ...


    http://mensagensdiversificadas.blogspot.com.br/



    . E, do lado do HTML, copie e cole o seguinte código:








     . Clicar em Salvar
    .  Visualizar
    Pronto


    Share:

    ...Saiba como customizar um chinelo em borracha "porosa"


    .
     ...Saiba como customizar um chinelo  em borracha "porosa"

    Tutorial:

    Saiba como customizar um chinelo
    em borracha "porosa"

    Este presente tutorial, serve para chinelos customizados, em tecido, apenas; 
    e não com outro materiais, como por exemplo: "guardanapos", que requer outros procedimentos técnicos!
    ...

    Decoupagem em chinelo de borracha "porosa"

    . Materiais diversos:



    . 01 (hum) par de chinelo de borracha "porosa"
    . 01 Tesoura
    . Tecido, 100% (cem por cento) algodão,  ( a escolha da estampa/padronagem, você decide)
    . Álcool
    . Lixa
    . Cola para chinelo
    . Verniz para chinelo
    . Glitter - para cobrir a correia do chinelo:
    ... Glitter poliéster , cor citríca, na cor pink, gramatura 008, podendo ser a cor que você desejar
    . Fixa Glitter

    . Pincel Macio, largo , aonde ,  com um pincel largo e macio, você aplicará  a cola chinelo, quando  você for colar o tecido no chinelo;
    ...e um outro pincel  largo e macio , para você aplicar o verniz chinelo,  após ter colado o tecido no chinelo, e esperado secar por 72 (setenta e duas horas = 03 (três dias)).
    O verniz chinelo é para o acabamento.  
    E serve para proteger a estampa do tecido escolhido e colado no  chinelo , criando uma película impermeável, entre o verniz e a estampa de tecido colada, na borracha do chinelo!

    Nota:


    . Passar álcool na superfície do chinelo, para remover a poeira, gordura e intempéries, que pode dificultar na aderência da "cola chinelo" na superfície do chinelo.


    Execução:



    Agora,
    com o chinelo bem limpinho, começamos o trabalho de decoupagem.
    . Tecido previamente lavados, pois a goma que vem de fábrica do tecido, pode deixar o tecido impermeabilizado, dificultando, o trabalho de decoupagem no chinelo de borracha porosa , a ser realizado. Atrapalhará na fixação do tecido no chinelo.


    Cortaremos o tecido em duas partes iguais, de modo que cada parte cortada, seja maior do que o chinelo de borracha porosa, uns dois dedos , mais ou menos, isto é, 02 cm , mais ou menos.

    A secagem do tecido colado, requer um tempo de secagem, para que fique bem adererido ao chinelo de borracha e não solte , rapidamente por qualquer lapso!


    Pode também, pegar um tecido na cor branca, e pintar um motivo ,que você goste, para ser aplicado sobre o chinelo, fica também muito bonito, personalizável !!!


    Passo - passo



    Com a cola chinelo e o verniz chinelo de 50mg, e 37 ml , respectivamente ( o conjuntinho menor) :
    Com  os  02 (dois) potes menores ,ou seja,
    de cola chinelo , e o pote de verniz chinelo.
    Os quais   possuem uma quantidade
    dentro do pote do  produto a ser utilizado, renderá  aproximadamente,
    06  (seis) pares de chinelo
    customizados!

    e,
    com  os 02 (dois) potes maiores,ou seja, a cola chinelo , e o pote de verniz chinelo, de 250 gramas e 200ml, respectivamente.
    Os quais   possuem mais quantidade
    dentro do pote do  produto a ser utilizado, renderá  aproximadamente
    30 (trinta) pares de chinelo customizados!


    A quantidade a ser obtida, com chinelos customizados, conforme nesse tutorial, pode variar, de acordo com o tamanho do chinelo, e a quantidade de cola que você utilizar!
    Ter muita cautela ao aplicar a cola no chinelo.
    Aplicar a cola em quantidade generosa, no chinelo, e prestar bem atenção nas beiradas do chinelo, para não descolar o tecido, pois pelas bordas que começa a soltar.


    Agora, com a cola  chinelo , a qual foi aplicada no chinelo, cubra com o tecido e pressione com as suas mãos, e não deixe formar bolhas de ar, e que o trabalho não tenha rugas, que possa ajudar a sair depois do uso do chinelo.
    Com movimentos bem suaves, e não será necessário colocar peso, e nem  passar ferro quente, nem espátula de teflon, não precisa pressionar.
     Só ir alisando que a aderência ocorrerá, e você perceberá o relevo do chinelo sobressaindo, sinal que está aderindo bem, está bem fundido.


    Certifique-se de que próximo aos furinhos, aonde é o local das correias, se está bem colado.


    Aguardar aproximadamente  02 (duas) horas,
    para o tecido e secar e  fixar  a cola .




    O ideal é 72 (setenta e duas) horas  de secagem, do tecido colado no chinelo. Pois, com duas horas se você puxar o tecido vai sair/soltar, manchar.


    Depois destas 02 (duas)  duas horas, teremos que fazer o seguinte:


    Com o tecido seco com a cola, ele fica bem fixo ao chinelo, e você pode puxar, que ele num solta mesmo, você pode puxar com força que ele não descola.


    Agora, aplica-se o "verniz chinelo".


    O verniz chinelo é um protetor do tecido, ele impermeabilizará o tecido, e num vai deixar o tecido, exposto a atritos, não deixará o tecido sujar, encardir, sujar etc.
    O que adere o tecido no chinelo é a cola chinelo e não o verniz chinelo.
    Aplicar uma demão generosa de verniz.
    O verniz não é uma cola, ele é uma proteção para o tecido.



    O verniz não é fixador, assim como a cola chinelo.


    Por isso que ao aplicarmos a cola chinelo, devemos ser generosos.

    Passar o verniz bem próximo das bordas, o verniz funciona como uma termo lina, para o tecido não desfiar, tendo assim o verniz duas funções.
    O verniz tem de secar no mínimo 12 (doze) horas.
    Com o uso, a durabilidade do trabalho está condicionada a forma de uso.


    Usar o chinelo com cuidado, que ele terá longa vida.
    O verniz tem de secar no mínimo 12 (doze) horas ou mais, melhor!
    Daí, então, vamos ao  corte do chinelo e a colocação das tiras.


    Com uma tesoura boa, cortar o tecido bem rente ao chinelo.


    O verniz deixa o tecido bem durinho, impermeabilizado, e não vai desfiar!
    Depois de cortar os excessos nas laterais do chinelo, recoloca-se as tiras.



    Antes porém, caso você opte por decorar as tiras,
    decore-as primeiro, antes de colocá-las no chinelo
    Para recolocar as tiras dos chinelo, faz-se furos com ajuda de uma tesoura de pontas.
    E, pode-se usar o cabo do pincel, lápis ou caneta, introduzindo de dentro para fora, acomodando o tecido, no meio do orifício de onde acomodará a correia do chinelo,
    empurrado para dentro  com as rebarbas do tecido, que foi dado o pique/furo , com a tesoura. O movimento é de dentro para fora.


    Pode personalizar, colocar nome etc.



    As tiras do chinelo, decoradas com glitter:
    ...você passa o fixador de gliter, não tóxico, não pode ser outra cola , porque não vai fixar. O fixa glitter   é um produto bem versátil,  passe-o nas tiras, na  parte superior,
    e com o pincel você espalha a cola (fixa glitter),
    e depois polvilha com o glitter cristalino cítrico,  gramatura 008, poliéster,  de peso líquido de 3,5 gr.,  e não é grosso, e não é glitter de papelaria, ele é especial, bem fininho, cores cítricas, chamam-no de purpurina.
    Pegue um papel e sobre ele coloque a tira do chinelo, e passe a purpurina/glitter.


    Tem diversas cartelas de cores de glitter, e cores brilhantes, também!

    Espere a secagem.

    Depois coloque as correias no chinelo.

    É lavável.

    Só não pode lavar bruscamente, esfregar por muito tempo e  nem deixar em molho prolongado.

    Dá um ótimo efeito, no acabamento!































    . .

    Share:

    Adicionar opção "Responder comentário" no blog!

    . .

    Adicionar opção "Responder comentário", no blog!

    O presente tutorial, é em atenção , à pedidos de determinados leitores!


    Tutorial:

    Para  responde aos comentários 
    no próprio blog,
    é de grande valia!



     Passo a passo:


    Logado em seu painel  blogger  
    ...vá em Design > Editar HTML.
      

    ...aí,

    Aperte Crtl + F 

    e cole na caixinha de pesquisa 
    o código  a seguir:

    <data:commentPostedByMsg/>






     


    Encontrando-o, logo abaixo dele,
    cole o código a seguir:


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


    Na parte que está escrito  na cor vermelha ,
    e diz "ID-DO-SEU-BLOG" coloque aí o  número do ID do seu blog, que se encontra na barra de endereços, quando você acessa a opção de design do seu blog. 



    Veja, na imagem , a seguir ,como localizar o ID de seu blog: 




    Essa parte da URL que eu destaquei é o ID do meu blog, copie apenas o número que aparecer no seu navegador e coloque no lugar de 

     ID-DO-SEU-BLOG lá no código.
     

    . A parte que está em verde é o texto que vai aparecer nos comentários. 

     [Responder comentário]

    Escreva o que preferir no local.


    Ou ,
    pode ser trocado aquele loca por uma imagem, caso queira!
     


    Visualize
    Estando tudo certinho...
    Salve!



    . Salvando  todas as alterações e está feito!
    . Pronto!

    Pronto, recurso,
    adicionado

    ao seu blog!


    Obs.:
    Quando você for responder  a um comentário ,
    aparecerá um código ,na caixa de digitar o texto, 
    não apague  o código que já está lá escrito de um espaço e escreva na frente dele, caso contrário,
    se apagar o código, não funcionará a opção de responder comentário!
     




      
    "Após realizado o presente  tutorial, 
    é só clicar em
    "responder comentário", 
    e você verá aparecer 
    no seu comentário 
    o nome da pessoa
    a qual 
    você está respondendo. "
    . .
    Share:

    Seguir por e-mail

    Seguidores

    Google+ Followers

    arquivo

    Google+ Badge

    "Alô Negócios !!!…buscas populares"

    Alô Negócios !!!…buscas populares