Navegação em Páginas Numeradas


Quetal um desses na sua página? Esse é um ótimo navegador de páginas numeradas
para seu blog (blogger)!


1: Entrar na sua conta Blogger e vá para seção de Layout - Elementos da página.

2: Na janela que abriu, escolha HTML / JavaScript.

3: Agora adicione  esse Javascript nessa janela. 


Mini Barra de Navegação no Blogger

Você ja deve ter visto aquele botão TOPO DA PAGINA com imagem em alguns blog não? então estou disponibilizando o código aqui pra vocês.A imagem dos botões são pequenas, mas você poderá substituir por outra à sua escolha,procurando ícones .png no google images ou criando seu próprio e hospedar na interner, alguns sites recomendados são imageshack.us ou tinypic.com. =)


Vá em  Layout - Editar HTML

Procure (ctrl + f) por </body>

Cole o codigo abaixo logo ACIMA dele



<!--
#mininavbar
{
display:scroll;
position:fixed;
bottom:1px;
right:1px;
z-index:99;
}
#mininavbar a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mininavbar img
{
border:0;
}
#mininavbar a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
-->
</style>
<div id='mininavbar'><a href='#'
onClick='window.location.reload()' title='Atualizar
página'><img
src='http://soulouko.googlepages.com/refresh.png'/>
</a><a href='http://URL_do_seu_blog.blogspot.com/'title='Página principal'><img
src='http://soulouko.googlepages.com/house.png'/></a><a
href='#' title='Ir para o topo da página'><img
src='http://soulouko.googlepages.com/topopg.png'/></a><a
href='#finalpg' title='Ir para o final da
página'><img
src='http://soulouko.googlepages.com/down.png'/></a></div>
<a name='finalpg'/>

Notas

Na parte destacada de
Vermelho coloque a URL do seu blog 
Azul escuro - imagem do botão Atualizar, você pode trocar por outra substituindo a URL
Roxo - imagem do botão Inicio , pode substituir tambem
Verde - imagem do botão Topo da página , pode substituir tambem
Rosa -  imagem do botão Fim da pagina , pode substituir tambem
  

Depois visualize e se estiver tudo bem, salve!

Como Subistituir "Recentes, Inicio, Antigas"

Esse é um tutorial bem simples pra mudar aquele botão que fica lá embaixo do blog, "Postagens mais antigas", "Postagens mais recentes" e "inicio".

Então vamos lá.

Vá em Layout - Editar Html - e marque a caixinha: "Expandir modelos de widget" ;


Procure por <data:newerPageTitle/>

Substitua por:

<img alt='Página Anterior' border='0' src='http://icons2.iconarchive.com/icons/dryicons/simplistica/48/back-icon.png'/>

Procure por: <data:olderPageTitle/> 

Substitua por:
<img alt='Próxima Página' border='0' src='http://icons2.iconarchive.com/icons/dryicons/simplistica/48/next-icon.png'/>

Procure por: <data:homeMsg/>  


Substitua por:  
<img alt='Home' border='0' src='http://icons2.iconarchive.com/icons/dryicons/simplistica/48/home-icon.png'/> 




Depois teste e Salve!


Efeito neve no blogger


Coloque um efeito de neve no seu blog, não recomendo, porquê NA MINHA OPNIÃO deixa o blog pesado.Mas tem gente que gosta desse efeito, isso é o que importa.Ele é ótimo pra colocar no blog,

Então vamos instalar...
Vá em LAYOUT - Elementos da página - ADICIONAR UM GADGET = HTML/Javascript 
e cole o seguinte código:

endereco = "http://img42.imageshack.us/img42/5508/neve1.png";
</script>
<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/neve.js"></script>

Na parte destacada de vermelho é a imagem do floco de neve,então você poderá trocar por outra imagem que seja no formato .png (pro fundo ficar transparente),

E é isso ai, té mais!

Últimos comentários com ícone


Esse             é              um              script              de              últimos comentários              com              ícone              personalizados.             que              achei              em              um              site, e              irei disponibilizar               o              código              aqui              pra              vocês.


Copie o código abaixo:

