Esses dias eu li um desabafo de uma afiliada iniciante, que dizia ter  parado o curso Formula Negócio Online, porque nao tinha condição de pagar por um dominio e hospedagem no momento... e foi pensando nisso que eu decidi editar um layout responsivo GRATUITO para você que ja é afiliado mas ainda não tem blog, ou para você  que deseja transformar seu blog em um negócio online e transformar  visitantes do blog em clientes.

Esse layout você encontra em dois modelos:

Um UNISSEX (Preto Branco e verde) e Outro FEMININO (Rosa Branco e verde)

Ele é composto por :

• Plataforma Blogger
• Responsivo
• Menu Fixo no topo
• Sub-menu
• Cabeçalho
• Post resumido
• Icones das redes sociais no rodapé
• Botões de compartilhamento nas redes sociais
• No modelo UNISSEX espaço para Publicidade
• Caixa de EMAIL MARKETING personalizado (pode usar o feedburner, e-goi, mailchimp ou qualquer outro gratuito)
• Tags
• Paginação numerada
• Marcadores
• E muito mais...

Veja todos os layouts gratuitos disponíveis aqui no blog

Modelo 1 Unissex

Modelo 2 Feminino

Caso você esteja se sentindo perdida, conte comigo, estou a disposição para te ajudar a ganhar dinheiro com seu blog de forma profissional.

Olá meus amores, depois de tanto tempo venho trazer para vocês mais um layout gratuito.  Chama-se Layout Free Fevereiro, decidi colocar o nome do mês pois assim fica mais fácil para identifica-lo.

Bom, como todos sabem... vocês podem modificar o que quiser no layout, mas usem o bom senso e não retirem os créditos.

Caso vocês não saibam, existe uma ferramenta do google chamada Search Console que permite que eu tenha informações de blogs a qual tem meus layouts ou links internos.


Entao, vamos para o que interessa:

Itens que compõem esse layout: 

Olá meus amores, quem acompanha os grupos nos facebook viu que prometi postar ainda hoje esse layout UNISSEX totalmente grátis... Ufaaa, foi super corrido mas enfim consegui, para iniciarmos o mes de setembro de layout novo nao é verdade?

Quer conferir como ficou? Veja Online >> Preview

E aí? o que vocês acharam? Vamos começar?

 Clique aqui para fazer o >>> DOWLOAND

INSTRUÇÕES

• É necessario haver o arquivo WinRar para baixar o arquivo.
• Dentro da pasta tem todos os codigos inclusive os das gadgets do MENU do topo, e do MENU em imagem abaixo do cabecalho, tem tambem os codigos da foto de perfil arredondada com os icones das redes sociais.
• NÃO retirem os cretido no rodapé do blog.
• Codigos de personalizacao no html tem os devidos creditos das blogueiras que criaram os codigos.

Codigos para colocar na gadget:

MENU DO TOPO - 

(Basta substituir pelos links onde tem "LINK_DA_PAGINA'' 

e o Nome da pagina onde tem apenas PAGINA.)

<div id='menu'>
<ul><li><a href='/'>  Home </a></li><li><a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjUGKq2fr77taUJ9IJayzngPlAHxmuEMSz_VPacvCNr6VKBEANwIo6YZa-WD9-XXJqMm7eE-C59fGuLvLX9x7ESyFdRJuBUpEHwNn_uitQOiBAcwG_YfXpMPWD-z3pzETh1qFDLEetCKU/s1600/separador2.png'/></a></li>
<li><a href='LINK DA PÁGINA'>  PAGINA 1 </a></li>
<li><a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjUGKq2fr77taUJ9IJayzngPlAHxmuEMSz_VPacvCNr6VKBEANwIo6YZa-WD9-XXJqMm7eE-C59fGuLvLX9x7ESyFdRJuBUpEHwNn_uitQOiBAcwG_YfXpMPWD-z3pzETh1qFDLEetCKU/s1600/separador2.png'/></a></li>
<li><a href='LINK DA PÁGINA'> PAGINA 2 </a> </li><li><a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjUGKq2fr77taUJ9IJayzngPlAHxmuEMSz_VPacvCNr6VKBEANwIo6YZa-WD9-XXJqMm7eE-C59fGuLvLX9x7ESyFdRJuBUpEHwNn_uitQOiBAcwG_YfXpMPWD-z3pzETh1qFDLEetCKU/s1600/separador2.png'/></a></li>
<li><a href='LINK DA PÁGINA'> PAGINA 3 </a> </li><li><a><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjUGKq2fr77taUJ9IJayzngPlAHxmuEMSz_VPacvCNr6VKBEANwIo6YZa-WD9-XXJqMm7eE-C59fGuLvLX9x7ESyFdRJuBUpEHwNn_uitQOiBAcwG_YfXpMPWD-z3pzETh1qFDLEetCKU/s1600/separador2.png'/></a></li>
<li><a href='LINK DA PÁGINA'> Pagina 4 </a> </li>

