WIDGET " ÚLTIMAS NOVIDADES " COM CAIXA DE BUSCA INTEGRADA:Top Soluções Web Top Soluções Web : WIDGET " ÚLTIMAS NOVIDADES " COM CAIXA DE BUSCA INTEGRADA

WIDGET " ÚLTIMAS NOVIDADES " COM CAIXA DE BUSCA INTEGRADA

Widget que exibe as postagens mais recentes de seu blog de maneira interativa ao melhor estilo notícias.



Uma das melhores maneiras de concentrar os visitantes por mais tempo nas páginas do blog é “mostra-los” atualizações, novidades em postagens. Podemos, por exemplo, citar aqui algumas opções de widgets que realizam bem essa função, porém, para não acumular muita informação em um só lugar falaremos do “Widget Últimas Novidades” ou por muitos chamado de “Breaking News”.



Anteriormente, publicamos aqui no Pro Developer um tutorial ensinando a colocar um Widget Últimas Novidades, que caso você não conheça, são aqueles que exibem as postagens mais recentes ou uma lista de postagens configurada (a depender do código) em um local do blog, fazendo tipo aqueles canais de notícias que mostram os alertas em um canto da tela.



Porém, esse código que trazemos nesse tutorial, faz todo esse processo mas com um efeito diferente alternando as postagens num local fixo. Além disso, também contém um atrativo a mais que ajuda a melhorar seu design e a complementar seu blog com uma importante função que é a caixa de pesquisa. Portanto, esse widget acaba preenchendo dois pontos culminantes que podem fazer toda a diferença com relação a informação e navegabilidade dentro das páginas.


Recomendamos que antes de qualquer alteração no código faça um backup do template. 

Colocar Widget "Últimas Novidades" com Caixa de Busca Integrada no Blog


Acesse seu Blogger, vá em "Modelo" e depois "Editar HTML".

Clique no código do template, pressione "CTRL+F" e pesquise por ]]></b:skin>

Logo ACIMA da tag encontrada, cole o seguinte código:

                         

Pesquise agora por </head>



Logo ACIMA da tag encontrada, cole o seguinte código:

                          

Pesquise agora por </header>
 

Se no seu template não tiver </header>  pesquise por </head>

Logo ABAIXO da tag encontrada, cole o seguinte código:

 
                          

Nesse ultimo códico  a parte - http://topsolucoesweb.blogspot.com.br - Substitua pela url de seu blog.


Clique em "Visualizar", estando tudo normal clique em "Salvar Modelo".



Vá em seu blog e veja como ficou.


Com a conclusão correta do tutorial, esse novo widget já estará em pleno funcionamento no seu blog, atualizando os visitantes com suas principais atualizações publicadas e também oferecendo uma maneira de encontrar seus artigos mais facilmente através da caixa de busca.

CONTATO
WhatsApp - Top Soluções Web
(99)
Copyright © - Todos os direitos reservados desde 2015 | Site Desenvolvido por Top Soluções Web