Freebie: Layout Nas nuvens

 

Oi, olá tudo bom? Quem gosta de novidade? Então venho até aqui mais uma vez agradecer a todos vocês que sempre estão aqui no blog, comentando, curtindo a pagina, enfim que gostam do meu cantinho, e como forma de agradecimento um layout fofíssimo para você baixar e usar no seu blog.

 

Foi feito com muito carinho e espero que vocês usem muito, não se esqueça de comentar aqui se for usar. <3
Gostou? Para ver ele, seguir instruções e fazer o download clica aqui. 
Fique a vontade para usar, e pode edita-lo do jeito que você quiser, mas não esqueça de se for usa-lo deixe um comentário aqui com o link do seu blog para depois eu ver como ficou.
Beijos

 

Blog Day 2015

“Oi, hoje é dia 31 de agosto e para quem não sabe é comemorado o dia internacional do Blog.
Mas por que dia 31 de agosto? O dia 3108 é uma data que é “semelhante” a palavra BLOG.”
Esse é o segundo ano que participo do blog day, e quero dizer que vai ter muito blog bonito aqui nesse post.

 

FRAN GUARNIERI
E esses são os blogs que quero que vocês também conheçam e amem muito, e feliz dia do blog.
Obrigada pela visita!!!
E deixe seu blog aqui! <3

 

Deixe seu blog de cara nova.

Oi pessoal, hoje o post é para lá de especial para você que tem blog, sempre visito muitos blogs legais e que muitas vezes tem um layout que não agrada nada, sei que o meu layout também pode não agradar você mas sempre estou tentando melhorar, e pensando em melhoras resolvi compartilhar aqui no blog alguns links de layout free lindos que eu achei por ai. E eu acabo não usando por motivos de: gosto de fazer e deixar a minha cara, mas se você não vê importância nisso sugiro que continue lendo este post.

 

Esses são apenas alguns que eu achei, vou fazer mais um post só com layouts então fica ligado aqui no blog para ver os próximos posts, e o post com mais layouts free, e ah eu já disponibilizei um aqui no blog. Ó o link 
Gostou dos modelos que citei aqui no blog? Comenta ai, dê sugestões de novos posts e responde a pesquisa. 

 

Tutorial de Domingo!

Que tal todo domingo ter um mini tutorial para você usar no seu blog? Para inaugurar escolhi um tutorial bem simples que você só vai precisar escolher uma imagem da sua preferencia achar um código, colocar outro e POW já vai estar tudo pronto.
Ó o tutorial é para você colocar uma imagem no footer da postagem, igual aqui no blog que tem uma flecha com coração. Gostou? Então vamos lá!!!!

Pesquise pelo trecho:

        <b:include data=’post’ name=’post’/>

Achou a seguir dele cole o seguinte

<center><img src=’URL DA IMAGEM’/></center>

Se você quiser adicionar a imagem acima da postagem é só colocar esse código acima do código que você encontrou.
Simples né?

Aqui algumas imagens para você utilizar.

Para fazer o download das imagens clique aqui.

 

Follow Friday #1

Esse é o primeiro follow friday que faço aqui no blog, se tiver resultado na primeira vez com certeza estarei fazendo mais vezes, espero que todo mundo participe colocando o seu link aqui e também visitando os blogs linkados. 

Como coloco o meu link?

Clique em “Add your link”, insira os dados solicitados (URL, descrição do link e e-mail) e selecione uma imagem (você pode escolher dentre as disponíveis ou ainda, na guia lateral, colocar a URL de uma imagem ou upar de seu computador). Na próxima etapa, você poderá divulgar o link nas redes sociais ou voltar para o blog (clicando em “Take me back to the linkup”). É isso, seu link estará publicado! Créditos Fluffy

Sorteio de um layout. RESULTADO

E quem ganhou foi a Bruna Letícia, estarei entrando em contado e aguardando o retorno em 48 horas.
Obrigada a todo mundo que participou >_<

Tá precisando de um layout novinho para o seu blog? Vem cá e participa desse sorteio que você pode ganhar um.


Sempre gostei de mexer com design e mexendo com isso eu consigo me distrair e vejo que minha criatividade vai além do que eu imagino. Então decidi fazer esse sorteio de um layout que você vai poder escolher como quer…


A única regra obrigatória é curtir a página do blog e fazendo isso você já pode preencher o formulário abaixo.

Ah, e você pode preencher o formulário uma vez por semana!!!!! Se sua inscrição estiver 2 vezes na mesma semana estarei eliminado uma delas. Só aceitarei uma vez por semana, ou seja você poderá se inscrever 4 vezes.

O layout do ganhador vai conter:

  • Cabeçalho
  • Comentários Personalizados
  • Comentários via Facebook
  • Menu
  • Fontes personalizadas
  • Barra Lateral
  • Link-me
  • Data personalizada
  • Marcadores
  • Slide (Ficará a critério do vencedor)
  • Capa para facebook
  • Navegação 
  • Post-footer
  • Links de compartilhamento no post
  • Ícones de redes sociais

O vencedor poderá escolher as cores a serem usadas.
E o prazo máximo de 15 dias úteis para entrega do layout após o contato com especificações do vencedor.
Se você tem alguma duvida sobre o sorteio conheça as politicas do blog, ou entre em contato pelo email tamires@monutopie.com
O layout é para plataforma blogger.

