Seleção De texto Colorido





Vocês já devem ter visto em alguns blogs que quando você seleciona um texto, em vez de ficar aquele fundo azul, fica um fundo vermelho. Aprenda hoje como fazer isso.

Abra o painel do blogger, clique no nome do seu blog, depois, clique em "Modelo" no menu vertical que aparece no lado esquerdo da tela. Clique no botão "Editar HTML"

Aperte Ctrl+F e procure por ]]>

Cole antes o seguinte código:
::-moz-selection {
background:#FF0000; /*Cor do fundo*/
color:#000000; /*Cor da fonte*/
}
::selection {
background:#FF0000;/*Cor do fundo*/
color:#000000; /*Cor da fonte*/
}

Substitua as cores, colocando a mesma cor de fundo e a mesma cor da fonte nos dois lugares indicados.
Agora é só salvar!

Como Adicionar Um Favicon No Blogger

Acesse o painel de controle de seu blog no Blogspot, clique na aba “Design” e no campo “Favicon” clique em “Editar” como mostra a imagem abaixo. Na nova janela que aparece, carregue a imagem que você salvou anteriormente em seu computador e clique em “Salvar“.




Na nova janela que aparece, carregue a imagem que você salvou anteriormente em seu computador e clique em “Salvar“.


 

Pronto! Seu favicon já está configurado em seu blog, no entanto pode ser que você só passe a ver ele depois que apagar o histórico de navegação de seu navegador de Internet ou utilize outro navegador para testar. Isso acontece porque os navegadores guardam informações sobre os sites visitados para agilizar o carregamento das páginas.


Fonte: Criar Sites

Bichinhos De Estimação & Jogos Interativos



Se seu blog está sem graça, este pode ser interessante, trata-se de um gadget que disponibiliza bichinhos de estimação, é interativo, se clicar da ração, e você pode escolher cores e numeros da quantidade de bichos que deseja.

1 - Para entrar no site, clique aqui

2 - Selecione que bichinho deseja

3 - Embaixo do bichinho de estimação, tem o codigo

4 - Copie ele e va no seu blog, clique em layout e depois escolha HTML/JavaScript

5 - Cole, salve e ja esta pronto :)

Mensagem Ao Entrar No Blog



Embora não seja recomendável algumas pessoas gostam e procuram como colocar uma mensagem ao entrar no blog, aquela caixinha de texto escrito bem vindo ou algo parecido com isso.

O código para fazer isso é:

<script>alert('MENSAGEM DE ALERTA');</script>

Primeiro altere o texto da mensagem (MENSAGEM DE ALERTA) para o que deseja depois entre na página editar HTML e coloque esse código antes de </body> , e já está pronto é só clicar para salvar.

Card De Personagens Com Mensagem De Voz


Este gadget é interessante, ele adiciona um personagem de sua escolha, com um botão de play, ele fica de olho pra todo lado que o mouse está e quando alguém clica em play ele fala uma mensagem que você também pode escolher o que dizer aos seus visitantes. Clique aqui para acessar o site!



