terça-feira, 4 de maio de 2010

link postagens "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!

Té mais!

Marcadores: , , ,

Código para adicionar aos favoritos

http://3.bp.blogspot.com/_qLeH-BgQBhg/SOl-5d2mc1I/AAAAAAAAAV4/5vPFFoEQTeA/s320/favoritos.png

Muitas vezes os visitantes encontram seu site através  de um buscador como o google,dai acham interessante e tals, mas depois se esquecem como chegaram até ele.Porisso é sempre bom, colocar em seu site, um widget "Adicone aos favoritos" , sendo assim, seu visitantes terão seu site em mãos, e não perderão de vista.Existe atalhos nos navegadores para adicionar aos favoritos também, como CTRL + D no IE  e Firefox, CTRL + T no opera, mas muitos usuários ainda não sabem esses atalhos.O gadget criado pelo Blogger "Seguidores" facilitou muito isto, pois quem estiver interessado no blog/site não o perderá mais de vista podendo acompanhá-lo.Portanto, esse Widget e uma forma de divulgação também importante, E NÓS RECOMENDAMOS!

Vamos à intalação!

Copie o código abaixo,

<script language="JavaScript">
function addFav(){
var url="http://URL_do_blog";
var title="TÍTULO DO BLOG";
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if(window.opera && window.print){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();
}
else if(document.all){window.external.AddFavorite(url, title);}
}
</script>
<a href="javascript:addFav()"><img border="0" alt="Adicione aos Favoritos"
src="http://www.iconspedia.com/uploads/1050379226.png"/></a>
<a href="http://URL_do _blog/" onclick="window.external.AddFavorite('http://URL_do_blog','TÍTULO_DO_BLOG');">
<img alt="Adicione aos Favoritos" src="http://www.iconspedia.com/uploads/394494863.png"
border="0"/> </a></center>

Vá em Layout - Elementos da página - HTML/Javascript e cole o código.Faça as devidas modificações nas partes destacas. 

Se quiser acrescentar um efeito de pisca para chamar a atenção do visitante utilize a tag abaixo

<blink>Não nos perca de vista!</blink>

Depois Salve!

Duvidas ou sugestões deixem comentários!

Marcadores: , , ,

Desabilitando o botão direito do mouse



Esse é um script para bloquear o botão direito do mouse, evitando então, que os úsuarios tentem copiar imagens ou textos contidos no seu site.Mas lembre-se, existem otras maneiras deles copiarem ,salvando a página ou dando um print.

Primeiro faça o login no blogger

Vá em "Layout" -  "Adicionar um Gadget" - "HTML/Javascript"

Cole o seguinte código
<script language="JavaScript">
<!--

var message="Esta função está desativada.";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>


Salve e pronto! XD

Marcadores: , , ,

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 Códigos Blogger =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;
}


Faça o login no blogger.

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="http://4.bp.blogspot.com/_BaCxSD9NFn8/S9jROBO5I7I/AAAAAAAABgc/W6-GwOsrxgI/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!

Marcadores: , , ,