Bala de Coco, da tia EDILENE!

Releitura: Pantufas/Chinelos de crochê para adultos, tutorial / receita, veja detalhes +

LEITORES...SEJA +1

VÍDEOS

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 post: ferramentasblog

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

• "Paginação Numerada para Blog"

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

.:.

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

:)

ou 

escreva  nos  comentários

ou 

via

formulário de contato

acessando aqui

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

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

. .

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