Ola! A Karine do blog Black Rose, disponibilizou dois temas responsivos para Blogger. Abaixo voce podera visualizar e baixar os temas. Se voce usar, por favor nao retire os creditos e comente aqui. :DV I S U A L I Z A R || D O W N L O A D V I S U A L I Z A R || D O W N L O A D Creditos BLACK ROSE Oi gente! Esse tutorial e do slide que e usado aqui no blog. Confira abaixo o tutorial.Diapo by Pixedelic1) Coloque esse codigo no seu css..pix_diapo { background: #ccc; /* ALTERA O FUNDO */ height: 200px; /* ALTERA A ALTURA */ margin: 0 10px; overflow: hidden; position: relative; width: 500px; /* ALTERA A LARGURA */}.pix_diapo > div { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}#pix_prev, #pix_next { cursor: pointer; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 1001;}#pix_prev { background: url(https://1.bp.blogspot.com/-Al7QbuoAXBk/V93WwGLc0bI/AAAAAAAAA6Q/z-7RPfi4o4g--nVIvazGNXDzxEv44T8agCLcB/s1600/prev.png) no-repeat; left: 10px;}#pix_next { background: url(https://2.bp.blogspot.com/-ayGaSKn5bHM/V93WvsfBbQI/AAAAAAAAA6M/hFZn4UUep2gjJMoya8s7WQ4aEz3W83kWwCLcB/s1600/next.png) no-repeat; left: auto!important; right: 10px!important;}.pix_relativize { overflow: hidden; position: relative;}.imgFake { cursor: pointer;}.elemHover { position: absolute;}.caption { background: #000; /* ALTERA O FUNDO DA LEGENDA */ bottom: 20px; color: #fff; display: block; font-size: 13px; /* ALTERA O TAMANHO DA FONTE */ padding: 15px; margin-bottom: -20px; width: 500px; /* ALTERA A LARGURA */ text-transform: uppercase; font-family: 'Arial'; /* ALTERA A FONTE */}.ui-loader { display: none;}2) Coloque os scripts antes da tag < / head>.<script src='http://static.tumblr.com/wldnpu3/m1lmufnqi/jquery.min.js' type='text/javascript'></script><script src='http://static.tumblr.com/wldnpu3/t42mufnr5/jquery.mobile-1.0rc2.customized.js' type='text/javascript'></script><script src='http://static.tumblr.com/wldnpu3/uRUmufnrx/jquery.hoverintent.js' type='text/javascript'></script><script src='http://static.tumblr.com/utmut0z/YHWniwou8/diapo.js' type='text/javascript'></script><script src='http://static.tumblr.com/wldnpu3/Yi4mufnsy/jquery.easing.1.3.js' type='text/javascript'></script><script>$(function(){ $('.pix_diapo').diapo();});</script>3) Coloque esse codigo onde quer que apareca o slide. <div class="pix_diapo"><div><a href="LINK "><img src="LINK DA IMAGEM "/></a><div class="elemHover caption fromRight elemToHide"> LEGENDA AQUI</div></div> Oi gente ;) bom o tutorial de hoje e do site ProDeveloper, com varios estilos de postagens resumidas para blogger. Clique na imagem abaixo e confira o tutorial. Ola Pessoal^^Tudo bem com voces? No post de hoje eu irei ensinar a colocar um menu super basico que esta sendo muito usado ultimamente, sabe aquele menu que quando voce desce a pagina e o menu desce no Topo tambem? Entao e esse menu que irei ensinar a voces pra colocar no seu blog^^.Confira o tutorial a baixo:Voce ira entrar em Layout>Adicionar Gadget> HTML/javaScript> Logo em Seguida voce ira colocar esse codigo. <div id="menufixo"><div id="menufixo"><li><a href="Link da Pagina">Inicio</a></li><li><a href="Link da Pagina">Inicio</a></li><li><a href="Link da Pagina">Inicio</a></li><li><a href="Link da Pagina">Inicio</a></li></div></div>E ira alterar o Link da Pagina eo Nome da Pagina. Voce salva o Gadget e vai em Modelo>Editar HTML>. Clica no Ctrl+F e procure por ]]></b:skin>, em cima do ]]></b:skin> voce ira colocar esse Codigo./* Menu fixo no topo do blog by Elaine Gaspareto--------------------------- */#menufixo {width: 72%;text-aling: center;color: #f38630;/*--cor da fonte--*/padding-left: 100px;font-weight: none; margin: 183;height: 40px; /* altura do menu */position: fixed;top: 0;left: 183px;background: #a7dbd8; /* cor de fundo do menu */font-family: 'Josefin Slab'; /* nome da fonte */font-size: 14px; /* tamanho da fonte */text-transform: none;opacity: .90;}#menufixo li {list-style-type: none;display: inline;float: center; /* posicionamento do menu */padding: 0px;}#menufixo li a {color: #fff;text-decoration: none;padding-right: 24px;line-height: 42px;}#menufixo a:hover {color: #f27c15; /* cor do link da fonte em hover */}#menufixo ul {list-style: none;margin: