BLOG DE TESTE : 14

05 abril 2014

Crédito no Rodapé do Logo

Primeiramente vá ate seu HTML é procure pelo ]]></b:skin>, acima dele cole o seguinte:

#rodape-creditos {
font:normal bold 13px Arial; /* - Fonte do rodapé - */
color:#FFFFFF; /* - Cor da fonte - */
background:#303030; /* - Cor de Fundo do Rodapé - */
border-top:4px solid #3F4C6B; /* - Edite a borda - */
margin:0px 0px 0px; /* - Não é necessário editar - */
}
#rodape-creditos a:link {
color:#A8B5C4; /* - Cor dos Links do Rodapé - */
text-decoration:none; /* - Decorações do Link - */
outline:0px solid #FFFFFF; /* - Não é necessário editar - */
}
#rodape-creditos a:visited {
color:#A8B5C4; /* - Cor dos Links Visitados - */
text-decoration:none; /* - Decoração dos Links Visitados - */
outline:0px solid #FFFFFF; /* - Não é necessário edittar - */
}
#rodape-creditos a:hover {
color:#A8B5C4; /* - Cor do Link com o Mouse em cima - */
text-decoration:underline; /* - Decoração do Link com o mouse em cima - */
outline:0px solid #FFFFFF; /* - Não é necessário edittar - */
}

Agora procure pelo </body>, acima cole:

<div id='rodape-creditos'>
<table border='0' cellpadding='5' cellspacing='0' oncontextmenu='return false' ondragstart='return false' width='100%'><tr>
<td style='width:72%;text-align:left;'>© <a href='LINK DO BLOG'>NOME DO BLOG</a> - 2012. Todos os direitos reservados.<br/>Criado por: <a href='URL DO AUTOR DO BLOG' rel='nofollow' target='_blank'>NOME DO AUTOR DO BLOG</a>.<br/>Tecnologia do <a href='http://www.blogger.com' target='_blank'>Blogger</a>.</td>
<td style='width:28%;text-align:center;'><a href='LINK DO BLOG'><img alt='imagem-logo' border='0' id='logo-footer' oncontextmenu='return false' ondragstart='return false' src='LINK DA LOGO DO BLOG'/></a><br/></td></tr>
</table>
</div>

Modifique o código para que fique como desejado ou adequado ao seu layout, esse é o tutorial de hoje espero que tenham gostado. Antes de terminar quero passar os créditos ao blog site #Categoria Blogger foi lá que achei esse tutorial, então obrigada.

Bolhas saindo do Mouse

Cole este código no Gadget HTML/Javascript

<script type="text/javascript">
// <![CDATA[
var colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=66; // maximum number of bubbles on screen
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

Agora vamos personalizar as cores, logo de inicio no código tem esse trechinho:

var colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=66; // maximum number of bubbles on screen

Vermelho: Cor da parte de cima da bolha
Laranja: Cor do lado direito da bolha
Rosa: Cor da parte de baixo da bolha
Roxo: Cor do lado esquerdo da bolha
Azul: Cor do fundo da bolha
Verde: A quantidade das bolhas que sai do mouse
Coloque a cor que quiser.

Como colocar música/playlist em seu blog ou flog

Entre nesse site : http://scmplayer.net

Teve um pedido perguntando como colocar música, mas não foi específicado onde e nem por qual site, por isso vou explicar pelo SCM Music.

Marque a opção de player que você quer, feito isso, vá na aba EDIT PLAYLIST e onde está escrito SONG TITLE, coloca o nome da música ou de quem canta ela.

Na parte SONG URL coloque o link de um vídeo do youtube que contenha a música que você quer que toque. Faça isso com quantas músicas quiser.

Feito isso, clique em CONFIGURE SETTINGS e ajuste como você preferir.

Autostart - Player automático (eu não recomendo, é irritante kk)

Shuffle Playback - Reprodução aleatória

Default Volume - Volume padrão

Placement of Player Bar - Colocação (top é em cima da página e bottom é na parte debaixo) Depois disso clique em DONE e aparecerá o código da sua playlist.

Copia ele e cola onde quiser que apareça.

Se for no tumblr, vá no Customize >> Custom HTML, dê CTRL + F, pesquise por </style> e coloque o código logo em seguida.

No blogspot,você coloca o código gerado do player no :
HTML/JavaScript

