Como inserir uma quebra de linha? [como postar a opção '' Leia mais'' ] ou '' Continue lendo''... (quebra de linha no blogger)'' Leia mais'' entradas no Blogger... - ►alojablogger

Postagem em destaque

Precisa de ajuda? Qualquer ajuda?Pergunte aqui!

Precisa de ajuda?  Qualquer  ajuda? Pergunte aqui!   ... Precisa de   ajuda? Qualquer ajuda? Pergunte aqui! ...  ...

Pesquisar

Como inserir uma quebra de linha? [como postar a opção '' Leia mais'' ] ou '' Continue lendo''... (quebra de linha no blogger)'' Leia mais'' entradas no Blogger...

10:36

Como inserir uma quebra de linha? 
[como postar a opção '' Leia mais'' ] 
ou 
 '' Continue lendo''... (quebra de linha no blogger)
'' Leia mais'' entradas no Blogger...
 Como inserir uma quebra de linha? 
[como postar a opção '' Leia mais'' ]   
ou  
'' Continue lendo''... 
(quebra de linha no blogger)


Esse tutorial ,  
mostra  somente
como postar a opção '' Leia mais''  
ou
'' Continue lendo''. 


Isso não é automatizado, 
e recomendo-se , 
desde que 
você 
escolha 
o texto a ser exibido.





Adicionando'' Leia mais'' no Blogger?

 
Embora muitos não saibam,

a quebra de linha no Blogger 

atende a essa opção, 

...escolha 
um texto a ser exibido, 
e nesse você adicionará 
"a quebra de página".


Como inserir uma quebra de linha?

Na barra de ferramentas do Blogger, 

encontramos muitas opções, 

incluindo a quebra de linha é:

______________________________vide imagem a seguir:


Necessário:

Simplesmente clicar
sobre o botão, aonde está , nessa imagem, contornada em cor vermelha,
e ,
um limitador representada como uma barra aparecerá,




E, isso vai limitar o post para essa área, 
sendo  na primeira página do seu blog irá mostrar apenas o texto desejado do que a entrada. 

Falha?
... não aparecem como'' Ler ''
mas como '' Mais informações'' ...


Então, poderá você,  personalizar o "link"

"leia Mais"...


conforme descrição a seguir:
  
Personalize'' Leia mais'' no Blogger

No tutorial acima, foi mostrado como
ativar 
"Continue Lendo" ou "Leia mais" no Blogger



Agora, veremos como dar estilo esse "link" = "Leia mais" ou "Continue Lendo"?

Por padrão, ele será algo como:




Personalizando um pouco: 


Passo 1: 

Alterar a mensagem: 


Você pode usar um '' Ler mais '','' Ler '', ou o que você quer mudar esta mensagem, você deve ir para'' / Design Elements Página '' procurar'' e do Blog '' clicar em'' Editar '':





Na configuração top, uma seção em que você deve mudar a mensagem:





Salve as alterações e pronto!



Passo 2:   aplicar estilos para o "link":

Agora que temos a mensagem que queremos, vamos aplicar estilos para que ele se pareça com um botão:


Primeiro vamos'' Projeto / HTML Edição '' 

e  encontrar o seguinte código:]]> </ B: skin>
Antes deste código, cole o seguinte:



