31 de mai. de 2008
29 de mai. de 2008
Ressaltar texto
Para ressaltar textos em seus posts de 2 maneiras bem fáceis, sem precisar inserir códigod no HTML do seu blog. Basta copiar os códigos e colar no modo "Editar HTML", lá onde você escreve.
<p style="border: 2px solid rgb(238, 130, 98 );">
ESCREVA AQUI O QUE QUISER
</p>
ESCREVA AQUI O QUE QUISER
<span style="background-">238, 130, 98 );">ESCREVA AQUI O QUE QUISER</span>
Números em vermelho representam as cores em RGB. Mais cores AQUI. Não se esqueça de colocar a vírgula entre os números RGB
Para esse efeito aqui.
<p style="border: 2px solid rgb(238, 130, 98 );">
ESCREVA AQUI O QUE QUISER
</p>
ESCREVA AQUI O QUE QUISER
<span style="background-">238, 130, 98 );">ESCREVA AQUI O QUE QUISER</span>
Números em vermelho representam as cores em RGB. Mais cores AQUI. Não se esqueça de colocar a vírgula entre os números RGB
Navbar que aparece em um clique
Esta dica é para que sua navbar apareça somente se clicar em cima. Mas como nem tudo é perfeito, não funciona no IE e nem no Opera, só no Firefox.
O que você tem que fazer é copiar o código, ir até o HTML do seu blog e colar antes de:
body {
Clique AQUI e veja como funciona (claro que você só verá o efeito se navega pelo Firefox)
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Créditos: Blog U
O que você tem que fazer é copiar o código, ir até o HTML do seu blog e colar antes de:
body {
Clique AQUI e veja como funciona (claro que você só verá o efeito se navega pelo Firefox)
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Créditos: Blog U
Template Chica Loca Azul e Rosa
24 de mai. de 2008
Últimos comentários em seu blog
Para ter em seu blog um widget com os últimos comentários com o nome do comentarista, um pequeno resumo e a opção de ler mais, como o que tenho aqui, no footer do meu blog é ultra, mega fácil. Basta copiar o código e colar no HTML/Javascript em seu Blogger.
<script style="text/javascript" src="http://andrewhonors.googlepages.com/showrecentcomments2_sp.js"></script><script style="text/javascript">var numcomments = 6;var showcommentdate = true;var showposttitle = true;var numchars = 30;var standardstyling = true;</script><script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Créditos: Hackosphere
<script style="text/javascript" src="http://andrewhonors.googlepages.com/showrecentcomments2_sp.js"></script><script style="text/javascript">var numcomments = 6;var showcommentdate = true;var showposttitle = true;var numchars = 30;var standardstyling = true;</script><script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Créditos: Hackosphere
23 de mai. de 2008
Como criar páginas no Google pages
INFELIZMENTE O GOOGLE RETIROU ESTE SERVIÇO DO AR
:=(
Já me pediram para ensinar esta dica, então aí vai.
Para criar páginas como essa, ou essa, ou essa no Google pages a primeira coisa a fazer é abrir um email no Gmail e depois uma conta no Google pages. Já sei, você deve estar se perguntando como não pensou nisso antes, né ?
Pois é, então vamos lá. Clique AQUI e abra sua conta no Gmail, depois volte e se cadastre no Google Pages clicando AQUI , depois volte aqui para continuar o aprendizado.
Depois que você se cadastrou no Google pages, essa é a segunda página que abrirá. Clique para aceitar as condições do site.
Nessa terceira página, preencha como quiser.
Veja, é aí que você fará o upload. Agora pegue o código abaixo, cole em seu bloco de notas, faça as modificações e salve.
Agora que já está tudo certinho, copie o código abaixo e cole em seu bloco de notas, é aí que você fará as modificações para publicar no Google pages.
vermelho--- título de sua página
roxo-------endereço de sua imagem de fundo
verde-----cor das bordas
rosa------coloque algo fora da moldura
amarelo---é entre esses dois códigos que você postará tudo o que quiser em suas páginas do Google Pages, quando quiser dar espaço entre o que você quer postar, coloque o código:
<br>
<html>
<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>AQUI O TíTULO DE SUA PÁGINA</title>
</head>
<STYLE type="text/css">
P, body, td, tr, div {
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #000000;
font-family: Verdana, Arial;
line-height: 12px;
}
A, A:link{color:#000000;text-decoration:none}
A:visited{color:#000000}
A:active{color:#000000}
a:hover {text-decoration: underline; color: #000000; font-weight: bold;}
body {scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #CCCCCC;
scrollbar-base-color: #CCCCCC;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff; }
</STYLE>
<body bg background="ENDEREÇO DE SUA IMAGEM DE FUNDO AQUI">
<div align="center">
<center>
<table border="2" cellspacing="3" width="76%" id="AutoNumber1" height="342" border#00b050">#CCCCCC">
<tr>
<td width="100%" height="342" bordercolor="#CCCCCC" valign="top" bgcolor="#FFFFFF">
<!--"COLOQUE ABAIXO O QUE QUISER" -->
<!--"COLOQUE ACIMA O QUE QUISER E NADA ABAIXO" -->
</td>
</tr>
</table>
</center>
<br>
<br>
<br>
AQUI COLOQUE ALGO QUE VOCÊ QUEIRA QUE FIQUE FORA DO BORDER OU DELETE ESSA INSCRI^ÇÃO TODA EM ROSA
</div>
<p align="center">
</p>
</body>
</html>
Após inserir em seu código o que lhe interessa, salve como no modelo abaixo, preste atenção onde você está salvando em seu pc pois daqui a pouco você irá precisar.
*Observe que após colocar o nome em sua página coloque: .html
Exemplo: paginadeamostra.html
Agora vá até o Google pages e faça o upload de sua página como mostra o modelo.
Proceda da mesma forma sempre que quiser publicar páginas. Claro que você sabe que o título terá sempre que mudar e terá que sempre ter o ".html" ao final, ou não dará certo.
22 de mai. de 2008
Nuvem de tags
Bom pessoal, esta tuto ensina a fazer nuvem de tags, é assim, os marcadores de seu blog ficam com uma aparência de palavras em cores e tamanhos diferentes, peguei essa dica do forum Verdinhas.com.
Nem ia coloca-la aqui, visto que já até linkei a página no blog, mas a pedido da Dete que quer saber onde se pode trocar a cor das letra, resolvi copiar e colar aqui.
Vá até o HTML do seu blog e desmarque "Expandir modelos de widgets" caso esteja selecionado. Procure péla tag(código)
]]></b:skin>
E acima dele cole o código abaixo.
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
Agora procure pelo código
</head>
E acima dele cole o código abaixo:
*Não se esqueça de colocar o endereço completo de seu blog.
É aqui que você poderá modificar as cores e o tamanho das letras. As cores estão em RGB, clique AQUI para escolher suas cores.
Verde----endereço do seu blog
roxo-----------tamanho das palavras maiores de sua nuvem de tags
vermelho------cor das palavras maiores
azul-----------tamanho das palavras menores
laranja--------cores das palavras menores
<script type='text/javascript'>
// Label Cloud User Variables
var lcBlogURL = 'AQUI O ENDEREÇO DO SEU BLOG ';
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
Agora procure pelo código:
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
E substitua pelo código abaixo
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>
// Não mude nada a partir desse ponto -----------------
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var ta=0
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
tz = labelCount.length-1;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Postagens em '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Há este site AQUI que também lhe dá uma nuvem de tags que você poderá se cadastrar fazer sua nuvem de tags e depois só colar no HTML/Javascript em seu blog
Nem ia coloca-la aqui, visto que já até linkei a página no blog, mas a pedido da Dete que quer saber onde se pode trocar a cor das letra, resolvi copiar e colar aqui.
Vá até o HTML do seu blog e desmarque "Expandir modelos de widgets" caso esteja selecionado. Procure péla tag(código)
]]></b:skin>
E acima dele cole o código abaixo.
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
Agora procure pelo código
</head>
E acima dele cole o código abaixo:
*Não se esqueça de colocar o endereço completo de seu blog.
É aqui que você poderá modificar as cores e o tamanho das letras. As cores estão em RGB, clique AQUI para escolher suas cores.
Verde----endereço do seu blog
roxo-----------tamanho das palavras maiores de sua nuvem de tags
vermelho------cor das palavras maiores
azul-----------tamanho das palavras menores
laranja--------cores das palavras menores
<script type='text/javascript'>
// Label Cloud User Variables
var lcBlogURL = 'AQUI O ENDEREÇO DO SEU BLOG ';
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
Agora procure pelo código:
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
E substitua pelo código abaixo
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>
// Não mude nada a partir desse ponto -----------------
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var ta=0
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
tz = labelCount.length-1;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Postagens em '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Há este site AQUI que também lhe dá uma nuvem de tags que você poderá se cadastrar fazer sua nuvem de tags e depois só colar no HTML/Javascript em seu blog
20 de mai. de 2008
Post aberto
Ontem fiz um post que ficou apenas alguns minutos no ar, mas deu o que falar. Foi um problema que tive com outro blogueiro, alguém que publicou alguns dos meus templates em seu blog hospedando-os em um servidor próprio e retirando os créditos do código dos templates. Eu já parei de me importar com as pessoas que modificam os meus templates, não adianta, sabe como é ? Resolvi relevar, mas pegar um template, retirar os créditos, hospedar e oferecer em seu blog, é demais...
Ora, fiquei sim, e com razão bastante chateada pois faço um trabalho completamente gratuito (salvo quem quer me encomendar um template exclusivo), não ganho absolutamente um centavo por isso, nem o Adsense tenho em meu blog e pela resposta que recebi do rapaz, achei um tanto ofensiva, talvez pelo teor do post que fiz ao oferecer a ele um award "especial".
Bom, já tive posts e mais posts copiados na íntegra, inclusive com os erros de português, e quando peço os créditos sou muitas vezes atacada, tanto que tive que fechar o sistema de comentários.
A cara de pau de alguns chega a tanto, que teve um desses, que veio aqui, copiou o post na íntegra, inclusive com os memos links e quando eu o confrontei, ele simplesmente disse que eu é quem copiava, chegou ao cúmulo de linkar aqui um blog de dicas dizendo que de lá eu havia copiado o código, e continuou por semanas me ofendendo se passando por outras pessoas. O cara de pau é tão cara de pau que ainda por cima usava um dos meus templates.
É demais, não é não ?!!!
Ora, fiquei sim, e com razão bastante chateada pois faço um trabalho completamente gratuito (salvo quem quer me encomendar um template exclusivo), não ganho absolutamente um centavo por isso, nem o Adsense tenho em meu blog e pela resposta que recebi do rapaz, achei um tanto ofensiva, talvez pelo teor do post que fiz ao oferecer a ele um award "especial".
Bom, já tive posts e mais posts copiados na íntegra, inclusive com os erros de português, e quando peço os créditos sou muitas vezes atacada, tanto que tive que fechar o sistema de comentários.
A cara de pau de alguns chega a tanto, que teve um desses, que veio aqui, copiou o post na íntegra, inclusive com os memos links e quando eu o confrontei, ele simplesmente disse que eu é quem copiava, chegou ao cúmulo de linkar aqui um blog de dicas dizendo que de lá eu havia copiado o código, e continuou por semanas me ofendendo se passando por outras pessoas. O cara de pau é tão cara de pau que ainda por cima usava um dos meus templates.
É demais, não é não ?!!!
Tenho certeza absoluta que essas pessoas sabem exatamente o que estão fazendo, não me venham com essa de que não sabiam, ou que alguém que enviou a postagem, isso não cola. Quer copiar conteúdo ? Dê os créditos, link o meu blog, comente aqui, peça. Claro que há pessoas que não sabem, eu no início não sabia, mas pessoas que tem vários blogs e estão nessa a tempos, estão carecas de saber das regrinhas de boa convivência.
Estou cansada mesmo de conversar, de pedir, de esclarecer...
Como podem ver tenho bastante códigos em meu blog, muitos encontrados na rede e estão com os créditos, outros não pois foram muitas vezes retirados do código fonte e adaptados por mim.
Há quem diga que não tenho um CC em meu blog, aquele sistema em que se coloca um selo para que não copiem os posts, mas sinceramente, acho demais esse tipo de argumento também. Quer dizer, que se você entra em uma loja e lá não tem uma plaquinha escrita que não pode levar sem pagar, você pega e leva ?
Quanto aos templates, quando você compra uma tela você retira a assinatura do artista e coloca a sua ?
Ah, tenha dó !!!
Cansei deste tipo de afronta por aqui e continuarei a oferecer awards "Óleo de Peroba" a quem vem aqui copiar as postagens. Não quer passar por isso ? Simples, não copie as postagens, não copie os templates, tenha criatividade, seja original, crie.
Estou cansada mesmo de conversar, de pedir, de esclarecer...
Como podem ver tenho bastante códigos em meu blog, muitos encontrados na rede e estão com os créditos, outros não pois foram muitas vezes retirados do código fonte e adaptados por mim.
Há quem diga que não tenho um CC em meu blog, aquele sistema em que se coloca um selo para que não copiem os posts, mas sinceramente, acho demais esse tipo de argumento também. Quer dizer, que se você entra em uma loja e lá não tem uma plaquinha escrita que não pode levar sem pagar, você pega e leva ?
Quanto aos templates, quando você compra uma tela você retira a assinatura do artista e coloca a sua ?
Ah, tenha dó !!!
Cansei deste tipo de afronta por aqui e continuarei a oferecer awards "Óleo de Peroba" a quem vem aqui copiar as postagens. Não quer passar por isso ? Simples, não copie as postagens, não copie os templates, tenha criatividade, seja original, crie.
18 de mai. de 2008
Marcadores expandíveis
A Áurea do Templates para Você fez uma tutorial ensinando a expandir os marcadores do blog.
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.Bom. eu fiz de uma outra forma e deu certo. Tente.
Claro que você terá que ter os marcadores em seu blog e se acaso o título que você deu aos marcadores for outro, substitua, ok ?
Vá até o HTML do seu blog e abaixo da tag(código) <head>
Coloque a código abaixo e salve.
<style type='text/css'>.texthidden {display:inline}.shown {display:block}</style><script type='text/javascript'>document.write('<style>.texthidden {display:none} </style>');</script><script type='text/Javascript'>function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
Agora clique em "Expandir modelos de widgets" e procure pelo código:
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
E substitua tudo que estiver abaixo deste código e antes de: <b:include name='quickedit'/>
<b:includable id='main'>
<b:if cond='data:title'>
<a href='javascript:void(0);' onclick='expandcollapse("marcadores")'>
<center><img border='0' src='AQUI O ENDEREÇO DO BOTÃO'/></center></a><br/>
</b:if>
<div class='widget-content'>
<ul class='texthidden' id='marcadores'>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
Onde está em vermelho é para que você substitua pelo endereço da imagem que quiser. Abaixo alguns que fiz para você. Salve em seu pc e hospede-os em um site de hospedagem.
Assinar:
Postagens (Atom)