Vá em layouts,adicionarAdcionar/gadget.

Vai abrir uma janela com várias opções,clic em HTML/JavaScript.

Espere abrir uma janela em branco,e cole ali o código que voce copiou

no http://scmplayer.net .

Salve e pronto.

No youtube, Voce copia a URL e cole no canto direito do player

No lado esquerdo escreve o nome da musica.

No flogvip coloque no post fixo e salve.Espero ter ajudado.

Se for no tumblr, vá no Customize >> Custom HTML, dê CTRL + F, pesquise por </style> e coloque o código logo em seguida.

Como usar o CSS do flogvip.

Dicas de uso de css

Bom, sei que isso aqui é basico, mas também sei que vai ajudar muita gente, afinal já vi pessoas usando os css's de forma errada, o que faz com que as tables (caixa de post) de desalinhem e fiquem deformadas. Vamos lá, Há dois modos para se usar o css, dependerá de como o post do seu flogvip está, observem abaixo :

POST SIMPLES : http://i54.tinypic.com/rk09j6.jpg
você só precisa pegar o código do css colocar no post e pronto.

POST COM OPÇÕES : É aquele post que tem a barra de ferramentas, esse é diferente a colocação do css, observem : http://i52.tinypic.com/2uh9s8w.jpg
Pegue seu código de css, clique na caixinha azul onde está escrito HTML e coloque seus códigos todos lá, como no print a seguir :

Entre em post fixo.Clique no HTML.Coloque ali o que você quizer.Clique enviar dados,depois vá lá embaixo da página e clique salvar.Espero que você tenha entendido,boa sorte.

Como fazer css para flogvip

Como fazer css para flogvip

Díficil não é, só precisa de atenção, ok? vou ensinar a fazer um css básico nesse tutorial, com o tempo você irá se aperfeiçoando, acreditem hoje em dia eu faço qualquer css, mas no ano passado eu nem sabia o que era, então vamos lá, por partes, primeiro ensinarei cada função do css e depois como editar uma base (tutorial destinado aos usuários do flogvip) Não tenha preguiça de ler.

FONTE (São as fontes do seu flog, tudo o que estiver escrito, menos os links, claro).

IMAGEM (são as imagens do seu flog, tipo os favoritos, as fotos postadas e as propagandas)

LINK (são os links do seu flog)

ESTILOS (podem ser vários, entre eles : negrito <b>escreve aqui</b>, itálico <i>escreve aqui</i>, e assim por diante, ok? confiram isso na parte de GOODIES >>> CÓDIGOS do nosso site)

SELEÇÃO COLORIDA (quando você seleciona com o mouse alguma coisa, fica dessa cor).

CAIXA DE COMENTARIO (são as caixas de comentários).

TABELA (são as tables, caixas de post,onde você escrreve seus textos).

FORMATAÇÃO DA LINHA DA BARRA (é a linhda do topo do flogvip, onde fica escrito : Nome do flog | postar foto | painel de controle | ajuda | sair).

FOOTER (nem sempre é usado, mas é a parte debaixo da caixa de comentários, digamos que é o rodapé do flogvip, ok?! pode ter imagem, pode ficar sem ou pode ter alguma cor diferente, veremos a seguir).

