Pesquisar

Mostrando postagens com marcador tutoriais. Mostrar todas as postagens
Mostrando postagens com marcador tutoriais. 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:

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

" mover seus blogs WordPress para o Blogger?"..."Este sítio pode auxiliar no processo "

Meus caros leitores, esta postagem, 
ajuda para que a gente que importou nossos posts do blogger para o wordpress, ter a chance de reavê-los!

Simplesmente,
fazendo o inverso, isto  é,
...primeiro
a gente importou do blogger para o WordPres,
e,
agora faremos a exportação do WordPres para o blogger.

O bom,
a meu ver,
é : que
a gente faz isto "importando",
nem imaginando, a priori, o quão útil nos será , por exemplo, 
se ocorrer uma invasão ou bug, ou sumiço de nossos posts, de um dia para o outro, ou de um minuto o para o outro, no nosso blog do blogger/blogspot!

Isso serve caso  você não tenha salvo o XML de seu blog, para seu PC.

Passo a Passo:

Logado em seu painel blogger,
Ir em Configurações
Em seguida
"Outros"

E,

proceder, o "exportar", neste caso, do wordpress para você.

Tudo é auto - explicativo!









Nota:

O assunto abaixo, foi nossa querida Valquíria, que deu a gde dica, "pulo do gato":
______________________________________________

http://wordpress2blogger.appspot.com/


Sempre quis mover seus blogs WordPress para o Blogger? Este sítio pode auxiliar no processo de!

Instruções

  1. Entre para o WordPress conta e vá até o Painel para o blog que você deseja transferir para o Blogger.
  2. Clique no Manage link abaixo o nome do blog.
  3. Clique no Export link abaixo o Manage guia.
  4. Faça o download do arquivo de exportação WordPress WXR clicando no download do arquivo de exportação.
  5. Salve o arquivo em sua máquina local.
  6. Navegue até o documento salvo com o formulário abaixo e clique em Convert .
  7. Salve o arquivo em sua máquina local. Este arquivo será o conteúdo dos seus posts / comentários de WordPress em um arquivo de exportação Blogger.
  8. Entre para o Blogger ou criar um novo usuário.
  9. Uma vez conectado, clique em Criar um Blog ligação do painel do usuário e, em seguida, clique na ferramenta de blog Import
  10. Siga as instruções e fazer o upload do arquivo de exportação Blogger quando solicitado.
  11. Após concluir o assistente de importação, você deve ter um conjunto de mensagens importadas do WordPress que agora você pode publicar no Blogger. Divirta-se!
NOTA: . Este aplicativo hospedado só vai permitir downloads menor do que 1MB 

Para obter informações sobre como executar esta conversão no seu próprio país, visite o projeto open source hospedado em code.google.com

Powered by Google App Engine
__________________________________________________________________________________
Share:

Saiba como "Como criar" um "blog'' no "Blogspot"

Aprenda "Como criar" um "blog'' no "Blogspot"

 
..."participar de um dos maiores movimentos que  há na internet !" 








"Nessas últimas décadas,
..."blog"
tem
causado uma grande
revolução da comunicação na internet"
       ..."foi a explosão dos blogs"

..."blogueiros "
têm criado suas páginas
expressado suas idéias. "
 
Podemos notar que:
 ..."adesão de pessoas transformou a comunicação virtual em uma via de mão dupla 
e tirou o poder de 
emissão das grandes corporações e jornais. "


"A palavra “blogé uma abreviação para 
a expressão inglesa weblog
ou seja, registro virtual. "

"Este registro diz respeito a qualquer coisa que o usuário deseje publicar." 

"Dessa maneira, o leitor também pode produzir informação!  "

Saiba como se tornar um destes blogueiros em poucos passos.
Primeiro...

..."entre com a sua Conta Google no site do Blogspot (www.blogspot.com) . "

"Caso você ainda não tenha 
uma Conta Google
entre no site  
www.google.com.br 
e clique na parte superior direita da tela em  
“Efetuar Login”,  
em seguida clique em 
“Crie uma conta agora” 
e preencha os dados. "

"Feito isso, 
vá ao 
site do Blogspot 
e entre 
com seu 
login e senha."




"Vale lembrar que 

muitos sites chamam o 

Blogspot 

de  

“Novo Blogger”  

ou até mesmo  

“Blogger”. "

"Não se deve confundir os endereços, 

afinal o “Blogspot” 

é de propriedade da Google 

e é inteiramente gratuito. "


"O Blogger é de propriedade de outra empresa e é preciso ser assinante para criar uma conta."


''Tendo você já

criado a sua Conta Google 
e já se registrado no Blogspot, 
é hora de criar o 
seu blog. "

"O primeiro passo 
é clicar em 
Criar um blog”. "

"Depois você deve dar nome ao blog e "
...criar um endereço para seu blog.




"A URL  (endereço de seu blog = http://NOMEDESEUBLOG.blogspot.com)
do seu blog dependerá do tipo de blog que você deseja ter. "