</ul>
</div>

MENU EM IMAGEM ABAIXO DO CABECALHO

<img id="Image-Maps-Com-image-maps-2016-09-06-154156" src="http://www.image-maps.com/m/private/0/qlut85q3h46eeu7evo0b6tjka7_menu.png" border="0" width="1000" height="120" orgWidth="1000" orgHeight="120" usemap="#image-maps-2016-09-06-154156" alt="" /><map name="image-maps-2016-09-06-154156" id="ImageMapsCom-image-maps-2016-09-06-154156"><area  alt="" title="" href="LINK_VIAGEM" shape="rect" coords="65,0,164,120" style="outline:none;" target="_self"     /><area  alt="" title="" href="LINK_DIY" shape="rect" coords="182,0,276,120" style="outline:none;" target="_self"     /><area  alt="" title="" href="LINK_MODA" shape="rect" coords="301,1,394,120" style="outline:none;" target="_self"     /><area  alt="" title="" href="LINK_IDEIAS" shape="rect" coords="422,0,524,120" style="outline:none;" target="_self"     /><area  alt="" title="" href="LINK_CONTATO" shape="rect" coords="542,0,655,120" style="outline:none;" target="_self"     /><area  alt="" title="" href="LINK_VIDEOS" shape="rect" coords="677,0,784,120" style="outline:none;" target="_self"     /><area  alt="" title="" href="LINK_FOTOGRAFIAS" shape="rect" coords="797,2,908,120" style="outline:none;" target="_self"     /><area shape="rect" coords="998,118,1000,120" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" /></map>

PERFIL DA BLOGUEIRA

<center><img src="LINK_FOTO_DA_BLOGUEIRA" style="-moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; width:260px; heigh:auto;" /><br />NOME E DESCRICAO DA BLOGUEIRA AQUI <br /><center><a href="ENDEREÇO-DA-REDE-SOCIAL-FACEBOOK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTBNEaZyTJ6QbdKkK3M65PbhHq7AX0v-_i4gFxT56uiyoVHXN90qS1pBXa3FGL0BgnTA0136RMbkTWZwXvo1D-3nM5ovaMPWGjBGvYW_JmWPXyACIQZzmFgMkCIjCbIS8OlOElVAo4Lac/s1600/facebook-logo-button.png"/></a><a href="ENDEREÇO-DA-REDE-SOCIAL-INSTAGRAM"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQTfS9rbfRmX8Ec8fltfTdKkbaLOQV99SGyUq5K7_iCTitLIf8Hd1mf68C-lolgw7TIl6IeYDMq35tOtbCEYnqUeE-lM1wZ0MsHSOdwKvzuZYfXwlV_vZ1CFRQ38d__4hIgfRm-qOJobk/s1600/instagram-logo.png"/></a><a href="ENDEREÇO-DA-REDE-SOCIAL-TWITTER"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilYWN4nm78VCrfHSY1aNrA_GMPJHg9RU8nnXQKSaoIf49-Rt_P7cTy5PceEoDKt7uv9n_iNtzrjO5_HoNtt9DC9pWIAz2PdPfAcD5zJwdxoQQQBFvPFFLSX83-XvLIbiCY23XNC0ql5pA/s1600/twitter.png"/></a></center></center>

Para tirar a imagem no final dos posts escrito: VOLTE SEMPRE
Dê ctrl+F e procure por:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDzEP4MoRteAo0j9nOqJp3qePHeJ6MjUZ3QTQCSZFQXN6CS7G9a-bxT3FzjubPSueopJeviYOidoCvoZtE8l2ldhoxiICcEaQ8ZdvVhosjBeXR84XCnb87V37DI9SPWQHozz_bQlz-TQ/s1600/ASS.png