COISAS QUE TEM QUE LEMBRAR ANTES DE FAZER SEU CSS sempre que estiver escrito color, é a cor da LETRA, não do fundo, atenção nisso.Sempre que estiver escrito font-size, é o tamanho da LETRA, da fonte, ok? (evitem colocar mais de 12, é grande demais).Sempre que estiver escrito font-family, é a fonte, exemplo - font-family:tahomaSempre que estiver escrito border-top, border-left, border-bottom ou border-right significa a borda, de cima, do lado esquerdo, debaixo e do lado direito, ok?) Sempre que estiver escrito background-color ou background, é o fundo, sempre!Sempre que estiver escrito background-image: url('LINK AQUI');, é uma imagem como plano de fundo, pode ser do flog, das tables, da caixa de comentários, da barra de formatação, enfim, de onde for e se sua base não tiver isso, mas você quiser colocar, é só pegar essa parte do código e por, ok? OUTROS LEMBRETES vejam que sempre depois de um número que signifique a espessura ou largura, vem as letras PX, que significa pixel, ou seja, grossura, largura, espessura, enfim, o tamanho de determinada coisa.Reparem também que em muitos lugares vai estar escrito assim :5px solid #777777; (nesse exemplo, temos a espessura que pode ser ao seu gosto, temos a palavra SOLID que significa solido, seria uma linha reta, ou então se quiser as linhas pontilhadas, podemos trocar por DASHED e logo em seguida), temos o código da cor, (nunca tirem o # antes do código e nem o ; depois do código, ok?). FAZENDO SEU CSS Depois de ler as instruções acima, você já pode fazer uma base ou modificar uma, se ainda se sente inseguro, recomendo que pegue uma pronta e apenas modifique ao seu gosto, deixarei uma feita por mim para vocês modificarem e claro COLOCAR OS CRÉDITOS DA BASE A ESSE SITE, SWEETPOISON.TK, OK?! Abra a base do css em seu bloco de notas, e nela, estaram separadas por partes, todos os itens que falei acima, (FONTE, IMAGENS, LINKS e etc...)Sempre que tiver color coloque a cor que você quer, background também e assim por diante, NÚMEROTALpx na espessura que você quer usar, background-image: url('link aqui'); se quiser uma imagem no local, se não, então ignorem essa parte, Dashed para bordas e linhas pontilhadas, solid para bordas e linhas retas. Quando quiser que alguma coisa fique sem cor ou coisa do tipo, pode colocar o seguinte no lugar de color: transparent; (com o ponto e virgula tá).Nessa base que disponibilizei para vocês, na parte das caixas de comentário, é o seguinte :1ª parte é a parte de dentro da caixa, a 2ª é a de fora e a 3ª não é a de comentário, é subtitulo, certo? então, essa parte é onde está escrito no flog : ÚLTIMOS CADASTRADOS, FAVORITOS, ÚLTIMAS FOTOS, sabe? então, é essa parte. Outra coisa importante, as tables (caixa de post), pode fazer quantas você quiser, como essa base que estou disponibilizando é simples, só tem 2, mas você pode fazer mais, ok? repare que antes do codigo das tabelas tem sempre escrito algum desses nomes (Table, table1, table2, table3, table4, caixa, caixa1, caixa2, linha, linha1, linha2 ou qualquer outro nome do tipo, isso é para que você possa colocar as tables depois organizadas no seu flog, exemplo : Eu fiz duas tables, a preta e a branca, a preta é a table1 e a branca table2, a preta quero que fique maior, do lado de fora e a branca menor do lado de dentro, então na hora que o css estiver pronto eu saberei como é cada table e colocarei esses códigos no post :

MEU TEXTO AQUI

, mas foi só um exemplo, ok?) Me matem se eu falar : Ok?! de novo kkk.Bom, acho que é isso né, qualquer dúvida me perguntem pela AKS, ok?! rs espero que consigam usar direitinho, fazer um css legal e tals.. se quiser saber como hospedar, tem 2 tutoriais feitos por mim em TUTORIAIS. SE USAREM A MINHA BASE DEEM CRÉDITOS PLEASE, DÁ TRABALHO, NÃO COPIEM MEU TUTORIAL, NÃO DISPONIBILIZEM MINHA BASE E NEM O TUTORIAL, OK? SÓ ASSIM CONTINUAREI FAZENDO ESSES TUTORIAIS E DISPONIBILIZANDO MINHAS COISAS.

AVISO:Este tutorial pertence ao site:http://sweetpoison.edicy.co/

Não estou repassando,coloquei no meu blog de teste para guardá-lo,pois estou aprendendo a fazer CSS.

Você pode usá-lo,mas não repassá-lo.Entre no site e siga as instrução que estão lá.

OBRIGADA.

Scroll com setinhas/

ESCREVA AQUI SUAS COISINHAS <br>
ESCREVA AQUI SUAS COISINHAS <br>
ESCREVA AQUI SUAS COISINHAS <br>
ESCREVA AQUI SUAS COISINHAS <br>
ESCREVA AQUI SUAS COISINHAS <br>
ESCREVA AQUI SUAS COISINHAS <br>
ESCREVA AQUI SUAS COISINHAS <br>


</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<div align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)" title="Subir">
<img src="http://www.drikoti.blogger.com.br/setacima.gif" border="0" width="9" height="7" /></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)" title="Descer">
<img src="http://www.drikoti.blogger.com.br/setabaixo.gif" border="0" width="9" height="7"/></a></div>
<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}
function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}
function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}
</script>
</div>

