Mostrando postagens com marcador tutoriais. Mostrar todas as postagens
Mostrando postagens com marcador tutoriais. Mostrar todas as postagens

quinta-feira, 22 de dezembro de 2011

mini gif no postado por e nos marcadores

Oie meus ursinhos!!!
Com a ajuda do trechy teen faço mais um tutorial.
para colocar o mini gif no postado por vá em Design Editar html e na página do html , marque a opção
'' expandir modelos de widgets ''.
Feito isso pressione as teclas : Ctrl + F , e procure por :
<b:if cond='data:top.showAuthor'>
Quando o código aparecer logo ao LADO direito dele coloque o código abaixo substituindo a parte em negrito pela url do meu mine gif  que ficará no link postado por:
<img src='URL DO MINE GIF' style='border:0px;'/>



para colocar mini gif nos marcadores:
na mesma páigna do html com a opção :
'' expandir modelos de widgets '' marcada , pressione Ctrl + F e procure por :
<b:if cond='data:post.labels'>
E também logo ao LADO direito dele coloque o código abaixo substituindo a parte em negrito pela url do mine gif .<img src='URL DO MINE GIF' style='border:0px;'/>

Mini gif nos comentários

Olá queridos cupcakes!Com a ajuda do trechy teen eu estou fazendo este tutorial para ensinar a colocar mini gif.é super fácil:
 vá para Design -> Editar html do seu blog e na página do código marque a opção '' expandir modelos de widgets".Pressione : Ctrl + f e procure por :
post-comment-link'>
Logo abaixo dele coloque o código abaixo substituindo o trecho em roxo pela url da sua imagem

<img src='url da sua imagem' style='border:0px;'/>
Aqui tem um site com mini gifs legais.

É natal!

No natal ganhamos presentes,nos juntamos com a família e decoramos a casa!
Além da árvore, minha mãe quis dar contrl+C em uma vila bonitinha de uma loja e deu contrl+V na nossa mesinha da sala.Claro que ela foi no paint e atualizou de acordo com os recursos do nosso sistema e ficou até melhor.Aqui vou ensinar passo a passo de como fazer aquela vila.


-Você vai prescisar de:
1-isopor
2-Casinhas(quantas quiser)
3-árvores de maquete(vendidas em papelarias)
4-tecido Atoalhado ou veludinho(não pode ser veludo por que é muito grosso)
5-tinta ou mini bolinhas de isopor
6-papel metalizado azul para presente
-Primeiro passo:o isopor
O isopor foi cortado para criar certas variações na maquete
-Segundo passo:o tecido
Coloque o tecido por cima dos pedaços de isopor criando o chão de neve.
-Terceiro passo:as casinhas
As casinhas são de sua preferência e gosto.Caso queira por algo como um papai noel saindo com as renas ou uma arvore pequena ao invés das casinhas,não tem problema.
-Quarto passo:as árvores
As árvores podem ser compradas em papelarias e a tinta também.Para aplicar a tinta você pode passar o pincel devagar pelos galhos(não de um em um senão demora muito)para parecer que nevou.No caso da bolinhas passe o pincel do mesmo jeito só que com cola e depois jogue o mini isopor por cima.
-Quinto passo:diversos
Você pode usar objetos como animais e papai noeis para decorar melhor sua vila.No meu caso eu coloquei uns cachorrinhos da minha irmã.
-Sexto passo:o lago
Recorte o papel azul para em brulho e faça a forma de um lago.Depois utilize um cordão(como eu fiz)ou qualquer outra coisa para delimitar o lago.

sábado, 17 de dezembro de 2011

Porquinho no post

Oiep!
vocês repararam que os posts tem um porquinho,né?
então,isso só foi realizado com a ajuda do blog Pink Girls Pfs e eu vo explicar aqui como se faz.
Primeiro escolha um gif.
Depois entre em design>editar html marque "expandir modelos widgets"
aí vc dá contrl+F e procura:
data:post.link'><data:post.title/></a>
quando achar,em baixo dessa frase, tem uma outra tag:
<b:else/>
Então você cola ao lado dessa tag:
<img src='URL DA SUA IMAGEM' style='vertical-align: middle;'/>
Feito isso,no url da sua imagem cole a url do gif escolhido e pronto!
não se esqueça de testa primeiro no blog teste!!!

