Este é meu primeiro layout free ! Está bem simples e aparentemente BEM preto , utilizei para começo uma base free que por incrível que pareça esqueci onde peguei , Algumas coisas simples que o layout contém :
Teste
Teste
Teste
Link
REGRAS :
Poderá SIM utilizar como base
Poderá mudar o tema e as cores mais NUNCA NUNQUINHA dizer que foi você que o criou
Este layout é muito importante pra mim porque foi o primeiro que criei !
Sei que não está '' grandes coisas '' mais saiba que foi feito com muito carinho ..
teste teste teste teste teste teste teste teste
O blockquote está sublinhado com a cor branca , mais isso foi um probleminha do meu computador acho que não haverá esse problema no seu ..
Códigos : ( Você poderá trocar as imagens se quiser ! )
Welcome
<div align="center"><img src="http://1.bp.blogspot.com/-Spe_fWyxUyE/UaZai-GmIXI/AAAAAAAAGlw/OdQPRdwWyhs/s1600/panda1+-+C%C3%B3pia.png" class="border" /></div>
<div align="center">Olá, seja bem-vindo ao <b>(Nome do seu blog)</b> Escreva aqui um pequeno texto sobre seu blog!</div>
<div align="center"><center>
<a href="http://www.blogger.com/rearrange?blogID=6099519704822608086&action=editWidget&sectionId=sidebar-right-1&widgetType=null&widgetId=HTML1#" rel="toggle[dog]" openimage="collapse.jpg" closedimage="expand.jpg">Em breve</a> |
<a href="http://www.blogger.com/rearrange?blogID=6099519704822608086&action=editWidget&sectionId=sidebar-right-1&widgetType=null&widgetId=HTML1#" rel="toggle[cat]" openimage="collapse.jpg" closedimage="expand.jpg">Em breve</a></center>
<div id="rabbit" style="display:none">
<div class="progress-bar blue stripes">
<span style="width: 50%"></span>
</div>
</div>
<div id="dog" style="display:none">
<div align="center"><div id="love">Em breve</div>
<div id="love">Em breve</div>
<div id="love">Em breve</div>
<div id="love">Em breve</div></div>
</div>
<div id="cat" style="display:none">
<div align="center">
<div id="love"><a href="link_aqui">Em breve</a></div>
<div id="love"><a href="link_aqui">Em breve</a></div>
<div id="love"><a href="link_aqui">Em breve</a></div>
<div id="love"><a href="link_aqui">Em breve</a></div>
</div></div></div>
Tags
<center>
<a href="LINK AQUI"><menutags>Em breve</menutags></a>
<a href="LINK AQUI"><menutags>Em breve</menutags></a>
<div>
<a href="LINK AQUI"><menutags>Em breve</menutags></a>
<a href="LINK AQUI"><menutags>Em breve</menutags></a>
<div>
<a href="LINK AQUI"><menutags>Em breve</menutags></a>
<a href="LINK AQUI"><menutags>Em breve</menutags></a>
<div>
<a href="LINK AQUI"><menutags>Em breve</menutags></a>
<a href="LINK AQUI"><menutags>Em breve</menutags></a>
</div>
</div></div></center>
Afiliados
<center><a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSrDbI_mIBpkiWaH_dPFipmzdD3YkpsbEtEVNEJ1cGpOlEaT1hk3iy1nhvb6CspKirJGoQeOUdzg7Cosycb1VXaGLJhoXQ8qzT-XqQ5Hb9DoHb3mgqdt-knz_AmYDLd_W3Xh6e8Mxxihg/s1600/2024.png" class="bordinha" /></a>
<a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ14YZJG02-Y876ZMPO7_U2I4kRDuKV3MQeK3wPr-R11ycstEClg2FMLaQ2qf_RYxLJmaSavsFEWPy3mYdMbiUx1Tgi77HyB6mI43SvkNUhr7VOWB5b6IiaV3YhVgwU_zU_u_GmscUDWE/s1600/2025.png" class="bordinha" /></a>
<a href="TÍTULO DA TOOLTIP" title="NOME"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcL1sKa4BH7l2tRp1w1H_9iz_2VguBUjWXufndDwX-ZhL5YBJyQOlilh20BUvmKWURjv72WPXKrCpsuwc19vHw_AiAOsVvBWaHECXpO3ATUMfq7dYLXM0BtONDgLf2tzA5IeNEmtymahg/s1600/2026.png" class="bordinha" /></a></center>
<center><a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfYxnv9SCxDHauOB6TEoMmR6ptjJQIpi4amqxkHAAzml-tW4FXTT-XTTO-Ee61iH1OJ4NwtHVwK7Jo4zdOiqkVDH6B2RMQksA-UOa3MEHp4ZNLHE_5ZzlXmaryHKwpjiMluh7Qq6OAX5c/s1600/2027.png" class="bordinha" /></a>
<a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNsWpG9XMLknr8K1F-B_qsZH8FYDj_kXJbkw-zx9Tz9XvnNLG_lE_UwTThQnh_eeZkJKQBYNGAx9lTPzJ-YFStOTyvSma9zY68exzcNN3Hlzl-4OY1d9aiVx6o0gAqiuB2KlevVzJ-xEs/s1600/2030.png" class="bordinha" /></a>
<a href="TÍTULO DA TOOLTIP" title="NOME"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptt_WVg4Fx1L5v-ydZgjydsIWICUUhh5_ndViOD3dR3F8SBj-ZWgqRrBH_Y6_P8Oekih6jrZjswBtjY2Yinb6NFTk1HEHGeofZUlZwpuxalxKbMCORa30bHPfHGs9BNcdJvn3eg6TZos/s1600/2033.png" class="bordinha" /></a></center>
<center><a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeaBd54Gz43_9ES8OZ8TyTGW0btN7Jcfc1oT6ZKYIz8yUYeIHVzixUl3coItaQj8ipxyR9b-8dgfi4dXOX02kkbGgusnzLdpj1MpQoVa_6r5D3q8kEglDYwUX0XcXNcrwaetBVU_GIM-Q/s1600/2036.png" class="bordinha" /></a>
<a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbEBX_zs3UgrYqy8jTmVXN4aHwww4w3SWq_Dewddypu77WfWAr_J_d8v4KO05EAbkWMzf6tcZBZ_63xppjRiIH4aHmLvffyFQQfN4fs37Es1IpHp-V-FeMDbtMSCkYok-uJcUQGryNGzk/s1600/2034.png" class="bordinha" /></a>
<a href="TÍTULO DA TOOLTIP" title="NOME"><img src="http://4.bp.blogspot.com/-JlZ2gh-n7mg/UaahyOysU-I/AAAAAAAAGqI/HO0QXDiq_KY/s1600/h.png" class="bordinha" /></a></center>
<center><a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="http://4.bp.blogspot.com/-76mIIiFjxPQ/UaahyuprajI/AAAAAAAAGqc/p0G_bhyGTvc/s1600/i.png" class="bordinha" /></a>
<a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="http://1.bp.blogspot.com/-XePtzuvIfzA/UaahyrZIdeI/AAAAAAAAGqY/O0HHSMq6rpg/s1600/k.png" class="bordinha" /></a>
<a href="TÍTULO DA TOOLTIP" title="NOME"><img src="http://3.bp.blogspot.com/-_PbnPu3S0kY/UaahzBxQjSI/AAAAAAAAGq4/eJr6sdw5K0M/s1600/l.png" class="bordinha" /></a></center>
Fim
<div align="center"><img src="http://1.bp.blogspot.com/-uRPhV89dQ_8/UaZajK9uT5I/AAAAAAAAGl0/BreziOm3Az8/s1600/panda2+-+C%C3%B3pia.png" class="border" /></div><div align="center">Aqui chegamos ao final. Espero que tenha gostado do layout e claro que use!</div>
Código do layout aqui -> www
Pra você escrever a postagem ao lado de uma imagem é só clicar em HTML á baixo do titulo do post no canto esquerdo e depois colocar esse código :
<div class="separator" style="background-color: #fbfbfb; clear: both; color: #7f7f7f; font-family: 'Open Sans'; font-size: 12px; line-height: 16.799999237060547px; text-align: center;"><a href="URL DA IMAGEM AQUI" imageanchor="1" style="-webkit-transition: color 0.9s ease-out; clear: left; color: #fbcfd0; float: left; margin-bottom: 1em; margin-right: 1em; opacity: 1; text-decoration: none; transition: color 0.9s ease-out;"><img border="0" src="URL DA IMAGEM AQUI DE NOVO" style="border: none; opacity: 1; position: relative;" /></a></div><span style="background-color: #fbfbfb; color: #7f7f7f; font-family: 'Open Sans'; font-size: medium; text-align: justify;">AQUI O TEXTO QUE VC QUER AO LADO</span>
Coloque oque se pede em negrito , depois de preencher tudo volte para o ESCREVER e termine a postagem do seu jeito , lembrando que nessa parte você só coloca a introdução!
Bom .. é só isso , qualquer erro me avise !
Bjos Pipoca Doce ~
Comentário teste
ResponderExcluirResposta teste
ExcluirApenas testando o link
ResponderExcluirGave Crazy
Este comentário foi removido pelo autor.
ResponderExcluir