Cursos 24 Horas - Cursos 100% Online com Certificado

Como inserir um Java Script direto no HTML do Blogger

4 Comentários Autor : Notícia e blog 23 junho 2010

JavaScript

O Blogger como todos sabem não possui hospedagem de arquivos que não sejam imagens, por isso temos que recorrer muitas vezes a serviços externos que não são nenhum pouco garantidos, por isso há uma solução fácil que é inserir o Java Script completo no Blog. Mas lembre-se de haverá uma diminuição na velocidade de carregamento da página por isso use apenas nos principais Scripts.

Entendendo o código

O código que iremos ver é um delimitador que permite a página carregar o Java Script, veja: <script type='text/javascript'>
//<![CDATA[
Aqui deverá ser inserido o código Java Script
//]]>
</script>

Obs.: Em azul são os delimitadores.

Utilizando o código

Um Java Script hospedado externamente ficaria assim: <script src="http://url-do-script" type="text/javascript" ></script>

O primeiro passo é pegar a URL do Script e fazer o download para o seu computador, depois é só abrir com o Bloco de Notas e copiar o conteúdo do Script e inseri-ló entre os delimitadores veja o exemplo:

Antes: <script type='text/javascript' src='http://noticiaeblog.googlecode.com/files/maiscomentados2.js'></script>

Obs.: Faça o download a partir da URL do Script

Depois:

<script type='text/javascript'>
//<![CDATA[
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+"</a> ["+postCommentar[f]+" Coment&aacute;rios]";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>')
//]]>
</script>

Obs.: Entre os códigos em azul foi inserido o conteúdo do Java Script

 

Pronto agora é só modificar seus códigos, mas não mude a localização deles apenas substitua pela forma aqui apresentada.

Imagem por: Rede Maior

    4 Comentários

    kaytros disse...
    24 de junho de 2010 06:43 #

    tem como vc postar o codigo do windget Saiba, Assine e Siga.

    elizeu disse...
    17 de dezembro de 2010 20:35 #

    Bacana. Desta eu não sabia. Antes postava meus scripts no googlesite. Modifiquei e meu blog ficou DEZ

    bruno calixto disse...
    21 de julho de 2012 14:39 #

    Valeu vc me ajudou muito, parabéns!

    Tulio disse...
    28 de agosto de 2015 20:35 #

    @bruno calixto

    Estou tentado colocar mais não deu certo o quer pode ter ocorrido?

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.