Mostrando postagens com marcador Blog. Mostrar todas as postagens
Mostrando postagens com marcador Blog. Mostrar todas as postagens

12 fevereiro 2016

Galeria de Postagem Recente

Quando eu tava mudando o Layout do Blog, tava procurando vários tutoriais de como colocar galeria de postagens, achava vários mais a maioria dava erado ate que eu achei o tutorial do blog da Elaine então resolvi postar aqui pra vocês porque realmente deu certo

Bom pra instalar no blog e fácil:
Acesse a aba do Layout do seu Blog. Ai você clica em Adicionar um Gadget ai você escolhe HTML/JAVASCRIPT.
Na caixa escrita Conteúdo você cola o código:

<center>
<div id='bp_recent'>
</div>
<script style='text/javascript' src='http://static.tumblr.com/glpbb7a/s7ln4webj/postsrecentes.js'></script> 

<script style='text/javascript'> 

var numberOfPosts = 6; /*quantidade de posts da galeria, mude se desejar */

var showPostDate = false; /*troque por true se quiser mostrar a data do post */

var showSummary = false; /*troque por true se quiser mostrar o resumo do post */

var titleLength = 0; 

var showCommentCount = false; /*troque por true se quiser mostrar o nº de comentários */

 var showThumbs = true; 

var showNoImage = true; 

var imgDim = 145; /*tamanho das miniaturas, altere se desejar */

var imgFloat = 'left'; /*flutuação à esquerda, altere se desejar*/

var myMargin = 5; 

var mediaThumbsOnly = true; 

var showReadMore = false; 

</script> 

<script src='AQUI O ENDEREÇO COMPLETO DE SEU BLOG/feeds/posts/default?max-results=6&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'> 

</script></center>

Obs: Essa galeria precisa ser instalada onde caiba: acima da área do post ou abaixo do cabeçalho.
Espero que tenham gostado da dica, e se deu certo no seu blog avisa ta?! ;D 

28 setembro 2015

Como Adicionar o Botão Curtir em Seus Posts

 Como Colocar o Botão Curtir Nos Posts Do Blog Vamos Começar:

· No seu Blogger (não é no blog) clique em:

Modelo

 clique em > Editar HTML.

· Agora, clique em qualquer lugar do código e, usando a caixa de busca(Ctrl+F), procure por:

 <data:post.body/>
ATENÇÃO! Em alguns casos aparece esse código três vezes, Coloque o Codigo Que Você Escolher Em Baixo Dos três!

· Em baixo desse código, copie e cole um dos códigos abaixo, dependendo do tipo de botão curtir que você escolher!

São eles:

Botão Curtir do Facebook com contador - Vertical 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>


Botão Curtir do Facebook com contador - Horizontal 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>


Botão Curtir do Facebook sem contador 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

· Prontinho! Seus seguidores já podem curtir todas as postagens maravilhosas que vocês preparam pra eles!!
 Beijos!
                                                

11 março 2015

Como Adicionar Perfil Com Foto Redonda Descrição e Redes Sociais


Olá Gente,Tudo Bem?
Hoje eu vim ensinar vocês a colocar perfil com foto redonda descrição e redes sociais
Eu Pesquisei Na Internet Eu Tentava Fazer e sempre dava errado ai eu modifiquei algumas coisas e deu certo vai ficar igual o exemplo:

Código:Para Blogger adicione um gadget de HTML/Java Script e cole o código.
Para WordPress adicione um widget de Texto e cole o código.



                                               Para arredondar a foto:
<center>
<img src="URL-DA-SUA-FOTO" style="-moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; width:300px; heigh:auto;" />
<br />
Descrição aqui
<br />
<a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a>
</center>


Se não quiser arredondar a foto:

<center>

<img src="URL-DA-SUA-FOTO" style="width:300px; heigh:auto;" />

<br />

Descrição aqui

<br />

<a href="ENDEREÇO-DA-REDE-SOCIAL"><img src="ENDEREÇO-DO-ICONE"/></a>
</center>
 o código
- O número  vermelho é referente à largura da sua foto, ajuste como desejar. Não é necessário ajustar a altura, será feito automaticamente.
- A linha Rosa é referente à 1 ícone de rede social. Se você quiser colocar mais ícones, deve repetir esse linha novamente abaixo quantas vezes desejar, sempre 1 vez para cada rede social.


Como Colocar Imagens?
Hospede as suas imagens (fotografia e ícones sociais) na sua conta do Picasa Web. Depois de hospedar é só clicar com o botão direito na imagem, copiar a URL e substituir no código acima onde é indicado.


Deu Certo?
Se Sim Deixa Ai Nós Comentários Ficarei Muito Feliz Em Saber Que Te Ajudei.

Beijos!

                                                                                               



Copyright © 2015 | Design e Código: Sanyt Design | Tema: Viagem - Blogger | Uso pessoal • voltar ao topo