.jump-link {
float:right;
background: #04B4AE; /* Color de fondo del botón */
border: 1px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.jump-link a {
color: #FFF; /* Color del texto */
text-decoration: none;
font-weight: bold;
}
.jump-link:hover {
background: #045FB4; /* Color de fondo al pasar el cursor */
border: 1px solid #000;
text-decoration:none;
}

Alterar os códigos de cores para o desejado e salvar o modelo.



Se você não sabe como conseguir as cores em hexadecimal, 
você pode usar a  tabela dinâmica (Esta tabela permite cores dinâmicas para criar uma cor personalizada, então, comprar o código hexadecimal.)
ou se você quiser, 
pode usar a tabela de cores estática (Biblioteca com centenas de cores em formato hexadecimal
Estes códigos são muito úteis para webmasters ou usuários que querem modificar as cores das páginas, comentários, etc.)
 

...tabela de cores estática:


CODE
COLOR
# 000000

# 000033

# 000066

# 000099

# 0000CC

# 0000FF

# 003300

# 003333

# 003366

# 003399

# 0033CC

# 0033FF

# 006600

# 006633

# 006666

# 006699

# 0066CC

# 0066FF

# 009900

# 009933

# 009966

# 009999

# 0099CC

# 0099FF

# 00CC00

# 00CC33

# 00CC66

# 00CC99

# 00CCCC

# 00CCFF

# 00FF00

# 00FF33

# 00FF66

# 00FF99

# 00FFCC

# 00FFFF

CODE
COLOR
# 330000

# 330033

# 330066

# 330099

# 3300CC

# 3300FF

# 333300

# 333333

# 333366

# 333399

# 3333CC

# 3333FF

# 336600

# 336633

# 336666

# 336699

# 3366CC

# 3366FF

# 339900

# 339933

# 339966

# 339999

# 3399CC

# 3399FF

# 33CC00

# 33CC33

# 33CC66

# 33CC99

# 33CCCC

# 33CCFF

# 33FF00

# 33FF33

# 33FF66

# 33FF99

# 33FFCC

# 33FFFF

CODE
COLOR
# 660000

# 660033

# 660066

# 660099

# 6600CC

# 6600FF

# 663300

# 663333

# 663366

# 663399

# 6633CC

# 6633FF

# 666600

# 666633

# 666666

# 666699

# 6666CC

# 6666FF

# 669900

# 669933

# 669966

# 669999

# 6699CC

# 6699FF

# 66CC00

# 66CC33

# 66cc66

# 66CC99

# 66CCCC

# 66CCFF

# 66ff00

# 66FF33

# 66FF66

# 66FF99

# 66FFCC

# 66FFFF


CODE
COLOR
# 990000

# 990033

# 990066

# 990099

# 9900CC

# 9900FF

# 993300

# 993333

# 993366

# 993399

# 9933CC

# 9933FF

# 996600

# 996633

# 996666

# 996699

# 9966cc

# 9966FF

# 999900

# 999933

# 999966

# 999999

# 9999CC

# 9999FF

# 99CC00

# 99CC33

# 99CC66

# 99CC99

# 99CCCC

# 99CCFF

# 99FF00

# 99FF33

# 99FF66

# 99FF99

# 99FFCC

# 99FFFF

CODE
COLOR
# CC0000

# CC0033

# CC0066

# CC0099

# CC00CC

# CC00FF

# CC3300

# CC3333

# CC3366

# CC3399

# CC33CC

# Cc33ff

# CC6600

# CC6633

# CC6666

# CC6699

# CC66CC

# CC66FF

# CC9900

# CC9933

# CC9966

# CC9999

# CC99CC

# CC99FF

# CCCC00

# CCCC33

# CCCC66

# CCCC99

# CCCCCC

# CCCCFF

# CCFF00

# CCFF33

# CCFF66

# CCFF99

# CCFFCC

# CCFFFF

CODE
COLOR
# FF0000

# FF0033

# FF0066

# FF0099

# FF00CC

# FF00FF

# FF3300

# FF3333

# FF3366

# FF3399

# FF33CC

# FF33FF

# FF6600

# FF6633

# FF6666

# FF6699

# FF66CC

# FF66FF

# FF9900

# FF9933

# FF9966

# FF9999

# FF99CC

# Ff99ff

# FFCC00

# FFCC33

# FFCC66

# FFCC99

# FFCCCC

# FFCCFF

# FFFF00

# FFFF33

# FFFF66

# FFFF99

# FFFFCC

# FFFFFF








Alteração:
Mudança'' Leia mais'' por uma imagem:

Se o que você quer é usar uma imagem em vez de este botão, você deve fazer o seguinte: Primeiro vá a '' Projeto / HTML Edição '' . Procurar o seguinte código:

<data:post.jumpText/>

Você substituí-lo por:
<Img src = " URL da imagem "/>

Onde você substituir
a URL da imagem no endereço da imagem a ser usada, salve as alterações e pronto!







fonte e créditos, da presente pesquisa postada:
ayudabloggersinfo 


  
 tags: blogger, dicas, leia mais, quebra de linha, tutorial,

  • Share:

You Might Also Like

0 comentários

Mensagem do formulário de comentário:

Seguidores

on