segunda-feira, 3 de agosto de 2015

Código Html para "Nenhum comentário" e "0 comentário(s)"



0 Comentário(s)

Imagem de aesthetic, Cookies, and archive

Oii!

Não sei se vocês já perceberam, mas há dois códigos html dos nomes comentários do seu blog. Ou seja, de "nenhum comentário:" e de "0 comentário(s)".


Código:
<span class='post-comment-link'>
        <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                          and data:post.allowComments' data='post' name='comment_count_picker'/>
      </span>


Código:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>


caso você tenha um e queira o outro, é só procurar pelo que você já tem e inverter. Se quiser você pode ter os dois. É só colocar em lugares diferentes abaixo de alguns destes códigos:

Confira:

<div class='post-header-line-1'/>
</div> 

<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>

<div class='post-footer-line post-footer-line-2'>

<div class='post-footer-line post-footer-line-3'>

Procure pelo que está marcado de vermelho e coloque o código abaixo =)
Beijos!

domingo, 2 de agosto de 2015

Sobre aviso de Cookies da UE e como resolver



0 Comentário(s)

Olá! Aqui já foi um post bem atrativo, porem, infelizmente com a perda das imagens hospedadas no Tinypic.com, não tenho mais os prints do design do blog em tempo real.
(Post atualizado em 14/09/2021)
Oii♥

Creio eu, que todos que utilizam blogspot, ao abri seu blogger se deparou com o seguinte aviso sobre as leis da União Européia (UE). No meu está assim já faz uns dias. Encontrei no blog Desejos de Menina a solução para isso. E graças a ela, consegui resolver o problema em questão.

Para quem usa blogspot.com.br

Acesse o site  www.seublog.co.uk. Se aparecer esta imagem (confira a seguir) o Google já providenciou o aviso de cookies para o seu blog e você não precisa mais se preocupar! - palavras da Pamella Paschoal.


Para domínios . com ou .com.br

Acesse o site Silktide.
Para colocar este código, vá em modelo>editar html> Ctrl+f e procure por:
</head>
abaixo cole o código que você copiou.

Obrigada pela ajuda Pamella Paschoal!♥

quinta-feira, 30 de julho de 2015

Ah! Saudade!



2 Comentário(s)

Imagem de s є m p i t є r n a l

Desde quando relatei que meu blog estava com erros nas imagens e que assim que conseguisse um PC eu iria ajeitá-las (já estou ajeitando). Pois bem. Comecei dos posts mais antigos até os mais recentes e estou vendo como meu blog era. Quanto valia a pena passar horas e horas fazendo posts e recebia comentários. O quão bom era! Não que seja de interesse. Não é isso. Vejo comentários como algo gratificante. De que valeu a pena se esforçar bastante pelo que fiz e  faço (tento) até hoje. Sinto falta disso. Logicamente isso também não quer dizer que irei largar o PH. Não mesmo. Só foi apenas um desabafo...

Amo blogar!

terça-feira, 28 de julho de 2015

Como colocar imagem no Postagens mais recente, postagens mais antiga e página inicial?



0 Comentário(s)


Oii!

Estou trazendo um tutorial bem simples. Aprendi há alguns anos atrás com o Blog Trechy Teen.


Postagem mais recente:
Procure por:
<data:newerPageTitle/>
Confira:
<b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

Substitua o vermelho por: <img src='Url da imagem'/>

Postagem mais antiga:
Procure por:
<data:olderPageTitle/>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

Substitua o vermelho por: <img src='Url da imagem'/>

Página inicial ou Início:
Procure por:
<data:homeMsg/>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

Substitua o vermelho por: <img src='Url da imagem'/>

Beijos!

Como colocar imagens do post com o mesmo tamanho? - Modelo Travel e Modelo Espetacular Ltda. (Blogspot)



0 Comentário(s)

Imagem de ⚜️Luna de Antiguedades⚜️

Bom gente.... Mudei o modelo do meu blog e vou vê se me acostumo com ele. Porem, tive uns probleminhas com o tamanho de todo o layout e principalmente nas imagens iniciais que coloco no post. Quando determinei uma largura digamos "pequena" as imagens iniciais não se adequaram. Elas ficaram passando.

Antes quando eu tinha o Modelo Travel era tudo mais simples e fácil. É recomodadíssimo para quem é iniciante ter esse modelo e você irá encontrar tutoriais a bessa. 


Modelo Travel/Viagem
Tentativa 1

Modelo> Editar Html > Ctrl+F e procurre por:
.main-inner .column-center-outer {
acima dele coloque o código:

.post img {
max-width: 520px;
height: auto;
}

altere o vermelho até ficar num tamanho adequado



Modelo Travel/Viagem
Tentativa 2

Modelo> Editar Html > Ctrl+F e procurre por:

/* Posts
----------------------------------------------- */

abaixo dele coloque o código:

.post img {
max-width: 520px;
height: auto;
}

altere o vermelho até ficar num tamanho adequado


Modelo Travel/Viagem
Tentativa 3

Modelo> Editar Html > Ctrl+F e procurre por:
]]></b:skin>
 acima dele coloque o código:

.post img {
max-width: 520px;
height: auto;
}

altere o vermelho até ficar num tamanho adequado


Modelo Espetaular Ltda
Tentativa 1

Modelo> Editar Html > Ctrl+F e procurre por:
.post-body img {

e abaixo de todo o código:

.post-body img {
  padding: 8px;
  background: $(image.background.color);
  border: 1px solid $(image.border.color);

  -moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .0);
  -webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .0);
  box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .0);

  -moz-border-radius: $(image.border.radius);
  -webkit-border-radius: $(image.border.radius);
  border-radius: $(image.border.radius);
} 

coloque este código:

.post img {
max-width: 520px;
height: auto;
}

altere o vermelho até ficar num tamanho adequado.


Dependendo do código, neste modelo nem sempre funciona quando é colocado abaixo de
/* Posts
----------------------------------------------- */
é arriscado aumentar todaaas as imagens. Quando coloquei por essa tentativa que mostrei acima, deu super certo. É tanto que vim logo correndo fazer este post. Espero que com você também!

Beijos!

domingo, 26 de julho de 2015

Conheçam o Canal Assombrado



0 Comentário(s)

Descobri esse Vlog através de pesquisas sobre o filme "Exorcismo" depois que li a matéria do Fantástico sobre o "Exorcismo e a entrevista com a Linda Blair". Neste Vlog, você irar saber (talvez até tudo) sobre os filmes relacionados a categoria Terror. É muito interessante vale a pena assistir!

















Site: Assombrado
Subir