"O Blogspot permite que você use um domínio que já tenha comprado para publicar seu blog."


"Neste caso, seu endereço fica de acordo com o seu domínio, por exemplo, www.nomedoseublog.com.  "

"Contudo, se você não possuir um domínio, o Blogspot vai fornecer um, o resultado é parecido com este"

"http://nomedoseublog.blogspot.com "


 passo 2:






 modelos :



"Depois de ter preenchido todos estes dados corretamente, é hora de escolher um modelo de layout para o seu blog. "

"Não se preocupe, neste primeiro momento você pode escolher qualquer um existem muitos outros modelos para você deixar o seu blog com a sua cara. "

"Quando você já tiver escolhido qual será o primeiro layout, clique em “Continuar” e... "

"Seu blog está pronto!"





"Com o blog já criado, 

é hora de postar seu primeiro texto ou imagem. "

"Clique em “Começar a usar o blog” 


..."inicie o seu transmissor de idéias."

 "Você será redirecionado automaticamente para a página de novas postagens."

Digite o que quiser nos campos de postagem, 
mas lembre-se de não violar nenhuma das regras de conduta do Blogspot e da Googlecaso contrário, seu blog será banido. 

Quando terminar a edição do seu texto, 
basta clicar em 
“Publicar Postagem” 
para que o conteúdo 
seja enviado 
para a página principal 
do seu blog."









"Preste atenção

nas

abas

na parte superior da tela.

Por elas

você navega nas configurações

do seu blog. "

"Na aba “Configurações” você altera as principais opções do seu blog como importação e exportação de conteúdo ou até mesmo excluir o seu blog. "

"As ferramentas de importação e exportação são importantes para fazer backups do seu conteúdo."

"Quando você exporta o conteúdo do seu blog, além de garantir que terá uma cópia de tudo para o futuro, ainda pode utilizar este mesmo conteúdo quando for trocar o endereço para um outro sistema, como o WordPress."



Basta exportar e na interface do outro blog, clicar em importar e carregar o arquivo XML.  

"Ainda falando sobre as configurações do seu blog, você pode moderar e trocar permissões referentes aos comentários.  "

"Nesta tela, você ainda pode controlar suas opções de feed RSS. "

"Caso você queira, pode inserir aqui o endereço do seu burner de feeds. "
"Um dos mais populares é o "FeedBurner" (www.feedburner.com). "

"Estas feeds servem para que os usuários 
possam receber suas atualizações dos leitores de feeds deles. "
"São vários leitores; o Google Reader é um dos mais utilizados e fáceis de mexer na hora de adicionar feeds. Estes leitores permitem que os seus visitantes leiam vários blogs simultaneamente."

Na aba “Layout” 
é possível alterar 
a ordem dos seus  
"gadgets", 
ou seja, 
"um
dos complementos 
da barra lateral"  
do seu blog. "

Um exemplo bastante simples  
do que são estes  
"gadgets" 
é  
a área de perfil, 
onde você conta 
um pouco da sua história 
ou a sua relação com o blog; 

o arquivo do blog 
que vai listar os seus posts 
de acordo com 
a data 
em que foram publicados 

e várias outras ferramentas que podem ser fornecidas pelo próprio Blogspot ou por sites externos 

– basta copiar o código e colar em uma nova janela de HTML dos seus "gadgets".

vide imagem a seguir (modelo de um "lay-out" do "blog ")
                                         ▼












Com esta aba ativa, 


No "lay-out"
de seu blog você encontrará:
quatro funções diferentes: 

1. “Elementos da página”, 
2. “Fontes e cores”, 
3. “Editar HTML” 

4. “Escolher novo modelo”. 

..."abrindo...

a opção 


“Fontes e cores”  
vai se deparar 
com uma janela de personalização 
do tema atual do seu blog. "

"Nela, é possível mudar as cores do texto, plano de fundo, links e muito mais. "

"Em “Editar HTML”, é preciso dominar pelo menos o básico desta linguagem para "operar/realizar"
 algumas mudanças no seu "lay-out".




“Escolher novo modelo” já é auto-explicativo – 
 ...nesta janela, há uma lista com diversos temas para que você escolha qual deles combina mais com o estilo do seu blog. 
Se você não gostar de nenhum dos temas que o Blogspot oferece, uma pesquisa no Google bastará para encontrar o tema perfeito. 
Lembre-se de salvar todas as alterações que fizer para que elas tenham efeito no seu blog.
"Muito bem, baixanautas. "
Agora que já aprendemos a criar um blog no Blogspot, faça já o seu e exponha suas idéias e trabalhos
Um blog pode ser uma ótima maneira de criar um portfólio virtual e expor trabalhos acadêmicos e até mesmo opiniões. 
...
boa blogagem aos 
" futuros blogueiros!"...


fonte desta pesquisa, para este post:
tecmundo


 




--

mensagensdiversificadas.
Share:

Seguir por e-mail

Seguidores

Google+ Followers

arquivo

Google+ Badge

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

Alô Negócios !!!…buscas populares