Ola! Como vossa merce esta? Faz muito tempo que eu, e diversas outras pessoas, venho procurando um tutorial sobre como colocar a primeira imagem da postagem acima do titulo da postagem, e hoje trago exatamente isso para voces: o tutorial sobre como colocar a primeira imagem da postagem acima do titulo da postagem. Vamos ao tutorial?1. Primeiro, va em Modelo > Editar HTML > Clique na caixa de codigos > Ctrl + F > Procure por:<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'>Recomendo pesquisar pela aprte destacada, o restante do codigo e apenas para voce se localizar, pois este codigo se repete.2. Abaixo dele, cole:<b:if cond='data:post.firstImageUrl'><div class='container'> <img class='fakeImg' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' height='200px' width='100%'/> </div><style>.container .fakeImg { background: no-repeat center; background-size: cover; }.container { width: 100%; display:inline-block;}.post-body .separator:first-child img { display: none;}</style></b:if> O valor em negrito e a altura da imagem, os valores em italico devem ser os mesmos e indicam a largura da imagem.2.1 Nem sempre a imagem que esta no corpo da mensagem ira sumir, as vezes ela ira se repetir, aparecendo acima do titulo da postagem e na postagem.3. Salve.4. Va em Layout > Adicionar um Gadget HTML/JavaScript > Cole o seguinte codigo dentro e salve:<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[$(document).ready(function(){ // the order goes container -> body -> surround -> image var body = $('.post-body').first(); var container = $(body).parent(); var image = $(body).find('img').first(); var surround = $(image).parent(); $(surround).prependTo(container);});//]]></script><script type='text/javascript'>$('.container img').replaceWith(function(i, v){ return $('<div/>', { style: 'background-image: url(' + this.src + ');' + 'width:' + this.width + 'px;' + 'height:' + this.height + 'px;' , class: 'fakeImg' })})</script>Qualquer problema com o tutorial, comente. Se utilizar, credite. Tchau :3Creditos: x x Oi pessoinhas, como estao? Me pediram a algum tempo para postar um tutorial que esta disponivel no blog de previews sobre um botao/link que serve para atualizar a pagina que voce esta, sem dar F5 ou coisas do tipo, apenas clicar nele.Exemplo, clique aqui, e a pagina que voce esta, tanto a da propria postagem ou a pagina inicial sera atualizada.Vamos ao tutorial?1. Primeiro va ate a parte que deseja botar o botao como postagens, paginas, gadgets... e cole o seguinte codigo:<a onclick="window.location.reload( true )" href="#"></a>2. A unica coisa que voce muda e o simbolo em negrito, por uma palavra ou pelo simbolo que quiser, e depois salve.Prontinho, nao lembro onde peguei este tutorial, mas caso eu acho, atualizo com o creditos!Tchau :3 Ola pessoas, como estao? Espero que estejam bem, afinal faz um tempo que nao posto aqui, nao e mesmo? Minhas aulas comecaram, e meu ultimo ano no ensino medio, entao nao esperem postagens com muita frequencia. A alguns dias eu estava precisando de um slide bem simples e decidi pegar o Nivo Slide, entao mudei algumas coisinhas nele e o resultado me agradou muito, entao vou compartilhar ele com voces!1. Primeiro de tudo, va em Modelo > Editar HTML > Clique na caixa de codigos e procure por <head> , abaixo desta tag voce cola o seguinte script:<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'