quinta-feira, 15 de dezembro de 2011

Button

Oiep!Aqui é a pinketty com mais um tutorial para vocês(claro que com a ajuda da didis)
Este é sobre como fazer um button.Primeiro você baixa o photo filtre.Então você escolhe uma imagem e abre uma nova aba(contrl+n) com o tamanho 300X300 e faça um círculo com uma ferramenta chamada eclipse.Escolha uma cor e clique no balde.Copie a imagem que você tinha escolhido,e clique com a setinha(ferramenta A.J),clique com o botão direito e escolha a opção "paste in" e depois "adjust size".assim que você tiver colado a imagem dentro do button,clique em Filter-stilyze-drop shadown.Quando terminar de fazer isso clique de novo em filter-stilyze-countorn 3D.Depois de fazer isso,selecione um quadrado(com a setinha),clique com o botão direito e selecione a opção "Crop Image",e coloque em volta do button uma cor que você quer(pode ser qualquer uma,de preferência uma que você não tenha usado ainda),e depois deixe transparente.
Creeditos: didis

Html no blog

Pessoinhas!!!
Esse tutorial é para quem quer colocar a caixinha do seu banner para fazer parceria e tal.
Você já tem que ter o banner/selo pronto quem não tem indico onde fiz o meu : my banner maker
é muito fácil fazer.
Depois de pronto vá em Design -> Elementos da Página -> Adicionar um Gadget -> HTML/JavaScript. Cole o seguinte código na caixa de texto e faça as devidas modificações:


<div class="separator" style="clear: both; text-align: center;">
<a href="URL_DE_SEU_BLOG"><img border="0" src="URL_BANNER" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Divulgue este blog</b></div>
<form>
<div style="text-align: center;">
<textarea cols="40" name="myForm" rows="1" wrap="virtual">&lt;div class="separator" style="clear: both; text-align: center;"CÓDIGO_BANNER</textarea>
<b><span class="Apple-style-span" style="font-size: x-small;">Criado por </span><a href="http://www.desenvolvimentoblogger.com.br/"><span class="Apple-style-span" style="font-size: x-small;">Desenvolvimento Blogger</span></a></b></div>
</form>



Substitua URL_DE_SEU_BLOG pela URL de seu blog, URL_BANNER pela URL do banner que você criou e hospedou e CÓDIGO_BANNER pelo código de seu banner. Salve o widget e confira como ficou o resultado. Com esse widget, ficou mais fácil fazer parcerias com outros blogs através de banners. Pode utilizá-lo a vontade, mas lembre-se: não retire os créditos!
não se esqueçao de testar no blog de testes para não terem surpresas.


Esse tutorial foi feito com a ajuda desse site.
espero que tenham gostado!
beijos,
pinketty

Estrelinhas

Pessoinhas que estão vendo meu blog,
vou (com a ajuda da didis) escrever um tutorial sobre aquelas estrelinhas que ficam caindo nos blogs fofinhos(o que não é o caso do meu).
 vá para Desing-> Editar HTML,dê Ctrl+f,uma barrinha de busca vai aparecer.Nela,você digita:</body>.
digite este código antes da linha que acaba da achar:
<script type='text/javascript'>
// <![CDATA[
var colour="#FFD700";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
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;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Não se esqueça de fazer isso no seu blog de testes(todo o blogueiro(a) tem um)
e se quiser escolher a cor entre nesse site.
quando escolher a cor dê contrl+f e procure por: var colour="#FFD700";
Apague essa parte:#FFD700, e troque pelo código da cor que você escolheu.


quero agradeçer à didis por esse tutorial.aproveita e dá uma passadinha