Base de css p/ flogvip!

/* COPIA IDIOTA */
/* TUDO POR YEAHNICK */

input, textarea {
color:#CC99FF;
font-family:Tahoma;
font-size:12px;
border:1px solid #33CCCC;
background:#020202
}
html {
scrollbar-3dlight-color:#ECE9D8;
scrollbar-arrow-color:#020202;
scrollbar-base-color:#ECE9D8;
scrollbar-darkshadow-color;#020202 ;
scrollbar-face-color:#ECE9D8;
scrollbar-highlight-color:#ECE9D8;
scrollbar-shadow-color:#99CC00; }
#999933, OffX=1, OffY=1, positive=2), chroma (color=#FFFFFF);}
.HeadImage {padding-top:10px}
</style>
<html>
<head>
/* Formatação de Fontes */
p, a, body, td, tr, div {
font-style: normal;
font-weight: normal;
font-size:11px;
color:#296A7D;
font-family:verdana;
cursor:crosshair;
        text-align:center;

}
/* Formatação dos Links */
a, a:link{
color:#296A7D;
cursor:help;
TEXT-DECORATION:dotted;
}
a:hover {
color:#FFFFFF;
cursor:help;
TEXT-DECORATION:dotted;
text-align:center;
}
/* Blockquote */
blockquote{
background-color:#296A7D;
-moz-border-radius:8px 8px 8px 8px;
border-left:5px dotted none;
border-right:5px dotted none;
padding:5px 5px 5px 5px;
margin:3px 3px 3px 3px;
color:#FFFFFF;
text-align:center;
}
/* Estillos */
b { cursor:crosshair; color:#296A7D; TEXT-DECORATION:center;
}
s { cursor:crosshair; color:#296A7D; TEXT-DECORATION:center;border-bottom:2px dotted #FFFFFF;
}
u { cursor:crosshair; color:#ffffff ; TEXT-DECORATION:center;
}
i { cursor:crosshair; color:#296A7D; TEXT-DECORATION:center;
}
text-align:center;
}
/* Caixa de Comentários */
input, textarea, select
{font-family: verdana;
font-size:11px;
color:#296A7D;
border-top: 1px SOLID #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
        background-color:#BDE9F6;
        -moz-border-radius:8px 8px 8px 8px;
        text-align:center;
        }

/* Opacidade */
.opacidade
{filter:alpha(opacity=80);
-moz-opacity:0.70;
opacity:0.60;}
.opacidade:hover
{filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.9;}
a img {
filter: alpha(opacity=100);
-moz-opacity: 0.7;}
a:hover img {
filter: alpha(opacity=40);
-moz-opacity: 2.0;}
/* Formatação das Tables/Post */
.table {
font:tahoma;
text-align:center;
color:#FFFFFF;
        border-bottom:5px solid #296A7D
        background-color:#296A7D;
-moz-border-radius:3px 3px 3px 3px;

}
.fundopost {
color:#296A7D;
background-color:#534472;
        border-top:2px:#;
border-left:2px solid ;
border-right:2px solid:;
border-bottom:2px dotted ;
        padding:1px 1px 1px 1px;
text-align:center;
}
text-align:center;

Credite por favor.

Tutorial de como fazer css para flogvip

Fazer css não é difícil, só é preciso paciência, então vamos lá!
Esse é o código base, vc vai copia-lo ok?
/* COPIA IDIOTA */
/* TUDO POR YEAHNICK */

