| SONG TITLE HERE <annotation><annotation></td>
<td>4</td>
<td>0.20 %</td>
<td>No</td>
</tr>
<tr>
<td> <annotation><annotation> <duration><duration> <image><image> <info><info></td>
<td>4</td>
<td>0.20 %</td>
<td>No</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<article class="post" itemscope="itemscope" itemtype="http://schema.org/Posting" itemprop="Post">
<h2 class="section-title h4">
<span class="cat-name"><i class="fa fa-link"></i> Internal links in - marcosfranciscodesouza.blogspot.com.br</span>
</h2>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/p-ajuda">Obter Ajuda Online</a><br>
<small>Ajuda</small>
</div>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/search-q-tradu-C3-A7-C3-A3o">Traduções de Programas</a><br>
<small>Resultados da pesquisa tradução</small>
</div>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/search-label-Dicas-20Para-20Blogger">Dicas Para Blogger</a><br>
<small>Dicas Para Blogger</small>
</div>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/search-label-Aquarismo">Aquarismo</a><br>
<small>Aquarismo</small>
</div>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/search-label-Relacionamentos">Relacionamentos</a><br>
<small>Relacionamentos</small>
</div>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/search-label-Sa-C3-BAde">Saúde e Beleza</a><br>
<small>Saúde</small>
</div>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/search-q-Vegas-Pro">Vegas Pro</a><br>
<small>Resultados da pesquisa Vegas Pro</small>
</div>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/search-label-Dicas-20e-20Tutoriais">Vários</a><br>
<small>Dicas e Tutoriais</small>
</div>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/search-label-Acelerador-20de-20Downloads">Acelerador de Downloads</a><br>
<small>Acelerador de Downloads</small>
</div>
<div>
<a href="http://marcosfranciscodesouza.blogspot.com.br.sitepageseo.com/search-label-Analise-20de-20Sistemas">Analise de Sistemas</a><br>
<small>Analise de Sistemas</small>
</div>
</article>
<div style="clear: both"></div>
<div class="bs-callout bs-callout-default" id="callout-glyphicons-location">
<h2>Marcosfranciscodesouza.blogspot.com.br Spined HTML </h2>
<hr>
<p style="ext-indent: 0; background-color: #efeeee; border: 2px solid #cccccc; color: black; font-size: 12px; margin: 1em 0 0; max-height: 600px; overflow-x: auto; overflow-y: scroll; padding: 5px;">
Dicas Para Blogger Login Seja Meu Amigo Seja Meu Parceiro Contribuintes Como Ser um Parceiro Contato Ajuda Documentação Política de Privacidade Contrato de Licença Obter Ajuda Online Fazer uma Doação Remoção de Conteúdo Sobre o Blog Inicio Downloads Marcosoft Marcosoft Start Page Marcosoft Media Player Marcosoft Launcher Piriform Tool Kit Professional Edition Snes9X SNES Nintendo Emulator Traduções de Programas Principais Categorias Dicas e Tutoriais Dicas Para Blogger Aquarismo Relacionamentos Saúde e Beleza Vegas Pro Vários Acelerador de Downloads Analise de Sistemas Conversor de Arquivos Drivers Editor de Fotografias Editor de Vídeos Gravador de Discos Jogos Jogos Android (ModHack) Jogos Para PC Ferramentas para jogos Programas Hacker Recuperação de Dados Utilidades e Segurança Otimizador de Sistema Web Designer Traduções Mapa do Blog Mais Senha dos Downloads Meus Canais Free Copyright ZoneWaterwayMarcos Francisco Meus Blogs Rodoviária de Passos-MG LG Optimus L3 II E425F Emuladores Para PC CD de Músicas Pedidos de Tutoriais Fazer uma Doação DOWNLOAD VEGAS PRO 16 EM PORTUGUÊS O VEGAS Pro sempre tem sido um inovador. A Versão 16 continua com esse legado e traz uma interface completamente personalizável que proporciona uma suprema flexibilidade...... DOWNLOAD SOUND FORGE 11 EM PORTUGUÊS O programa oferece uma operação eficiente e confiável dos editores e diretores de som, com plena consideração todos os aspectos da edição de áudio e masterização. E no estúdio e no campo é uma........ DOWNLOAD PHOTOSHOP CC EM TORRENT Criar qualquer coisa que você pode imaginar. Em qualquer lugar você é. Melhor aplicativo de imagem e diamond do mundo oferece agora até mesmo mais possibilidades criativas com novas...... DOWNLOAD AFTER EFFECTS CC EM TORRENTWithoutEffects CC é a famosa ferramenta da Adobe que é padrão para quem quer entrar no ramo ou já trabalha profissionalmente com animações tridimensionais e aplicação de efeitos...... DOWNLOAD AUTOCAD 2017 EM TORRENT AutoCad 2017 ajuda as pessoas a imaginar, projetar e criar um mundo melhor. Todo mundo-de profissionais de design, engenheiros e arquitetos para artistas digitais...... DOWNLOAD NERO 2017 PLATINUM EM TORRENT O Nero 2017 é o novo pacote da suíte de aplicativos de gravações e edições da Nero. Ele vem repleto de opções e grandes novidades. A cada ano a empresa atualiza seu maior software de aplicativos....... DOWNLOAD GTA V EM TORRENT Quando um malandro de rua, um ladrão de bancos aposentado e um psicopata aterrorizante se envolvem com alguns dos criminosos mais assustadores e loucos do submundo, o governo...... 22 MANEIRAS DE GANHAR DINHEIRO COM INTERNET Você está cansado da rotina de trabalho padrão e está buscando novas formas de ganhar dinheiro? Quer saber se essa história de ganhar dinheiro na internet é verdade? Este post é para você....... Mostrando postagens com marcador Dicas Para Blogger. Mostrar todas as postagens Mostrando postagens com marcador Dicas Para Blogger. Mostrar todas as postagens terça-feira, 3 de outubro de 2017 Ferramenta para eliminar conteúdo misto no editor de texto Por WaterwayMarcos Francisco 18:08 Dicas Para Blogger Nenhum Comentário Em Setembro do ano passado, o Blogger anunciou o suporte ao HTTPS, o que possibilita a criptografia das conexões dos blogs na plataforma blogspot, o que ajuda em muito na segurança e proteção contra possíveis invasores... Mas nem tudo foram flores... Primeiramente, o Blogger disponibilizou a opção para configurar o HTTPS nas configurações do painel de controle, um simples sim ou não, e como previmos, haveria erros porque certos gadgets, imagens e os scripts adicionados poderiam não funcionar. Leia: 5 motivos para NÃO usar a criptografia HTTPS no Blogger E realmente tais erros vem acontecendo com os usuários que habilitaram esse recurso. Esses erros são chamados de Mixed Contents, ou conteúdos mistos, numa tradução livre. Eles ocorrem quando uma página em HTTPS possui elementos que ainda estão no protocolo HTTP, e todos tentam carregar ao mesmo tempo, ocasionando erros no navegador. Para saber se há conteúdos mistos em seu blog clique aqui. Ontem o Blogger disponibilizou uma ferramenta no editor de texto para alertar o usuário sobre tais erros e por conseguinte, corrigi-los automaticamente antes de salvar o post: fonte:BloggerBuzz Essa ferramenta só funciona e aparece para quem habilitou o protocolo HTTPS em seu blog. Quem foi esperto e seguiu as nossas recomendações está tranqüilo! #SQN Há duas semanas, quem abre o painel de controle, se depara com o aviso de que o protocolo HTTPS será permanente no Blogger a partir do final de abril. Estou prevendo que certos gadgets e scripts que colocamos em nossos blogs deixarão de funcionar e terão que ser deletados ou hospedados num ambiente HTTPS. Há muito tempo hospedo meus scripts no Google Drive, serviço que é criptografado como qualquer outro produto da Google, mas existem alguns dentro do template que eu sei que darão problemas... Saiba como hospedar scripts e css no Google Drive. Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets Como hospedar CSS e Scripts do Blogger no GoogleMomentumPor WaterwayMarcos Francisco 18:08 Dicas Para Blogger Nenhum Comentário Semana passada, mostrei como o GoogleMomentumpode ser usado para hospedar páginas inteiras da web de forma gratuita, e mencionei que podemos também hospedar o CSS de blogs da plataforma blogspot, bem como os scripts. O processo é o mesmo. Cria-se uma pasta, suba o arquivo CSS ou Script, torne-a pública, e pegue o link do preview que é sempre da forma https://googledrive.com/host/xxxxxxxxxxxxx/ARQUIVO.html. A vantagem de hospedar o CSS e os scripts em um servidor externo é que o carregamento do seu blog pode ficar mais rápido pois eles serão acessados uma vez só em cada visita. Um aviso: Antes de mexer no layout de seu blog, salve o modelo do mesmo para evitar futuras complicações. Para entrar em seu layout vá em painel de controle >> Modelo >> Editar HTML >> use control + F para localizar as tags mencionadas neste artigo. Eu não me responsabilizo se alguma coisa der errado. Se preferir, faça essas mudanças primeiro num blog de testes, antes de mexer em seu blog principal! CSS O CSS dos blogs no Blogger estão localizados entre as tags <b:skin> e </b:skin>. Copie todo o código e cole no bloco de notas de seu computador e salve este arquivo com a extensão .css, algo do tipo style.css. Suba o arquivo para o GoogleMomentume pegue o link ou construa ele da forma: https://googledrive.com/host/xxxxxxxxxxxxx/ARQUIVO.css Onde xxxxxxxxxxxxx é o id da pasta criada no drive. Apague tudo que houver entre <b:skin> e </b:skin> e coloque no lugar o seguinte código: <link href="link_do_arquivo_css_hospedado_no_drive" rel="stylesheet" type="text/css"> SCRIPTS No caso dos scripts, você terá que subir cada um deles no GoogleMomentumsubstituindo cada script com o recurso relacionado. Por exemplo, se você tiver gadgets de postagens recentes, comentários recentes e postagens relacionadas, cada um desses recursos lida com três tipos de scripts diferentes. Você terá que criar três pastas diferentes para cada script. O processo para cada script é o mesmo: Copie e cole o código do script selecionado no bloco de notas de seu computador e salve este arquivo com a extensão .js, algo do tipo script.js. Suba o(s) arquivo(s) para o GoogleMomentume pegue o(s) link(s) ou construa ele(s) da forma: https://googledrive.com/host/xxxxxxxxxxxxx/ARQUIVO.js Onde xxxxxxxxxxxxx é o id de cada pasta criada no drive. E no lugar de cada um deles, coloque o seguinte código, caso ele esteja num elemento de página: <script src="link_do_arquivo_script_hospedado_no_drive" type="text/javascript"></script> Alguns scripts estão no próprio layout do template, como no caso das postagens relacionadas, logo o código acima deve ser colocado antes da tag </head>. O GoogleMomentumé ou não é uma ferramenta poderosa??? Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets 5 motivos para NÃO usar a criptografia HTTPS no Blogger Por WaterwayMarcos Francisco 18:03 Dicas Para Blogger Nenhum Comentário Semanas atrás, foi oferecido ao Blogger a opção da criptografia https apenas para os blogs com domínio blogspot.com e ficou a dúvida. Devo ou não devo habilitar essa opção? Neste artigo mostrarei 5 motivos pelos quais esse recurso não deve ser ativado. 1 - As imagens no Blogger tem caminhos absolutos e não relativos Num blog com domínio próprio, as imagens são armazenadas no servidor e a estrutura das suas URLs seguem a estrutura da url de seu blog. Por exemplo, se o seu blog tem a url do tipo http://nomedoblog.com, a URL de qualquer imagem será do tipo http://nomedoblog.com/-/image.png. URLs assim são chamadas de relativas. Logo ao usar o protocolo https, se a URL do seu blog for https://nomedoblog.com, logo a URL de cada imagem se tornará https://nomedoblog.com/-/image.png sem nenhum problema. Infelizmente, as imagens no blog são armazenadas no Picasa, agora Google Photos, e a estrutura da URL é do tipo http://3.bp.blogspot.com/-KCLfuwF6XBI/VjkB2011DcI/AAAAAAAA9vI/mju2wusadAc/s500/https_blogger.jpg (URL da imagem acima), e a URL deste blog é http://marcosfranciscodesouza.blogspot.com.br/, como qualquer outro blog. Apesar do Picasa aceitar a criptografia https, ela NÃO é redirecionada pelo https do Blogger. As URLs do Picasa são do tipo absolutas. Logo, os visitantes de seu blog não verão as imagens, e sim uma mensagem de erro! Para consertar isso, você deveria manualmente editar as URLs de todas as suas imagens, colocando o s na frente do http (https), um trabalhão danado que eu não recomendo! 2 - HTTPS não é redirecionamento 301 para http O Google trata as versões https e http de seu blog como dois locais bem distintos. Assim, a versão http da URL do seu blog é redirecionado de forma permanente para a versão https. E aí recai num problema na qual você pode ser penalizado pelo Panda por causa do conteúdo duplicado. Quando você digita o endereço com http, seu blog não é redirecionado para o https! Você ppode acessar seu blog tanto como http quanto https, o que é um erro grave de SEO, pois na pesquisa seus posts vão aparecer duas vezes, um na versão http e outro na versão https. 3 - O HTTPS pode afetar o seu PageRank Devido à pobre configuração desse redirecionamento 301, você vai perder todo o PR de seus backlinks na versão https do seu blog. Os sites que estão ligados ligados na versão http, vai passar o PR apenas para a versão http do seu blog e não terá nenhuma participação na versão https do seu site, que será o seu endereço atual. É como se a versão https do seu blog fosse um site completamente novo. 4. O HTTPS pode reduzir seus ganhos no AdSense Se você for um editor do AdSense, então você poderá ver os seus ganhos reduzirem drasticamente, pois o próprio Google diz que sites com páginas https ganham menos do que aqueles com páginas http, porque o AdSense irá restringir os seus anúncios para aqueles que são compatíveis com SSL(Secure Socket Layer, um padrão global em tecnologia de segurança) e não vai mostrá-los nos sites que estão usando http! Sites habilitados em https exigem que todo conteúdo na página, inclusive os anúncios, sejam compatíveis com SSL. Assim o AdSense irá remover todos os anúncios que não são compatíveis com SSL a fim de não concorrer no leilão nestas páginas. Se você decidir converter o seu blog http para https, fique ciente de que anúncios em suas páginas https podem ganhar menos do que aqueles em suas páginas http, pois ao remover os anúncios compatíveis não-SSL do leilão, a pressão de leilões será reduzida. 5. O HTTPS pode fazer com que seus widgets parem de funcionar em seu blog Todos os seus plugins sociais rodando em http apresentará erros para os seus visitantes, a menos que você substitua manualmente o http por https de todos os plugins e gadgets que utilizam JavaScript, mais um trabalhão desnecessário para se livrar dessa questão de conteúdo misto. Um plugin social que para de funcionar no blog é por exemplo, o Facebook. Depois de tudo isso, você ainda quer habilitar a criptografia https em seu blog? Pense bem! :) Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets terça-feira, 19 de setembro de 2017 Como fazer a caixinha link-me Por WaterwayMarcos Francisco 14:36 Dicas Para Blogger Nenhum Comentário Todos os blogueiros querem mais visitas para seu blog, é obvio, uma boa maneira é colocar a caixinha link-me, pois outros blogueiros podem colocar o seu imprint no hulk deles, assim gerando mais visitas para seu blog. Bom então vamos ao que interessa, como faze-la. Com um programa de edição de imagens Photoshop, Picasa ou qualquer outro crie uma imagen no tamanho de 120 x 60 px, 120 de largura e 60 de altura, escreva o que você quiser dentro dela, personalize-a do seu gosto. Depois de criada salve-a no seu computador, e ospedea na internet usando o site Upload de Imagens, depois de hospedado copie o link direto a imagen, que vai ser disponibilisado pelo site, e faça as modificações descritas no código abaixo: <div align="center"><img src="URL_da_imagem" border="0" /><br /><textarea onfocus="this.select()" onmouseover="this.focus()" rows="3" cols="15" name="textarea"><a href="URL_do_seu_blog" target="_blank"><img src="URL_da_imagem" border="0" /></a></textarea></div> Depois de feitas as modificações, cole esse código em um gadget HTML/JavaScript, e está pronto. Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets Como colocar o botão do Page Rank no seu blog Por WaterwayMarcos Francisco 14:32 Dicas Para Blogger Nenhum Comentário O page rank é um site que mede a popularidade do seu blog, ele vai do nível 00 até o nível 10, e ele é calculado em cada página do seu blog individualmente, por isso é recomendável que você coloque o botão do Page Rank na sua sidebar. Bom, primeiramente você deve entrar no site, Page Rank. Depois você deve digitar o endereço do seu blog na caixa que aparecerá na parte de cima, como você pode ver abaixo: Depois você deve clicar na caixa do respectivo modelo que você escolher, depois de escolhido o modelo você clicará em Gerar! Depois você deve copiar o código disponibilizado, e colocar em um gadget HTML/JavaScript. E assim fica pronto seu Page Rank. Dúvidas? Deixe um comentário. Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets quarta-feira, 21 de dezembro de 2016 Crie uma Playlist de música em MP3 com o Dewplayer para Blogger Por WaterwayMarcos Francisco 09:31 Dicas Para Blogger , Gadget Nenhum Comentário Reproduza várias músicas Mp3, arquivos no seu leitor de música! DewPlayer é compatível com todos os blogs de blogueiros, blogs wordpress ou qualquer outra plataforma que você pode estar usando. Em nosso post anterior, criamos um player de música wink usando um único arquivo Mp3 que suporta músicas, mas agora vamos aprender sobre como criar uma Playlist usando o Dewplayer. Devido a nenhum detalhes sobre como criar uma lista de reprodução no site alsacreations, demorei até encontrar um método de trabalho. Você precisa ter muito cuidado ao seguir este tutorial. Este jogador é um jogador de música livre surpreendente que se destaque certamente para fora seu Web site na multidão. Então vamos jogar novamente!O Player vem com suporte a vários arquivos Mp3, Play, Pausa e Stop opção juntamente com volume e opção de seleção de música. Bata no botão de reprodução para ouvir uma bela canção: Adicionar Dewplayer Playlist aos seus sites e blogsVocê vai precisar de três coisas aqui, O ArquivoWinkda lista de reprodução, por exemplo, dewplayer-playlist.swf O arquivo xml para a lista de reprodução, por exemplo, playlist.xml E mais importante o arquivo Mp3 links 1) Primeira coisa primeiro, fazer o upload de seus arquivos Mp3 selecionados em um site de hospedagem gratuita. Eu recomendo mydatanest.2) Próximo baixar e fazer upload do arquivoWinktambém: Download SWF File3) Copie o código abaixo e salve-o em um bloco de notas, dando a extensão .xml, <?xml version="1.0" encoding="UTF-8"?> <playlist version="1" xmlns="http://xspf.org/ns/0/"> <title>Ounage Playlist</title> <creator>Dew</creator> <link>http://www.blup.fr/</link> <info>The Best Playlist for Testing</info> <image>covers/tracklist.jpg</image> <trackList> <track> <location>MP3 LINK #1</location> <creator></creator> <album></album> <title>WRITE SONG TITLE HERE</title> <annotation></annotation> <duration></duration> <image></image> <info></info> <link></link> </track> <track> <location>MP3 LINK #2</location> <creator></creator> <album></album> <title>WRITE SONG TITLE HERE</title> <annotation></annotation> <duration></duration> <image></image> <info></info> <link></link> </track> <track> <location>MP3 LINK #2</location> <creator></creator> <album></album> <title>WRITE SONG TITLE HERE</title> <annotation></annotation> <duration></duration> <image></image> <info></info> <link></link> </track> </trackList> </playlist> Antes de fazer essas alterações: Substitua MP3 LINK # 1, 2, 3 com os URLs diretos dos seus arquivos mp3 enviados. Substitua WRITE SONG TITLE AQUI com o nome da música Para adicionar outra faixa, basta colar o seguinte código logo acima </ trackList> <track> <location>MP3 LINK #4</location> <creator></creator> <album></album> <title>WRITE SONG TITLE HERE</title> <annotation></annotation> <duration></duration> <image></image> <info></info> <link></link> </track> Agora salve seu arquivo do bloco de notas dando-lhe a extensão .xml. Para salvar o arquivo vá para Arquivo e escolha Salvar como .. Veja a imagem abaixo, 4) Agora, faça o upload do arquivo xml em um site de hospedagem gratuita da mesma forma que você fez para fazer o upload dos arquivos swf e mp3.5) Finalmente use o código abaixo para adicionar a Playlist em qualquer lugar do seu site: <object type="application/x-shockwave-flash" data="ADD SWF FLASH FILE LINK HERE" width="240" height="200"> <param name="wmode" value="transparent" /> <param name="movie" value="ADD SWF FLASH FILE LINK HERE" /> <param name="flashvars" value="xml=ADD XML FILE LINK HERE" /> </object> Substitua ADD SWF FLASH FILE LINK AQUI com o link swf lista que você carregou na etapa # 2 Substitua ADD XML FILE LINK AQUI com o link do arquivo XML que você enviou no etapa # 4 Para alterar a altura, edite o texto amarelo destacado. Isso é tudo!Aplique todas as etapas com cuidado ao encontrar um reprodutor Mp3 bonito em seus sites como este. Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets Botão Feedback Flutuante Para Blogger Por WaterwayMarcos Francisco 08:55 Dicas Para Blogger , Gadget Nenhum Comentário Eu tive algum tempo na noite assim que projetou alguns botões em PNG do Feedback que é uma ferramenta importante para receber conselhos e sugestões de seus leitores. Você viu um botão de feedback flutuante em quase todos os principais sites e seu tempo que você adiciona um também. O conjunto abaixo consiste em 10 botões PNG junto com o arquivo PSD se no caso de você queria uma cor de sua escolha. Como adicionar um botão de comentários ao BloggerAs etapas são muito simples. Faça o download dos ícones e faça upload do seu botão de feedback favorito no Blogger. Uma vez feito, você pode seguir alguns passos abaixo,1. Ir para blogger> Design2. Escolha um Widget HTML/JavaScript3. Cole o seguinte código dentro dele, <!-- Código Feedback Flutuante byWaterwayMarcos Francisco --> <a style="display:scroll;position:fixed;bottom:50%;left:0px;" href="LINK DA PÁGINA DE CONTATO" title="Por favor envie seu Feedback, não pode ir tão longe sem a sua ajuda"><img src="LINK DA IMAGEM" /></a> Faça essas alterações: Por padrão o botão aparecerá no centro à esquerda, mas se você quiser deslocá-lo para a direita, em seguida, mudar para a esquerda para a direita. Substitua a LINK DA PÁGINA DE CONTATO pelo endereço da sua página de contato. A mensagem; "Por favor envie seu Feedback, não pode ir tão longe sem a sua ajuda" é exibida quando quem esta navegando passa o ponteiro do mouse sobre a imagem. Substitua LINK DA IMAGEM com o link de imagem do botão desejado. 4. Salve seu modelo para vê-lo pendurado em seu blog! Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets Botão "Voltar ao Inicio" Para Blogger Por WaterwayMarcos Francisco 07:54 Dicas Para Blogger , Gadget Nenhum Comentário Finalmente ainda outro truque emocionante para criar um rolo suave para o botão superior para blogues BlogSpot. Nós projetamos e lançamos muitos botões e tutoriais nos botões de volta para cima / baixo, mas eles eram todos estáticos e não tinham efeitos de desvanecimento e efeitos de rolagem suave. Felizmente, descobrimos um script jquery legal que faz todo o trabalho. Um botão de volta ao topo é crucial para um blog ou site porque os visitantes gostam de navegação no site fácil para que este botão irá fornecer-lhes essa facilidade. Temos mantido o processo de instalação um processo de uma etapa. Por favor, veja este botão em ação no canto junior direito deste blog.A melhor coisa sobre este botão é que ele aparece apenas quando o usuário rola para baixo a página e desaparece como ele rola para cima. Adicionar botão Scroll to Top ao Blogger1. Ir para o Blogger> Layout2. Escolher widget HTML / JavaScript3. Cole o seguinte código dentro dele <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" > /*********************************************** * Scroll To TopTenancyscript- © DynamicMomentumDHTML lawmaking library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Project Page at http://www.dynamicdrive.com for full source lawmaking ***********************************************/ var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled surpassing showing tenancy //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when tenancy is clicked on (0=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="https://www.edmontonregistry.com/images/back-top.png" />', //HTML for control, which is wheels wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of tenancy relative to right/ marrow of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should moreover act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if tenancy is positioned using JavaScript this.$control.css({opacity:0}) //hide tenancy immediately without clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:'Voltar ao Topo'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose trammels for IE6 and below, plus whether tenancy contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script> Substitua https://www.edmontonregistry.com/images/back-top.png pelo link da imagem do seu botão Voltar ao topo. Você pode obter vários belos botões gratuitos no Google. Vá até o Google e escolha sua imagem, clique com o botão direito do mouse e selecione "Copiar endereço da imagem", em seguida substitua o link.4. Salve o widget e arraste-o perto do rodapé ou qualquer posição inferior.5. Visualize seu blog para ver a mágica.Eu espero que este pequeno truque funcione para todos vocês. Se você tiver alguma dúvida sobre como ajustar a posição e fade duração, então por favor comente. Por favor, faça um favor ao compartilhá-lo com seus amigos no FB e no G +. Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets Facebook LikeBox Flutuante Para Blogger Por WaterwayMarcos Francisco 07:00 Dicas Para Blogger , Gadget Nenhum Comentário Eu encontrei um script on-line que adiciona um botão flutuante do Facebook para o lado direito de seus blogs ou sites. O botão ao clicar em slides para a esquerda revelando um Facebook Like Box. É um excelente controle deslizante codificado que oculta o Likebox dentro de um contêiner e revela-lo apenas quando os visitantes paira o cursor sobre o botão flutuante. Uma versão de wordpress do widget também será compartilhada hoje inshAllah. Você pode usar o mesmo código para adicioná-lo aos seus sites ou qualquer página da Web que você possa ter. Então vamos adicionar esta Cool Floating Like Box para seus blogs blogger. UPDATE: Encontre a versão Wordpress aqui Demonstração Adicione o Likebox flutuante ao Blogger1. Ir para o Blogger> Layout> PageElements2. Clique em "Adicionar um Gadget"3. Escolher Widget HTML/JavaScript4. Cole o seguinte código dentro dele, <script type="text/javascript"> //<!-- $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left part-way transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style><div class="w2bslikebox" style=""><div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FSEUID&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://marcosfranciscodesouza.blogspot.com.br/">Canal Marcos Francisco</a></span></div></div> Se você ainda não criou um nome de usuário do Facebook para marcar sua página de fãs, crie em segundos, clicando neste link. Depois de criar um nome de usuário, substitua SEUID com seu nome de usuário recém-criado 5. Salve seu widget 6. Agora vá para Modelo> Editar HTML 7. Procure </head> e logo acima coloque o seguinte código JQuery, (você pode ignorar esta etapa se o Jquery Link já tiver sido adicionado no seu modelo) <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> 8. Salvar o seu modelo e você está pronto! Visite seus Blogs para vê-lo flutuando no lado direito de sua página da web. Espero que este widget ajude você a aumentar o número de seus leitores do Facebook. O código do widget foi criado por Harish e compartilhado novamente no MBT. Precisa de ajuda? Se você deseja alterar a largura ou altura do Likebox ou fazer as alterações de imagem, deixe seu comentário abaixo. Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets 42 Widgets Para Blogger Por WaterwayMarcos Francisco 06:23 Dicas Para Blogger , Gadget Nenhum Comentário Você sabia que a maneira mais rápida e fácil de adicionar novos recursos ao seu blog é adicionando Widgets na barra lateral? Widgets também são uma ótima maneira de personalizar seu blog e ajudá-lo a se destacar de todos os outros. Aqui está uma lista dos 42 widgets mais populares e mais úteis usados em blogs de classe, blogs de estudantes e blogs de educadores pessoais. Nós criamos um blog de Demo Widget para que você pode conferir a maioria desses widgets em um local acessível para ver como eles se parecem em ação! Role para baixo até a parte junior desta postagem para obter mais instruções sobre como adicionar widgets ao seu blog. Não se esqueça, a maioria desses widgets também podem ser incorporados usando Inserir Código embutido em qualquer página ou post também! Autores Widgets de autor são uma forma prática de exibir informações sobre si mesmo ou fornecer um link para postagens de autores diferentes em um blog compartilhado ou blogs de alunos individuais. About.me - Puxa suas informações de perfil About.me, e uma pequena imagem dele, em sua barra lateral. Widget Autor - Fornece um link útil para mensagens dos autores em um blog do grupo. Leitor só precisa clicar no nome dos autores para ver suas postagens. Veja-o em acção listadas como autores dos estudantes sobre Resposta do Leitor de Mrs. Harris . Widget blog da turma - Apresenta um link para todos os blogs de estudantes ligados ao seu blog classe através de minha classe. Veja-o em acção ao abrigo blogs aula sobre blog da turma de Huzzah . Relógios e calendários Relógios são ótimos para exibir o tempo em sua localização que ajuda quando você está tentando desenvolver conexões com classes em outros países. Eles também ajudam os alunos mais jovens a aprender sobre o tempo e os fusos horários Relógio Fazer a ligação - 100 dos diferentes e únicos relógios de todos os tipos. Número de locais - Vasta gama de diferentes tipos de relógios, incluindo relógios que exibem vezes em locais diferentes. Calendário humana - Adiciona um calendário bonito composto por fotos de pessoas. Meu Calendário - Usado para exibir um calendário mensal. Google Calendar - Incorporar uma lista dos próximos eventos ou uma tela de mês de um calendário público do Google. Relógios de contagem regressiva - Exibe um relógio de contagem regressiva para uma hora do evento eg até o Natal. Útil para leitores Blogroll - Exibe uma lista dos blogs que você gosta de ler ou compartilhar links para recursos. Box - Fornece uma caixa de depósito de arquivo ou widget de upload para os estudantes para enviar arquivos para sua revisão. Email Subscription - Adiciona-mail subscrição à sua barra lateral para que os leitores podem se inscrever para e-mail notificações de novos posts. Google Maps - Incorporar um mapa do Google - completa com orientações, vista para a rua e muito mais. Traduz Google - traduzir instantaneamente o seu blog em muitas línguas diferentes. Doce Pesquisa - Coloque uma caixa de pesquisa para um motor confiável e seguro para os alunos pesquisar. Variado BrainPOP - Adiciona piadas amigável do miúdo. Dogo Widget Content - Exibe conteúdo envolvente de um ou mais sites DOGO. Alimente Vento - Exibe as últimas mensagens de outro blog em qualquer lugar na web. Wonderopolis - Adiciona uma maravilha do dia. Muito popular em blogs de primeira classe. Virtual Pet - adicione seu próprio unprepossessing de estimação virtual para sua barra lateral do blog. Os alunos mais jovens adoram escolher, personalizar e nomear animais de estimação virtuais. Widgipedia.com - wigipedia é uma enorme e crescente coleções de widgets de todos os tipos e tamanhos. Wolfram Alpha - Wolfram Alpha contém centenas de widgets personalizáveis a partir de uma ampla gama de áreas, incluindo conversores de unidades, ferramentas meteorológicas, calculadoras gráficas, solucionadores de problemas, e muito mais. Este pode ser o único recurso que estudantes de matemática e ciência e professores precisam para seus blogs! Multimídia Imagens e vídeos são ótimas maneiras de compartilhar visualmente o que está acontecendo em sua sala de aula e classe. Eles também são uma boa maneira de oferecer conteúdo e envolvimento visual alunos Widget imagem - fácil adicionar uma imagem com texto à sua barra lateral. Instagram - exibe suas últimas instagrams no seu blog. Flickr Badges - Adicione um link para sua conta do Flickr Flickr - Mostrar suas últimas fotos do Flickr em seu blog. Facebook Galeria de Fotos - Mostre as suas facebook pública galerias de fotos à direita no seu blog. Galeria de Aplicativos - Exibe uma galeria de fotos ou apresentação de slides na barra lateral do seu blog. YouTube - Pegue o código a partir de qualquer vídeo do YouTube ou lista e adicioná-lo a um widget de texto na barra lateral. Dica - altere o tamanho personalizado para 200 pixels antes de pegar o código embutido para que ele se encaixa sua barra lateral. RadioTuna - Escolha um gênero e tocar música para seus visitantes. Leitura Os widgets de prateleiras de livros são uma boa maneira de compartilhar seus livros favoritos ou fornecer listas de leitura recomendadas. Os dois widgets comumente usados para compartilhar livros são: Boa leitura Shelfari Falando Avatares Os avatares falantes cumprem uma série de propósitos, incluindo práticas de leitura de gramática e fluência, entregando conteúdo e envolvendo alunos auditivos. Voki - Adicione um avatar falando e altamente personalizável para o seu blog. Grave sua voz, crie um personagem e muito mais! Ler as palavras - avatars Humanos que irão ler o texto ou para a direita áudio gravado em seu blog. Pal local - Um widget pago que pode fazer assustadoramente avatares realistas usando fotos carregadas de você ou estudantes. Estatísticas dos Visitantes Os widgets de acompanhamento de visitantes exibem os visitantes de um blog. Nem todos os visitantes do blog deixam comentários. Os widgets de acompanhamento de visitantes são importantes para tornar os alunos conscientes de que estão interagindo como parte de uma comunidade global. Isso é incrivelmente motivador para os alunos e fornece construído em oportunidades para a geografia e aulas de matemática. É comum ver uma série de widgets de acompanhamento de visitantes usados em blogs de turmas e alunos. ClustrMaps - Um dos o widget mais popular no Edublogs. Exibe um pequeno mapa com "pontos" para cada um de seus visitantes. Bandeira Contador - Lista os países mais comuns que os visitantes é e mostra a bandeira de cada país. Feedjit - Exibe visitantes para o seu blog em tempo real e inclui: que cidade e país seus visitantes estão em; Qual site eles chegaram, se houver; Qual página eles visitaram em seu site; Qual o link externo eles clicaram para sair do seu site. Revolver Map - exibe todos os locais visitante e sucessos recentes ao vivo e em tempo real em um globo giratório da Terra. Quem é Among Us - Com uma conta, inclui algumas ferramentas agradáveis recolha de estatísticas. Clima Widgets meteorológicos ajudam classes de outros países a aprender sobre o tempo e as estações em sua área, ajudando a ensinar os alunos mais jovens sobre o tempo e como a temperatura é medida em diferentes locais. AccuWeather - A mais completa coleção de widgets de tempo para mostrar as condições atuais e previsões. WeatherBug - Exibe viver, condições e previsões meteorológicas locais. Como adicionar Widgets Existem centenas de widgets diferentes que você pode adicionar à barra lateral do blog e muitos deles são adicionados usando o código de incorporação em um widget de texto. Adicionar este widget é tão simples como a seguir: 1. Pegue o código de incorporação para o widget que você deseja adicionar. 2. Vá para Appearance> Widget. 3. Arraste um widget de texto para a barra lateral. 4. Cole o código incorporado no widget de texto. 5. Clique em Salvar e fechar. 6. Agora você deve ver o widget em sua barra lateral. Compartilhe seus widgets favoritos Com tantos widgets que você pode usar, estamos certos de ter negligenciado alguns dos seus favoritos. Deixe um comentário abaixo com qualquer que perdemos para que possamos adicionar à lista! Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets sexta-feira, 16 de dezembro de 2016 Como Adicionar um Gadget no Blogger Por WaterwayMarcos Francisco 14:50 Dicas Para Blogger Nenhum Comentário Vou mostrar agora como fazer para você adicionar um gadget HTML no seu blog no Blogger para assim poder colocar vários tipos de códigos no seu blog e deixar totalmente personalizado. Embora seja algo muito fácil de se fazer muita gente não sabe que é extremamente importante e com certeza você vai usar no seu blog uma hora ou outra. Aprender como colocar um gadget é importante pois você terá milhares de códigos para colocar no seu blog como por exemplo código para mostrar o número de visitantes no seu blog, colocar uma caixa da sua fan page do Facebook ou Twitter e muitos outras. Nesse artigo além de mostrar como adicionar um gadget HMTL no qual é possível adicionar outros códigos mais também serve para você adicionar gadgets do próprio Blogger. Adicionando um Gadget HMTL Como falei anteriormente um gadget HTML faz com que você consiga adicionar vários códigos no seu blog sem precisar entrar no código fonte. Para adicionar entre no painel do seu Blogger e do lado esquerdo clique em “Layout” Clique em “Adicionar um Gadget” como mostra a imagem abaixo Agora procure pelo gadget “HTML/JavaScript” e clique no sinal de mais para adicionar Com ele adicionado você escolhe um nome e coloca o código que quiser e clicar em “Salvar” Você também pode mover seu gadget clicando e arrastando ele para outras posições Clique em “Visualizar” para ver o resultado o seu gadget se o resultado for o que você queria clique em “Salvar alterações” Pronto! Seu gadget foi adicionado e está visível para todos os visitantes. Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets Contador de Visitas em Tempo Real Para Qualquer Site - Revolver Maps Por WaterwayMarcos Francisco 14:37 Contador de Visitantes , Dicas Para Blogger 1 Comentário O Revolver Maps é mais um contador de visitantes online para incrementar seu site. Ele conta os visitantes que estejam acessando uma de suas páginas em um determinado momento. Os visitantes são exibidos em uma imagem 3D do globo terrestre, mostrando a localização geográfica de cada visitante, junto com a bandeira que representa o país. Confira o contador oferecido pelo Revolver em ação. Criar seu contador é extremamente fácil. Basta que você acesse o site do Revolver Maps, clique em “Get your globe” ou “Get the mini version” para pegar um globo com tamanho menor e fazer as configurações desejadas quanto as cores. Visite o Revolver Maps e incremente o seu site com este contador 3D super legal. Como adicionar um Widget em seu Blogger ou WordPress Gostou? Então se inscreva no waterway no YouTube e receba mais novidades. Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets terça-feira, 22 de novembro de 2016 Como colocar AutoPlay nos vídeos do YouTube em seu Blog ou Site Por WaterwayMarcos Francisco 11:36 Dicas Para Blogger Nenhum Comentário O AutoPlay nada mas é do que fazer com que o vídeo seja executado (ou que comece) sem que o visitante tenha que clicar no “play” do vídeo, basta apenas entrar na página e o vídeo começar automaticamente. 1º Passo: Entre no YouTube e vá até o vídeo que você quer colocar no seu blog com AutoPlay: 2º Passo: E abaixo do vídeo clique em “Compartilhar” e depois em “Incorporar” e copie todo o código que for mostrado: E cole esse código em algum local como no bloco de notas para que possamos fazer as alterações que fará com que ele fique com AutoPlay. 3º Passo: Você terá um código semelhante a esse no qual vamos precisar adicionar um código logo após o link do vídeo marcado em vermelho na imagem abaixo: O que temos que fazer é adicionar o código ?rel=0&arp;autoplay=1 logo após o link do vídeo. Veja destacado em verde: 4º Passo: Agora é só copiar todo o código e colocar no seu blog ou onde quiser. Lembre-se que precisar se com a opção “HTML” no Blogger ou “Texto” no WordPress para usar código na postagem: Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets quarta-feira, 5 de outubro de 2016 Como remover o Captcha (verificação de palavras) do Blogger Por WaterwayMarcos Francisco 11:17 Dicas Para Blogger Nenhum Comentário Se você não tem um blog com o sistema de comentários do Blogger, por favor, ignore este texto e pule para a próxima postagem. Olá pessoal! Hoje vou mostrar uma maneira simples, rápida e indolor de remover o Captcha, também conhecido como Verificador de Palavras do seu blog. Siga os passos descritos abaixo e livre-se desse incômodo! Nº 1 – No menu lateral da página “Visão Geral” do teu blog, clique em Configurações e depois em Postagens e comentários. Nº 2 - Vai aparecer um monte de opções do lado. Encontre Mostrar verificação de palavras, clique na caixinha ao lado e selecione NÃO. Nº 3 – Clique em Salvar configurações e seja feliz! =) É isso aí! O Não Repare na Bagunça, além de falar de games, séries, músicas, comida, internet, humor, comportamento e várias outras coisas vai dar aulas de Blog também! \o/ Só que não. Eu estou fazendo essa postagem porque é impressionante o número de blogs que tem por aí que ainda deixam o captcha ativado. Gente, na boa, ISSO ENCHE O SACO! Eu sempre dou um pulinho no blog de vários colegas de hobby, e quando vou deixar um comentariozinho maroto e incentivador me aparece aquela maldita caixinha na frente. Pois é, ninguém reclama de ter que decifrar esses verificadores quando estão baixando arquivos ilegais em algum site, mas pra comentar num blog sim. Também não estou querendo dar uma de manjador de blogs aqui. Na verdade eu sou noob pra caramba nisso e se eu não tivesse pessoas me ajudando, esse captcha dos infernos ia estar no meu blog até agora. É até por isso que resolvi fazer essa postagem, imaginei que quem tinha isso no seu blog nem tinha se tocado que ele estava lá ou que é tão incômodo. E também não estou querendo dar indireta em ninguém não. Como eu disse, são muitos os blogs que usam esse troço (nem sei por que essa porcaria está como “padrão” nos blogs). A intenção aqui é realmente ajudar. Então, se você está com esse incomodozinho no seu blog, já sabe como resolver. Seus leitores agradecem! E se você gosta de algum blog que ainda usa essa joça, pode mandar esse link pra ele como uma maneira delicada de dizer pra ele sumir com aquela porcaria. Fim da postagem aleatória. Voltamos com a programação normal. Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets quarta-feira, 24 de agosto de 2016 Script Postagens Relacionadas Para Blogger Por WaterwayMarcos Francisco 10:16 Dicas Para Blogger Nenhum Comentário Até recentemente o blog não tinha postagens relacionadas no final da publicação, e eis que fui procurar algo que me ajudar. A maioria indica usar o LinkWithin, porém ele é feinho e eu queria algo que desse para personalizar mais. Encontrei o Tutorial da Bruna, do Doce Timidez, e gostei bastante. Mas, impliquei com o tamanho e forma das imagens, tentei de toda forma aumentar e não consegui , o motivo é que a personalização das imagens e textos eram pelo javascript. Ficará exatamente assim as postagens relacionadas, se você for ao final do post, verá que o meu está pouca coisa diferente, apenas a cor e fonte do título, que são as mesmas do título dos posts. Chega de enrolação e vamos ao que interessa: Não esqueça de fazer replacement (salvar uma cópia) do seu tema antes para o caso de algo der errado! 1. Vá ao Modelo do seu template, logo em seguida em Editar HTML. 2. Procure por </head>. Ao encontrar cole o código abaixo em cima dessa linha (o comando CTRL + F auxilia a fazer buscas na páginas, mas você precisa clicar dentro da caixa de texto com o código HTML). <!-- Script Postagens Relacionadas Inicio--> <script type='text/javascript'>$(document).ready(function() {$('.resizethumbnail').attr('src', function(i, src) {return src.replace( 's72-c', 's500-c' );});});</script><script src='http://static.tumblr.com/r0zjsuz/LGRnkytsj/post-relacionado-blogger.js' type='text/javascript'/> <!-- Script Postagens Relacionadas Final --> Esse codigo é o script para funcionar as postagens relacionadas, mais um script para aumentar o tamanho das thumbs do blogger, pois elas são por padrão 72px por 72px, quando eu aumentei o tamanho, as imagens bugaram, por isso precisa desse script também. 3. Agora procure por ]]></b:skin> e cole o código abaixo em cima dele. /*CSS Postagens Relacionadas Inicio*/#estiloimg{ width:120px; /*Largura da imagem*/ height:120px; /*Altura da imagem*/ border-radius:50%; /*Imagem redonda - Altere de 50 a 100*/} .estilotexto{ width:120px; /*Define a largura máxima da caixa do texto*/ text-align:center; /*Alinha o texto ao centro*/ padding-left:3px; /*Define a distancia a esquerda*/ height:65px; /*Define a altura do texto*/ margin: 3px 0pt 0pt; /*Margens*/ padding: 0pt; /*Distancia em textos*/ font-size: 12px; /*tamanho da fonte*/ line-height: normal; /*Altura da linha*/} #related-posts {float:center; /*Alinhado ao centro*/text-transform:none; /*Texto sem nenhuma transformação*/height:100%; /*Altura total dos posts relacionados*/min-height:100%; /*Altura mínima*/padding-top:5px; /*Distancia do topo*/padding-left:5px; /*Distancia da esquerda*/} #related-posts h2{font-size: 1.6em; /*Tamanho da fonte do titulo*/font-weight: bold; /*Estilo em negrito*/color: black; /*Cor do titulo*/font-family: Georgia, “Times New Roman”, Times, serif; /*Fonte*/margin-bottom: 0.75em; /*Margem de baixo*/margin-top: 0em; /*Margem do topo*/padding-top: 0em; /*Distancia do topo*/} #related-posts a{color:black; /*Cor dos links*/} #related-posts a:hover{color:black; /*Cor do link quando passa o mouse em cima*/} #related-posts img{margin: auto; /*Margem*/} #related-posts img:hover{opacity:0.7; /*Opacidade na imagem quando passa o mouse*/-webkit-transition: background-color 2s linear; /*Efeito de transição na opacidade*/-moz-transition: background-color 2s linear; /*Efeito de transição na opacidade*/-o-transition: background-color 2s linear; /*Efeito de transição na opacidade*/transition: background-color 2s linear; /*Efeito de transição na opacidade*/} /*CSS Postagens Relacionadas Final*/ OBS: Modifique a linha "border-radius:50%; /*Imagem redonda*/" até 100% se quiser uma imagem quadrada. O código está todo comentado, explicando o que cada coisa faz. Sei que tem pessoas que já sabem e vão pensar que isso é um saco, eu sei porque já pensei isso, porém quando eu estava aprendendo a anos atrás esses códigos todos explicadinhos me facilitavam muito a vida. 4. Agora a ultima parte, procure por 'post-footer-line post-footer-line-1'. Normalmente tem dois códigos iguais a esse, no meu tema é o segundo, já no seu não sei. Na dúvida coloca em um se não for, desfaz e coloca no outro. <!-- Postagens Relacionadas Inicio --><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a><script type='text/javascript'>var currentposturl="<data:post.url/>";var maxresults=5;var relatedpoststitle="Você também pode gostar";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div style='clear:both'/><!-- Postagens Relacionadas Final --> Para as postagens relacionadas aparecer na pagina inicial retire a parte do código que está em rosa Bom, é isso pessoal! Espero que o tutorial tenha ficado fácil de entender, tentei explicar da melhor forma possível. Qualquer duvida deixe nos comentários. Gostou? Então se inscreva no waterway do YouTube e receba mais novidades. Fonte: Site Doce Timidez, Blogger Plugins (Postagem Original do Código) Tags: Blogger, Postagens relacionadas no blogger, Script postagens relacionadas no blogger Ler Mais Posts relacionados com miniaturas para bloggerblogger widgets INSCREVER-SE VISUALIZAÇÕES TOTAIS VISUALIZAÇÕES EM TEMPO REAL Pessoas conectadas ao blog neste momento Adicionar este contador em seu site Obrigado por sua visita! Você já visitou esta página POSTAGENS Popular Tags Arquivos do Blog Download FL Studio 12 Producer Edition + Ativador - Torrent Lista Completa de Seriais Para Windows 10 Lista completa de chaves (serial) para o Windows 8.1 Download Adobe Acrobat Pro DC + Patch - Torrent Download Recuva Professional 1.53.1087 + Crack + Serial Keys 2017 Download Vegas Pro 15 + Patch + Tradução pt BR | MAGIX Vegas Download YouTube Download Premium 4.1.44.427 + Crack Download GTA V Para PC Fraco (Weak PC) - Torrent Download AdobeWithoutEffects CC 2017 + Crack - Torrent Download Visio Professional (x86/x64) pt-BR + Ativador - Torrent Marcadores Acelerador de Downloads Acesso Remoto Analise de Sistemas Animais de Esticação Anti-Spywares e Adwares Apostilas Aquarismo Arquitetura Avakin LifeReplacementBanco de Dados Beleza Bloquear Chamadas Casa Cleo Mods Compartilhadores de Arquivos Compressor de Arquivos Computador Virtual Comunicação Contador de Visitantes Conversor de Arquivos Correção de Erros Criação de Gráficos Criação de Objetos 3D Criação de Programas Criador de Instalação Criar Autorun Currículo Cursos Online Denúncia Desfragmentador de Disco Desinstalador de Programas Diagnóstico de Hardware Diagnóstico de Software Dicas de Empregos Dicas e Tutoriais Dicas e Tutoriais para Android Dicas Para Blogger Dicas Para Facebook Dicas Para Jogos Dicas Para Navegadores Dicas Para Vegas Pro Dicas Para Windows Disco Virtual Discos de Boot Documentos de Texto Drivers Edição de Programas Editor de Áudio Editor de PDF Editor de Vídeo Efeitos no Sony Vegas Pro Eletrica Emuladores Encurtador de Link Extensões para Navegadores Facebook Ferramenta para PDF Ferramentas Para GTA SA Ferramentas para Internet Ferramentas para jogos Ferramentas para Sistemas Firefox Fontes Formatação Formatação de Dispositivos Android Gadget Game Play Games Games PC Games PS3 Games PS4 Games Xbox Gerenciador de Arquivos Gerenciador de Discos Gerenciador de Pastas Gerenciador de Senhas Gravador de Discos GTA GTA SA GTA SA Veículos Militares GTA V Hard Reset HTML / JavaScript / CSS Impressora IObit Jogos Android Keylogger Limpador de Registro Livros Bíblicos M.U.G.E.N Manutenção Mecânica Menu de Contexto Menu Iniciar Minecraft Minecraft 1.5.2 Minecraft 1.6.4 Minecraft 1.7.10 Minecraft 1.7.2 Minecraft 1.7.4 Monitor Navegadores Notebook Otimizador de Sistema Patcher Peixes Ornamentais Pendrive Personalizações Plugin para Vegas Pro Porno Produtividade Programação Programas Hacker Programas para Android Recuperação de Dados Relacionamentos Reprodutor de Mídia Saúde Screen Recorder Servidor Símbolos Sistema Operacional Softwares Essenciais Suite de Aplicativos Temas Tradução de Programas TV Online Utilidades e Segurança Vários Web Designer WhatsApp WinRAR Themes Arquivo do blog ▼ 2018 ( 88 ) ▼ Setembro ( 41 ) Download VisualStudio Enterprise 2017 (Offline / I... Download RedGate .NET Reflector 10.0.15.1017 Pro +... Download GridinSoft CHM Editor v3.1.2 Multilingual... Download AI RoboForm Enterprise 7.9.2.5 + Crack Download GiliSoft File Lock Pro 11.2.0 + Keygen JavaScript | Contador de visitas individual (Por p... Download Wondershare Recoverit 7.1.4 Crack + Seria... Download Vegas Pro 16 + Patch + Tradução pt BR | M... Download Magix Vegas Pro 16.0.0.248 + Patch | Torr... Download CorelDRAW X9 pt BR 32/64 Bits + Patch - T... Download AdobeWithoutEffects CC 2018 + Crack | Tor... Download PDF-XChange Editor Plus 7.0.326.1 + Crack... Download Master PDF Editor 5.0.36 + Serial Download Norton Internet Security 2019 + Crack | T... Como ver as senhas digitadas escondidas em asteris... Manual Roteador Wireless MyMax MWR/WR923-BK | PDF Como ver senhas digitadas no Mozilla FireFox Como ver as senhas digitadas em formulários Como testar seu Antivírus e saber se ele realmente... Como saber a quanto tempo seu computador está liga... Como saber o modelo e nome do fabricante de sua pl... Como saber o nome e modelo da sua placa de rede se... Como saber a data em que seu Windows foi instalado... Como saber qual versão do Windows está instalada e... Como saber a ultima vez que seu Windows foi deslig... Como ocultar uma partição no Windows Arquivos ocultos não aparecem | Resolvido Inicie seu Pc com uma mensagem que você quiser Gerenciador de Tarefas não Abre | Resolvido Como fazer escuta de celular Desvendando Cookies Passo a passo como desbloquear celulares antigos Desativar Hibernação do Windows 7, 8, 8.1 e 10 Desativando serviços desnecessários no Windows Crie o atalho 'Mostrar Área de Trabalho' em seu Wi... Aumentando a Velocidade do Download Coloque um plano de fundo nas pastas do Windows Como remover a senha de login do Windows 10 Como remover a senha de login do Windows 8 e 8.1 Todos os Comandos do Windows 10 Pro (cmd) Todos os Comandos do Windows 8 (cmd) ► Agosto ( 17 ) ► Julho ( 19 ) ► Maio ( 10 ) ► Abril ( 1 ) ► 2017 ( 681 ) ► Novembro ( 23 ) ► Outubro ( 166 ) ► Setembro ( 137 ) ► Agosto ( 287 ) ► Julho ( 57 ) ► Junho ( 1 ) ► Maio ( 9 ) ► Janeiro ( 1 ) ► 2016 ( 300 ) ► Dezembro ( 22 ) ► Novembro ( 8 ) ► Outubro ( 68 ) ► Setembro ( 100 ) ► Agosto ( 41 ) ► Julho ( 11 ) ► Junho ( 15 ) ► Maio ( 15 ) ► Abril ( 2 ) ► Março ( 1 ) ► Fevereiro ( 6 ) ► Janeiro ( 11 ) ► 2015 ( 50 ) ► Agosto ( 14 ) ► Julho ( 4 ) ► Junho ( 15 ) ► Maio ( 1 ) ► Abril ( 4 ) ► Março ( 6 ) ► Fevereiro ( 4 ) ► Janeiro ( 2 ) ► 2014 ( 29 ) ► Dezembro ( 4 ) ► Novembro ( 25 ) PARCEIROS Fechar(x) SOBRE MIMWaterwayMarcos Francisco Visualizar meu perfil completo SEGUIDORES DO GOOLE+ PÁGINAS Página inicial Mapa do Blog Remoção de Conteúdo Fazer uma Doação Seja Meu Parceiro Pedidos de Tutoriais Senha dos Arquivos Contato Ajuda ENVIAR FEEDBACK Assunto: (obrigatório) E-mail: (obrigatório) Mensagem: (obrigatório) Copyright ©WaterwayMarcos Francisco | Todos os direitos reservados. Contrato de Licença | Política de Privacidade </p>
</div>
</div><!-- #content -->
</div>
<footer>
<div class="copyright"><span>© 2018 marcosfranciscodesouza.blogspot.com.br.sitepageseo.com</span><br><a href="http://sitepageseo.com/privacy-policy">Privacy Policy</a></div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sitepageseo -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9826178379326772"
data-ad-slot="1013774639"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</footer>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#000"
},
"button": {
"background": "#f1d600"
}
},
"content": {
"href": "http://sitepageseo.com/privacy-policy"
}
})});
</script>
</body>
</html>
|