Substitua com sua ASSINATURA.

SE VOCÊ GOSTOU, ENTÃO DEIXE AQUI SEU COMENTARIO

Quer mais tutoriais? Clique aqui >> GOODIES

Quer saber como ganhar dinheiro com seu blog?

 Clique Aqui >> Renda Extra

Um abraço, e até o proximo post se Deus quiser.

~
Olá meus amores, antes de tudo peço desculpas pela minha ausencia... como algumas de voces sabem, eu estou super corrida com o trabalho de verao aqui na italia, o que é bem puxado e ocupa boa parte do meu tempo, mas é por apenas alguns dias, logo tudo voltará ao normal. Hoje vim trazer para voces um Layout Responsivo Free, personalizado por mim ultilizando a Base Free da querida Lariz do Blog ButLariz.

Essa é a aparencia do Blog:

O arquivo não esta zipado, ou seja esta em arquivo xml, voce pode baixar diretamente no seu pc e adcionar automaticamente pelo blogger, ou clicar sobre o arquivo com o botao direito do mause e abrir com a opção BLOCO DE NOTAS, selecioar tudo e copiar, colando na area do html do seu blog, lembrando de fazer sempre o backup caso algo dê errado!

Os codigos que seguem abaixo, é necessario adcionar na gadget do blog.

Em questao a paginacao do blog, apos alguns testes nao consegui ativa las, precisaria de mais tempo o que eu nao tenho rs... entao SE você for usar esse layout, o ideal é voce entender de html para testar alguns tutoriais, ou  na opcao de configuração no Layout do blog em MAIN (na gadget de Postagens do Blog), onde tem Número de postagens na página principal: 05 ... Altere esse valor para 20 ou mais, assim aparecera seus ultimos 20 posts ou mais.

Infelizmente peguei só a  base  que a Lariz disponibilizou, mas nao tive tempo para trabalhar nela 100% ... e como tem uns 2 meses que nao posto um layout free, trouxe esse para quem quiser usar!
Estou com mtas saudades de trazer mais novidades, mas logo logo estarei aqui com  muitas coisas boas especialmente para vocês!

Espero que tenham gostado!
Segue abaixo os codigos!

<div id='nav'>

<ul>

<li><a href='/'>  Início </a></li>

<li><a href='/p/sobre.html'>  Sobre </a></li>

<li><a href='/p/contato.html'> Contato </a> </li>

<li><a href='/p/anuncie.html'>  Anuncie </a></li>

<li><a href='/p/blogroll.html'>  Blogroll </a></li>

</ul>

</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script type="text/javascript">

 $("#nav").addClass("js").before('<div id="menu"><img src="http://i.imgur.com/wvad5ud.png"/></div>');

 $("#menu").click(function(){

  $("#nav").toggle();

 });

 $(window).resize(function(){

  if(window.innerWidth > 900) {

   $("#nav").removeAttr("style");

  }

 });

</script>

<center><style type="text/css">
/*INICIO CSS FOTOS*/
.bsrp-gallery {
margin-top:70px;
margin-left: -30px;
width:1120px; ==LARGURA DO SLIDE==
float:center; ==POSIÇÃO DO SLIDE==
clear:both;
}