input, textarea {
color:#CC99FF;
font-family:Tahoma;
font-size:12px;
border:1px solid #33CCCC;
background:#020202
}
html {
scrollbar-3dlight-color:#ECE9D8;
scrollbar-arrow-color:#020202;
scrollbar-base-color:#ECE9D8;
scrollbar-darkshadow-color;#020202 ;
scrollbar-face-color:#ECE9D8;
scrollbar-highlight-color:#ECE9D8;
scrollbar-shadow-color:#99CC00; }
#999933, OffX=1, OffY=1, positive=2), chroma (color=#FFFFFF);}
.HeadImage {padding-top:10px}
</style>
<html>
<head>
/* Formatação de Fontes */
p, a, body, td, tr, div {
font-style: normal;
font-weight: normal;
font-size:11px;
color:#296A7D;
font-family:verdana;
cursor:crosshair;
        text-align:center;

}
/* Formatação dos Links */
a, a:link{
color:#296A7D;
cursor:help;
TEXT-DECORATION:dotted;
}
a:hover {
color:#FFFFFF;
cursor:help;
TEXT-DECORATION:dotted;
text-align:center;
}
/* Blockquote */
blockquote{
background-color:#296A7D;
-moz-border-radius:8px 8px 8px 8px;
border-left:5px dotted none;
border-right:5px dotted none;
padding:5px 5px 5px 5px;
margin:3px 3px 3px 3px;
color:#FFFFFF;
text-align:center;
}
/* Estillos */
b { cursor:crosshair; color:#296A7D; TEXT-DECORATION:center;
}
s { cursor:crosshair; color:#296A7D; TEXT-DECORATION:center;border-bottom:2px dotted #FFFFFF;
}
u { cursor:crosshair; color:#ffffff ; TEXT-DECORATION:center;
}
i { cursor:crosshair; color:#296A7D; TEXT-DECORATION:center;
}
text-align:center;
}
/* Caixa de Comentários */
input, textarea, select
{font-family: verdana;
font-size:11px;
color:#296A7D;
border-top: 1px SOLID #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
        background-color:#BDE9F6;
        -moz-border-radius:8px 8px 8px 8px;
        text-align:center;
        }

/* Opacidade */
.opacidade
{filter:alpha(opacity=80);
-moz-opacity:0.70;
opacity:0.60;}
.opacidade:hover
{filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.9;}
a img {
filter: alpha(opacity=100);
-moz-opacity: 0.7;}
a:hover img {
filter: alpha(opacity=40);
-moz-opacity: 2.0;}
/* Formatação das Tables/Post */
.table {
font:tahoma;
text-align:center;
color:#FFFFFF;
        border-bottom:5px solid #296A7D
        background-color:#296A7D;
-moz-border-radius:3px 3px 3px 3px;

}
.fundopost {
color:#296A7D;
background-color:#534472;
        border-top:2px:#;
border-left:2px solid ;
border-right:2px solid:;
border-bottom:2px dotted ;
        padding:1px 1px 1px 1px;
text-align:center;
}
text-align:center;

Fonte: É a sua fonte,
font-size: 11px; é o tamanho da fonte, geralmente varia de 9px à 12px.
color: #66b0cd; é a cor da sua fonte. font-family: verdana; é o nome
da fonte, as mais usadas são verdana, tahoma, arial.
cursor: crosshair; é o cursor que vai ficar no seu blog, não só em cima da
fonte, nas suas páginas todas. Abaixo você encontra o nome dos cursores do
sistema, é só passar o mouse em cima do nome:

cursor: hand;

cursor: crosshair;

cursor: text;

cursor: wait;

cursor: help;

cursor: move;

cursor: e-resize;

cursor: ne-resize;

cursor: nw-resize;

cursor: n-resize;

cursor: se-resize;

cursor: sw-resize;

cursor: s-resize;

cursor: w-resize;

cursor: progress;

cursor: all-scroll;

cursor: col-resize;

cursor: not-allowed;

cursor: row-resize;

cursor: url(mycursor.cur);
*Cursor personalizado*