Comentários via facebook no blog.

Uma coisa que todo mundo quer mas nem sempre consegue é colocar esse bendito sistema de comentários do Facebook junto com o comentário do blogger.

Tentei milhões de tutoriais e nenhum dava certo, até que decidi juntar dois tutoriais para ver se conseguia e finalmente a batalha foi vencida.
Já que tem muita gente que não consegue com alguns tutoriais vou fazer este para ajudar também.

  • Primeiro você deve criar um aplicativo no facebook (aqui)
  • Colocar os dados do aplicativo
  • Pegar o id do app. 
  • Depois de criar o aplicativo e estiver com o id dele é a parte do hmtl. 
    Painel do blog > Editar modelo > Editar HTML .

CTRL + F procure pelo seguinte trecho: 

<div class=’post-footer-line post-footer-line-1’/>
E cole o seguinte código, abaixo do trecho encontrado. 

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’fb-root’/>
<script>
window.fbAsyncInit = function()
{
FB.init({appId: &#39;APPID;, status: true, cookie: true,
xfbml: true});
};
(function()
 {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol + &#39;//connect.facebook.net/pt_BR/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script>
<fb:comments expr:href=’data:post.url’/>
</b:if> 

Procure por </head> e cole antes o código abaixo

<script src=’http://connect.facebook.net/pt_BR/all.js#xfbml=1’/>
<script src=’http://code.jquery.com/jquery-latest.js’/>
<meta content=’APPID‘ property=’fb:admins’/>
<script type=’text/javascript’>
function commentToggle(selectTab) {
$(“.comments-tab”).addClass(“inactive-select-tab”);
$(selectTab).removeClass(“inactive-select-tab”);
$(“.comments-page”).hide();
$(selectTab + “-page”).show();
}
</script>
Procure por <div class=’comments’ id=’comments’> e cole o código abaixo dele, caso não encontre este trecho procure por <b:if cond=’data:post.commentPagingRequired’> e cole o código acima do trecho. 
<div class=’comments-page’ id=’fb-comments-page’><b:if cond=’data:blog.pageType == &quot;item&quot;’><div id=’fb-root’/><fb:comments expr:href=’data:post.url’ num_posts=’52’ width=’640’/></b:if></div><div class=’comments comments-page’ id=’blogger-comments-page’/>

Logo após procure pelo trecho ]]><b:skin e cole o código acima do trecho

.comments-page {background-color: #f2f2f2;}
#blogger-comments-page {padding: 0px 5px;display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px;width: auto;margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

Tutoriais Úteis

O post de hoje são dicas simples para deixar o seu blog mais bonito, são tutoriais muito simples e nada complicado não exigem conhecimento em html e é apenas pesquisar por um código e fazer alterações pequenas nele.

Para os tutoriais abaixo você deve ir em:
Modelos > Editar HTML > Aperte F3  


*Remover Assinar postagens Atom
Procure por: b:include name=’feedLinks depois que achar apague.

*Remover Tecnologia do Blogger
Procure pelo trecho Attribution ele deve estar como na imagem.

Onde estiver escrito “true” você deverá apagar e escrever “false”, salvar o código e excluir o widget de attribution.

*Centralizar o titulo das postagens
Procure por h3.post-title { e logo abaixo deste trecho cole text-align: center;


*Fontes do google no blog
Primeiro você deve ir no site do Google Fonts escolher a fonte que deseja. Para selecionar a fonte você deve clicar no ícone a seguir

Depois de copiar o código gerado você deverá procurar pelo trecho <head> e acima dele colar o código que foi gerado no site acrescentando uma / antes de fechar >O código deverá ficar como no exemplo: 

<link href=’http://fonts.googleapis.com/css?family=Kite+One’ rel=’stylesheet’ type=’text/css’/>
É só salvar e utilizar a fonte onde desejar.

Enfim, como eu uso o tema do blogger como base eu uso esses tutoriais aqui, se tiver alguma duvida ou quiser saber mais algum tutorial é só falar.

Para o seu blog: Brushes (PNG)

Oii, essa semana eu nem se quer cheguei perto do blog estou triste por não estar postanto com tanta frequência, mas espero que as coisas melhorem e eu consiga ter cabeça fria para criar postagens.

Enfim esse post é continuação de uma outra postagem de Dicas Para Blogs.
Dessa vez a postagem vai ser com brushes aleatórios para serem usador em qualquer lugar que você quiser, fazer menu ilustrado, fazer cabeçalho, capa para facebook e por ai vai. 

Lembrando que os pacotes estarão disponíveis para download aqui no blog, é só clicar no link e depois clicar em baixar. Descompactar a pasta e usar a vontade.

Pacote #1: Bonecas 
Pacote #2: Paris Londres
Pacote #3: Câmeras
Pacote #4: Pássaros
Pacote#5: Aleatórios
Pacote #6: Nuvens
Pacote #7: PNGS
Esses são os pacotes de hoje u.u, espero que gostem e usem bastante e façam bastante coisas legais e me mostrem. E eu prometo que  irei postar com mais frequência aqui.