.bsrp-gallery:after {
display: table;
clear: both;
}
.bsrp-gallery .bs-item a {
position: relative;
float:left;
margin: 0 0px 0px 0;
text-decoration:none;
}
.bsrp-gallery .bs-item .ptitle {
background:#FFF; /*--cor de fundo das miniaturas ao passar o mouse --*/



display: block;
clear: left;
font-size: 16px;
font-family: arial;
text-transform: uppercase; /*--coloca o texto em capslock, apague se desejar --*/
line-height:1.3em;
height:320px;
height: 57.4%; /*--define a altura da legenda --*/
width:100%; /*--define a largura da legenda --*/
position: absolute;
bottom:0%;
text-align: center;
margin:0 0 0px 0px;
padding: 119px 0px 0px 0px;
color:#999; /*== COR DA FONTE DO TEXTO==*/
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
.bsrp-gallery .bs-item .ptitle:hover {
-webkit-transition:All 0.7s ease-in-out; -moz-transition:All 0.7s ease-in-out; -o-transition:All 0.7s ease-in-out;
filter:alpha(opacity=90);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}
.bsrp-gallery a img {
background: #fff;
float: left;
}
.bsrp-gallery a:hover img {
}
/*FIM CSS FOTOS*/
</style>
<script>
//byjana
function bsrpGallery(root) {
var entries = root.feed.entry || [];
var html = ['<div class="bsrp-gallery nopin" title="Get this from poderondesign">'];
for (var i = 0; i < entries.length; ++i) {
var post = entries[i];
var postTitle = post.title.$t;
var orgImgUrl = post.media$thumbnail ? post.media$thumbnail.url : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_afExFUrMmqu6Wk1djRAqaEpgtRii0scLaxHLOpKQKBJ5Ud2VuyStvfgOCIan2asJQPOxkyiUcdwJorBtCgwrti1MUfSHPEObOdQlZHQrs2Bd4ZVwshwU27B8jl8zrNaALIw_uAd7qntb/s72-c/default+image.png';
var newImgUrl = orgImgUrl.replace('s72-c', 's' + bsrpg_thumbSize + '-c');
var links = post.link || [];
for (var j = 0; j < links.length; ++j) {
if (links[j].rel == 'alternate') break;
}
var postUrl = links[j].href;
var imgTag = '<img src="' + newImgUrl + '" width="' + bsrpg_thumbSize + '" height="' + bsrpg_thumbSize + '"/>';
var pTitle = bsrpg_showTitle ? '<span class="ptitle">' + postTitle + '</span>' : '';
var item = '<a href="' + postUrl + '" title="' + '">' + imgTag + pTitle + '</a>';
html.push('<div class="bs-item">', item, '</div>');
}
html.push('</div>');
document.write(html.join(""));
}
hoje = new Date()
numposts = 1
var bsrpg_thumbSize = 280;



var bsrpg_showTitle = true;


document.write("<script src=\"/feeds/posts/default?start-index="+numposts+"&max-results=4&orderby=published&alt=json-in-script&callback=bsrpGallery\"><\/script>");</script></center>

Olá meus amores, hoje vim disponibilizar um dos primeiros layouts free que postei aqui blog,
porem com algumas ediçoes a mais... corriji alguns erros, inclusive a data que NAO era editada... , coloquei uma imagem de fundo como vcs podem ver na imagem...

Baixei a sidebar, na mesma altura da area do post, alguentei a imagem de aquarela bru no topo que era mto pequena, e aumentei tbm a fonte do menu do topo, entre outras correçoes/mudancas!


Espero que voces gostem!

Ola meus amores... tudo belezinha com vocês?
Bom, como o prometido, vim aqui disponibilizar um Layout RESPONSIVO Gratuito...
Como a maioria sabe, a moda agora é usar um layout responsivo porque facilita a vida dos visitantes, uma vez que o desing do mesmo se acopla automaticamente no visor de cada tela, seja ele Pc, Tablet ou Celular... a maioria das blogueiras estao aderindo a essa moda rsrs

Eh um codigo mais trabalhoso, por isso é necessario que a blogueira tenha alguma noção em HTML.
Lembrando que esse layout foi criado por ThemeXpose, os creditos do mesmo estao mantidos, eu apenas fiz algumas alteracoes na estrutura do lay para ficar mais sofisticado , clean e agradavel!

No pack do download tem alguns recadinhos, dando dicas de como instalar os icones no menu do topo ok? Espero que tenham gostado!

Olá meu povo lindo, hoje vim aqui disponibilizar um layout TOP totalmente grátis, para as gurias que curtem temas florais assim como eu rsrs... A diferenca desse layout para ou outros é que tem umas florzinhas no final do post e tbm icones de redes sociais, confiram na imagem abaixo:

Fiz esse com muito carinho especialmente para todas as blogueiras que vêm aqui no blog diariamente em busca de novos materiais para organizar o seu blog.

Peço apenas que:

Ola meus amores... Entao... estou com algumas personalizacoes que fiz para download quando ainda estava na italia, mas nao tive tempo paras postar... entao esta ai.... mais um layout free especialmente para voces!!!

contato@renatamassa.com

ou

renata_mceles@hotmail.com

Ou acesse o site: RM Design