Boas tárdes venho trazer uma partilha de box créditos,serve para colocár uma mensagem ou algo relevante.
É para se usar acima área dos comentários e abaixo da área das postagens...
Pode vêr na imagem como fica ,mas pode visualizár online:  ENTRE AQUI...
Não ligue se gadgets estão desalinhados porque servem só para visualizár eu não centralizei ,simplesmente são só de testes ok...

Antes de tudo faça uma cópia do seu template...

Procure este código sublinhado a vermelho ;


Agora acima dele ou abaixo dele coloque o meu código:

<b:if cond='data:blog.pageType == "item"'>
<style>
#bt-creditos {
width: 100%;
height: 60px;
padding:0px;
 margin:5px ;  
color:#fcfcfc;
font-family:"Oswald";font-size:16px;
background: -moz-linear-gradient(45deg, rgba(76,76,76,1) 0%, rgba(247,103,197,1) 12%, rgba(102,102,102,1) 25%, rgba(244,132,211,1) 39%, rgba(237,201,212,1) 50%, rgba(237,208,217,1) 52%, rgba(242,140,169,1) 60%, rgba(43,43,43,1) 76%, rgba(244,127,168,1) 92%, rgba(247,202,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(247,103,197,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(244,132,211,1)), color-stop(50%,rgba(237,201,212,1)), color-stop(52%,rgba(237,208,217,1)), color-stop(60%,rgba(242,140,169,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(92%,rgba(244,127,168,1)), color-stop(100%,rgba(247,202,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(247,103,197,1) 12%,rgba(102,102,102,1) 25%,rgba(244,132,211,1) 39%,rgba(237,201,212,1) 50%,rgba(237,208,217,1) 52%,rgba(242,140,169,1) 60%,rgba(43,43,43,1) 76%,rgba(244,127,168,1) 92%,rgba(247,202,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(247,103,197,1) 12%,rgba(102,102,102,1) 25%,rgba(244,132,211,1) 39%,rgba(237,201,212,1) 50%,rgba(237,208,217,1) 52%,rgba(242,140,169,1) 60%,rgba(43,43,43,1) 76%,rgba(244,127,168,1) 92%,rgba(247,202,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(247,103,197,1) 12%,rgba(102,102,102,1) 25%,rgba(244,132,211,1) 39%,rgba(237,201,212,1) 50%,rgba(237,208,217,1) 52%,rgba(242,140,169,1) 60%,rgba(43,43,43,1) 76%,rgba(244,127,168,1) 92%,rgba(247,202,209,1) 100%); /* IE10+ */
background: linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(247,103,197,1) 12%,rgba(102,102,102,1) 25%,rgba(244,132,211,1) 39%,rgba(237,201,212,1) 50%,rgba(237,208,217,1) 52%,rgba(242,140,169,1) 60%,rgba(43,43,43,1) 76%,rgba(244,127,168,1) 92%,rgba(247,202,209,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#f7cad1',GradientType=1 );-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-moz-box-shadow: -1px 2px 8px #000000;
-webkit-box-shadow: -1px 2px 8px #000000;
box-shadow: -1px 2px 8px #000000;
}
</style>
<div id="bt-creditos">
<div align="center"><br/>
”A felicidade de nossa vida depende da serenidade da nossa consciência...”
</div>
</div>
</b:if>
Notas;
”A felicidade de nossa vida depende da serenidade da nossa consciência...” troque pela sua frase...
width: 100%; largura da box troque se quiser...
height: 60px; altura da box troque se quiser...
color:#fcfcfc; côr da letras troque pela sua côr...
font-family:"Oswald"; fonte da letra troque se quiser...
font-size:16px; tamanho da letra troque se quiser...

Foi esta a partilha espero seja útil até mais...

 
 
Back to top

Estatísticas

  • Postagens
  • Comentários
  • Visualizações
🔗 Contato✔ Apoio 🔗
Reservado © 2016 ❝ Autôr