<script type="text/javascript"> function showrecentcomments(json) {   for (var i = 0; i < numcomments; i++) {     var entry = json.feed.entry[i];     var alturl;
    if (i == json.feed.entry.length) break;     for (var k = 0; k < entry.link.length; k++) {       if (entry.link[k].rel == 'alternate') {         alturl = entry.link[k].href;        break;       }     }    var photoslink=new Array()    photoslink[0]='<img src="http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SeJp1pMWkLI/AAAAAAAAGmo/ggSsVIrdtms/s320/otros.png"/>';   Fernando='<img src="http://url-do-seu-icone/yo.png"/>';    anonymous='<img src="http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SeJp4vL4RKI/AAAAAAAAGmw/x20-2kKSkEU/s320/anonymous.png"/>';
   alturl = alturl.replace("#", "#comment-");    var postlink = alturl.split("#");    postlink = postlink[0];    var linktext = postlink.split("/");    linktext = linktext[5];   linktext = linktext.split(".html");    linktext = linktext[0];    var posttitle = linktext.replace(/-/g," ");    posttitle = posttitle.link(postlink);    var commentdate = entry.published.$t;    var cdyear = commentdate.substring(0,4);    var cdmonth = commentdate.substring(5,7);    var cdday = commentdate.substring(8,10);    var monthnames = new Array();    monthnames[1] = "Jan";    monthnames[2] = "Fev";    monthnames[3] = "Mar";    monthnames[4] = "Abr";    monthnames[5] = "Mai";    monthnames[6] = "Jun";    monthnames[7] = "Jul";    monthnames[8] = "Ago";    monthnames[9] = "Set";    monthnames[10] = "Out";    monthnames[11] = "Nov";    monthnames[12] = "Dez";    if ("content" in entry) {     var comment = entry.content.$t;}    else    if ("summary" in entry) {      var comment = entry.summary.$t;}    else var comment = "";    var re = /<S[^>]*>/g;    comment = comment.replace(re, "");    if (!standardstyling) document.write('<div class="bbrecpost">');    if (standardstyling) document.write('<br/>');    if (showcommentdate == true) document.write('Dia ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ');
if( entry.author[0].name.$t == 'Fernando'){ document.write(fernando)} else{ if( entry.author[0].name.$t == 'Anonymous'){ document.write(anonymous)}else{document.write(photoslink)} }    document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + ', disse' +'</a>   ');    if (showposttitle == true) document.write(' em ' + posttitle);    if (!standardstyling) document.write('</div><div class="bbrecpostsum">');    if (standardstyling) document.write('<div class="txtmsg"><br/></div>');    if (comment.length < numchars) {          if (standardstyling) document.write('<i>');           document.write(comment);          if (standardstyling) document.write('</i>');}    else         {          if (standardstyling) document.write('<i>');          comment = comment.substring(0, numchars);          var quoteEnd = comment.lastIndexOf(" ");          comment = comment.substring(0, quoteEnd);          document.write(comment + '...<a href="' + alturl + '">(leia mais)</a>');          if (standardstyling) document.write('</i>');}    if (!standardstyling) document.write('</div>');    if (standardstyling) document.write('<br/>');   } if (!standardstyling) document.write('<div class="bbwidgetfooter">'); if (standardstyling) document.write('<br/>'); if (!standardstyling) document.write('</div>');}
</script> <script type="text/javascript"> var numcomments = 8; var showcommentdate = true; var showposttitle = true; var numchars = 50; var standardstyling = true; </script> <script src="http://codigos-bloggerbr.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>



Vá em LAYOUT - Elementos da página - Adicionar um Gadget => HTML/Javascript  e cole o código.

Notas:


AZUL = coloque o nome do autor (seu nome por exemplo)
ROXO = é a URL ícone dos comentários comuns, onde vc pode trocar
LARANJA =  é o ícone dos comentários anônimos            //
VERMELHO = coloque a URL do seu blog

Caso queira configurar:


var numcomments = 8 Número máximo de comentários a ser exibido.
var showcommentdate = true; Mostrar a data | true - mostra | false não mostra 
var showposttitle = true; O título do post comentado. false para esconder.
numchars var = 50; Número máximo de caracteres 


Depois Salve e pronto! =D

Como Trocar Template do Blogger

Se você quer mudar o visual do seu blog mas não sabe como, explicarei passo-a-passo de como trocar.

Primeiro pesquise no google por "templates para blogger ou blogspot". Ou visite BTEMPLATE.

Depois escolha um template do seu gosto e faça o download.

Na maioria das vesez o template vem compactado, se esse for o caso use o winrar para descompactar.

Repare que o arquivo baixado é no formato XML.

Depois faça o login no blogger, va em Layout  - Editar HTML

Clique em Enviar arquivo



Escolha o template que você baixou e em seguida Abrir


Depois clique em Fazer upload


Caso Apareça isso:


Clique em Excluir widgets , então antes de fazer a troca de template, copie todos os código html dos elementos da sua página.

Pronto! Depois teste e salve!

Mensagens Pop-Up


Essa é uma ótima pop-up que desse quando a página é rolada.Serve para fazer publicidade, para divulgação se sites, propagandas,etc.E na minha opnião, esse é melhor que os outros postados aqui no GBlogger =D.

Vamos instalar!

Copie o código abaixo.

#topbar{
position:absolute;
border: 2px solid #000;/*cor da borda*/
padding: 10px;
margin: 2% 0 0 55%;
background-color: #ffffff;/*cor de fundo*/
width: 37%;
visibility: hidden;
z-index: 600;
}

Vá em Layout - Editar HTML.

Procure pela tag  ]]></b:skin> e cole o código acima dela e depois salve!

Em seguida vá em Elementos da página - Adicionar um Gadget - HTML/Javascript

E cole o seguinte código:

<div id='topbar'>
<a href='' onclick='closebar(); return false'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji3HTnqKdqwJfqEXs2PFdvY4P-q7bKYs0q3wbKAvDsEWwgpqaw0i5hvAIJIlN6Q-swyz27tdJ7z9rU_e8dsFcUVRezJjuMqRLEemjSeLED3ET5HH3KgIzWn3VCSrm_KDglwjouSrhKltg/s1600/icontexto-webdev-cancel-048x048.png" /></a><span style="font-size: 18px;"><b>AQUI COLOQUE O QUE QUISER. ANÚNCIOS, VÍDEOS, MENSAGENS, É SÓ COLAR OS CÓDIGOS AQUI
</script></b></span>
</div>

<script type="text/javascript">
var persistclose=0 // Se colocar o número 0 a janela abrirá novamente. O número 1significa que depois que a barra for fechada, permanecerá fechada
var startX = 20 // Tamanho horizontal
var startY = 5 // Tamanho vertical
var verticalpos="fromtop" // "fromtop" o "frombottom" define se vai em cima ou embaixo
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>


Na parte destacada de azul é a imagem do botão fechar, você pode subtituir por outra.
Na parte destacada de vermelho você coloca o que quiser, imagem, anúncio,publicidade etc...

Salve e pronto!

Sugestões ou dúvidas, favor deixa comentários!

Assinar: Postagens (Atom)
 
Template desenvolvido por: Mini Templates