Já vimos sobre a fonte, cursor, agora veremos sobre os Links!
Link: É a configuração do seu link. 'a, a:link{' é a 'face' do seu link, sem estar com o mouse por cima. color: #66b0cd; é a cor do seu link, por exemplo, isso é um link, se você não colocar o mouse por cima, apenas vê-lo, ele está rosa certo? Isso que é o 'a, a:link{'! border-bottom: none; é uma linha que fica por baixo do link, se estiver sem em none; é porque está sem linha nenhuma, como o meu link, perceba que ele está sem linha nenhuma. Veja alguns exemplos:
Esse está com a configuração de border-bottom: 1px solid #000000; O 1px significa a grossura da linha, veja um link com, por exemplo, 2px:
Esse está com a configuração de border-bottom: 2px solid #000000; E o #000000 é a cor da linha! Se quiser esse código para pôr no seu css, está aqui: border-bottom: 1px solid #000000; Agora que você já sabe mudar a cor e agrossura da linhas, veja outros modelos:
Esse está com a configuração de border-bottom: 1px dashed #000000;
Esse está com a configuração de border-bottom: 1px dotted #000000;
Esse está com a configuração de border-bottom: 3px double #000000; Atenção: Bordas Double tem que estar configurada em 3px para ela aparecer corretamente!
Ok. Agora e o cursor: help;? Já sabe o que é né? É o cursor quando você passa sobre o mouse. Recomendo que coloque o mesmo cursor tanto no a, a:link{ quanto no a:hover {. Mas você não sabe o que é a:hover {? Então vamos lá! ^^ a:hover { é quando o mouse passa por ele, por exemplo, isso é um link, passe o mouse sobre ele, ele não mudou de cor? Então, isso que é o a:hover {! Agora as configurações dele é igual ao do
a, a:link{, o 'color', 'border-bottom', 'cursor'…
Atenção:
Lembrando que não é só border-bottom que tem não! Também tem border-top (borda em cima, ao invés de ser em baixo do link), border-left (que é a borda do lado esquerdo) e border-right, que é a borda do lado direito!
Estilos: É o famoso Negrito, Sublinhado, e Itálico. No b{, onde está escrito: TEXT-DECORATION: bold;, é que o seu negrito ficará em negrito! Mas como assim? Por exemplo, se você colocar TEXT-DECORATION: none;, o seu negrito não ficará gordinho, apenas da cor que você escolheu! Entendeu? :D No Itálico a mesma coisa, se tiver: TEXT-DECORATION: italic; o seu itálico ficará 'caidinho', e seu Underline, se tiver TEXT-DECORATION: underline; ele ficará com a linhazinha em baixo! ul{ O que é isso? o.o ' é tipo um parágrafo, não liguem para isso não, é raro usar isso! Eu nunca usei, ou seja, pode deixar como está! ^^
Caixas: Se você usa flog, é a famosa 'caixinha de comentários', se você usa blog, são caixinhas parecidas com o de comentário, muito usado para formulários ou ask-me, e se você usa wordpress, também é a caixa de comentários. Ainda não descobriu o que é?

Isso aí em cima! ^^ E também as pequenas caixinhas de 'enviar', etc! Essa:

No css onde está border: 1px dashed #66b0cd; é a borda que ficará na sua caixinha, ex:

Nessa eu coloquei border: 1px solid #000000. mas você aprendeu outros tipos de linha ali em cima certo? :D
Table: Table são "divisórias", é como se fossem pequenos títulos dentro de um post, por exemplo:
<><><>

Isso é uma table!

color: #ff9999; é a cor da fonte que fica dentro da table, background-color: #fff4f4; é o fundo da table, perceba que essa aí em cima tem um fundo rosa clarinho! border-top: 1px dotted #ff9999; e border-bottom: 3px double #ff9999; são as 'linhas' de cima, e de baixo. E finalmente text-align: right; é o alinhamento do texto de dentro da table. Lembre-se: center: centro, right: direita e left: esquerda!

Disso você não pode esquecer:
Observe esse código:

/* ———— Fonte ————– */
p, a, body, td, tr, div {
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #66b0cd;
font-family: verdana;
line-height: 13px;
cursor: crosshair;}

Perceba que no final de cada 'coisa' tem o ;, por exemplo: font-size: 11px; Caso você retire, a 'parte' não irá funcionar, por exemplo, se você tirar o ; do cursor: crosshair;, o cursor não irá funcionar! E isso não serve só para as configurações da fonte não, são para todo o css!
Outra coisa:
Observe esse código:

Viu os { e }? Todas as 'partes' do css tem que começar com { e terminar com }.
Não entendeu direito a parte dos ; e nem dos { }? Simples, só você não ficar futucando muito o seu css, mude o necessário ^^
Após terminar de editar o css, salve como style.css, o nome não importa, apenas lembre-se de colocar .css no final do nome.
Agora que você salvou, hospede seu css,
Copie esse código abaixo, e cole no post do seu flogvip, ou em baixo da tag

<head>

(no caso de blog).

Pegue o link do seu css e coloque onde indica no código acima!
Pronto, o seu flog, ou a página do seu blog já está com css!

02 abril 2014

EFEITOS CAINDO NA TELA

(Copie o código e cole no seu gadget/javascript )

Macaquinho com balões

<script type="text/javascript" src="http://blogparts.giffy.me/0027/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/bp/"><img style="border:0;" src="http://blogparts.giffy.me/0027/parts.png" alt="フウセンとネコブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/" rel="nofollow">無料で面白タイピング！</a></p>
***********************************************************************
Passarinhos coloridos explodindo
<script type="text/javascript" src="http://blogparts.giffy.me/0018/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/bp/"><img style="border:0;" src="http://blogparts.giffy.me/0018/parts.png" alt="舞い上がるひよこブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/" rel="nofollow">無料で面白タイピング！</a></p>
*************************************************************************
Lhamas andando no rodapé do blog
<script type="text/javascript" src="http://blogparts.giffy.me/0050/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://twi1.me/" rel="nofollow" title="面白ハッシュタグ案内所"><img style="border:0;" src="http://blogparts.giffy.me/0050/logo.gif" alt="面白ハッシュタグ案内所" /></a></p><p style="text-align:center;font-size:12px;margin:5px 0 0 0;padding:0;"><a href="http://giffy.me/baby/bp/">横切るアルパカブログパーツ</a></p>
**************************************************************************
TULIPAS ANDANDO NO RODAPÉ
<script type="text/javascript" src="http://blogparts.giffy.me/0099/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/bp/"><img style="border:0;" src="http://blogparts.giffy.me/0099/parts.gif" alt="ブログパーツのギッフィーベビー" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/" rel="nofollow">楽しくタイピング練習！</a></p>
*****************************************************************************

PÉTALAS DE FLORES CAINDO(LINDO)
<script type="text/javascript" src="http://blogparts.giffy.me/0083/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/bp/"><img style="border:0;" src="http://blogparts.giffy.me/0083/parts.gif" alt="桜のあしあとブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/" rel="nofollow">楽しくタイピング練習！</a></p>
*****************************************************
Neste site:http://giffy.me/baby/bp/detail/blogPartsId/83/
Você encontra esses e mais uma infinidades de efeitos para seu blog.

COMO COLOCAR PLAYER NO SEU FLOGVIP

http://www.hypster.com/player/getPlayer_classicPlayer

Este é o código para colocar seu player.

Código aqui

<embed quality="high" style="width:370px; visibility:visible; height:450px;" type="application/x-shockwave-flash" height="370" width="450" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://www.hypster.com/flash/player.swf?id=5183639:6914343:0&autoplay=true" FlashVars="color_bg=0x573f3f&color_border=0x9A0000&color_box=0x9A0000&color_songbg=0xe8d8d8&color_song_clicked=0xd64d4d&color_Title=0x000000&color_btns=0x992020&color_title=0x000000" />
                            <br />
                            <a href="http://www.hypster.com/?src=player-text" style="font-weight:bold;font-size:12px">Get Your Own Free Hypster.com Playlist.</a>
                        No flogvip,coloque no post fixo e salve.

Visite o blog:www.http://www.delicadinhah.com.br/p/css-flogvip.html
Lá você encontra m uita coisa para seu blog e seu flogvip.
*******************************************************

Como colocar player no flogvip?

Aprendi com a ajuda de: Mommy Monster – Quinny Fabray
- Primeiramente cadastre-se no site Hypster, usado neste tutorial
Escolhendo músicas: Feito o cadastro, clique em “Search”. Abrirá uma página, na qual você pesquisará a banda ou música desejada. Quando inserir o nome do artista ou música aparecerá uma lista: se quiser ouvir a música, clique em “Preview” (a setinha azul); e se quiser adicionar a música à sua playlist, clique em “ADD” (cruzinha azul).
Se arrependeu de alguma música? Ao lado da tela de pesquisa fica uma caixa com as músicas escolhidas: basta clicar em “DELETE”.
Pegando o código: Feita a escolha da playlist, clique na fita cassete do lado direito da tela (Player Skins);
- Clique em Classic Player;
- Selecione “Enable Autoplay” se quiser que toque automaticamente quando abrir o flog e “Enable Shuffle Mode” se quiser que toque alternadamente;
- Copie o “Embed Code” (clique em “Copy”) e copie um link parecido com o seguinte (está no meio do código que você copiou): http://www.hypster.com/flash/player.swf?id=2771020:3222944:0&autoplay=false (modifique de “false” para “true”, para que toque automaticamente).
C

05 abril 2014

Credite por favor.

http://goodiescopykat.webs.com

02 abril 2014