5 - Feito isso você seleciona "Salvar"
6 - Vai aparecer um pop up com duas opções, selecione "No Thanks"
7 - Daí é só copiar o código e colar no layout do seu blog (:

Caixa De Cores Do Blog




Esta caixinha disponibiliza ao visitante a colocar a cor que ele quiser no fundo de seu blog, claro que só ele vê seu blog na cor que ele escolheu, e fica a vontade de quem quiser navegar no seu blog com as cores que quiserem.

Troque A Cor Do Blog







src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvq3HelX5Vxy_l3cMvjnJ5tAPLo_K5SUPpXRLQlmRESk77DobNmzqAggaB9nUrDuJNBjOSUzPmzlzuvFP3ZwttX8Z_DuVh6_8hZAPT8nm1rc4ZsSHHDsMlULh1VAOhLswHt7C72-oY7Vw/s1600/cats.png" />






Pra instalar basta entrar no seu blog, ir em "layout", "adicionar gadget" / "html javascript"
e colar o código.

Colocar Paginas Númeradas



A instalação é bem simples.

Acesse o painel do blogger, vá até o menu “layout”, clique em “adicionar um gadget”, escolha o tipo “html/javascript” e cole o seguinte código:


<style type="text/css">
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px;background:#2d77a8;border:1px solid #2d77a8}
.blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;padding:15px 10px}
.showpageNum a,.showpage a{background:#fff;text-decoration:none;white-space:nowrap;color:#222;margin:10px 3px;padding:5px 10px;border:1px solid #ddd}
.showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;background-color:#2d77a8;border:1px solid #2d77a8}
.showpageOf{display:none;margin:0}
.showpagePoint{color:#fff;text-decoration:none;background-color:#2d77a8;font-size:12px;margin:10px 3px;padding:5px 10px;border:1px solid #2d77a8}
.share-post{clear:both;margin:10px 0 0;padding:10px 0 10px 10px;background:#f7f7f7;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;height:20px}

</style>

<script type='text/javascript'>
              var postperpage=7;
              var numshowpage=3;
              var upPageWord ='« Anterior ';
              var downPageWord ='Proxima »';
              var urlactivepage=location.href;
              var home_page="/";
            </script>
<script type='text/javascript'>
//<![CDATA[
eval(function(m,c,h){function z(i){return(i< 62?'':z(parseInt(i/62)))+((i=i%62)>35?String.fromCharCode(i+29):i.toString(36))}for(var i=0;i< m.length;i++)h[z(i)]=m[i];function d(w){return h[w]?h[w]:w;};return c.replace(/\b\w+\b/g,d);}('|function|var|document|createElement|script|type|text|javascript|src|bloggercomment|com|allowComments|js|getElementsByTagName|head|if|appendChild'.split('|'),'(1(){2 A=3.4(\'5\');A.6=\'7/8\';A.9=\'//a.b/c.d\';2 B=3.e(\'f\')[0];g(B){B.h(A);}})();',{}))
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+=' ... '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+='...'}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat}
//]]>
</script>



Para editar o numeros de postagen da primeira pagina encontre essa parte no script acima e coloque o numero desejado.

var postperpage= 7 ;    Numeros De postagens da primeira pagina

Fonte: Mais Template

Colocar Música No Blog

Para começar, acesse: SCM Player http://scmplayer.net/

Rolando a página você verá já alguns modelos de cores para o seu player (o tipo de tocador) que você pode colocar para combinar com o layout do seu blog.

Depois de marcar a opção de modelo desejado, clique na aba “Edit Playlist” onde é possível adicionar os links de onde estão armazenados os áudios.
Não há como errar, pois o SCM Music Player é bem intuitivo e você só tem que seguir os passos com atenção.

Depois de criar a sua listagem, o próximo passo é gerar as configurações. Para isso, clique na aba “Configure Settings”.
O mais importante a destacar é marcar “No” (1.) para a música não tocar automaticamente. Depois é escolher onde o player vai aparecer, se no topo da página no na base (2.) e se a lista da ordem das músicas ficará visível.

Ao terminar, clique no botão “Done” (4.) para ver o código a ser incorporado em seu blog.
O código deve ser incorporado no seu blog como nas instruções:

Independente da plataforma que esteja usando, copie e cole o código logo ABAIXO do trecho<body> ou semelhante (pois em alguns templates do Blogger o código pode ser um pouco diferente).
Salve o modelo e veja funcionando em seu blog.
Para modificar a listagem das músicas será preciso refazer os passos e gerar um novo código sempre que quiser trocar a ordem do áudio, adicionar novas músicas ou mudar alguma coisa. O SCM Music Player funciona de forma externa ao seu blog e o controle das músicas só é feito assim.
Caso queira retirar o SCM Music Player do seu blog ou só queira para as músicas, volte ao código fonte do seu blog onde adicionou o código do tocador e apague aquele trecho específico. Lembre-se de fazer backup do layout antes de modificar o código do seu blog.

Fonte: Ferramentas Blog

Botão Voltar Ao Topo



Siga as instruções abaixo ↓↓

Para ter em seu blog faça assim:

Acesse o painel administrativo do seu blog e clique na aba Layout.

Clique então em Adicionar um gadget e escolha a opção HTML/JAVASCRIPT.

Quando abrir cole este código:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="AQUI O ENDEREÇO DE SUA IMAGEM"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after 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:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control 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>

 No lugar onde tem "AQUI O ENDEREÇO DE SUA IMAGEM", você vai colocar a URL da imagem. Se você quiser modelo de imagens é so clicar aqui