Mostrando postagens com marcador Dicas. Mostrar todas as postagens

Como arrumar a formatação da data

Para formatar a data, pra ficar igual a do meu blog, ou dos templates free que eu disponibilizo, farei esse tuto que é bem facinho.

Vá em Configurações - Idioma e formatação

E deixe a formatação exatamente como esta no print.

Prontinho

babinha neh ?

Como instalar templates na nova interface do blogger

Boa noite, pessoal

Percebi que tem muita genti que esta com dificuldades para instalar os templates nessa nova interface do blogger, então vou fazer um tuto com prints bem facinho pra vocês.

Ai vai

Primeiramente você vai em Modelo - Fazer backup/Restaurar

Vai abrir essa telinha, como esta no print:

Clique em Escolher

Vai abrir uma janela, onde vc vai escolher a pasta que salvou o arquivo .xml do template, e clicar sobre ele e em seguida clicar em Abrir

Agora clique em 'Fazer upload'

Pronto seu template estará instalado.

E ai gostaram do tutorial ?

Como adicionar fotos com links no blogger

Olá pessoal, hoje irei mostrar atravéz desse tutorial como adicionar imagem com link na postagem ou páginas no blog.
É o seguinte, vc adiciona uma foto clicando no botão circuladinho na imagem abaixo:

Vc vai clicar na imagem adicionada até ficar azul, e clicar em LINK, que esta do lado do botão de adicionar imagem. Como no print abaixo:

Clica fora no branco, para desfazer a marcação

Clique de novo na imagem e em link novamente vai aparecer uma caixinha como no print abaixo:

Coloque o endereço a ser direcionado em "Endereço da web"

e clique em OK

Pronto

Agora a imagem ao clicar redicionará ao link que colocou.

Facinho neh ?

Como mudar a cor da letra dos posts

Para mudar cor das postagens basta fazer uma postagem normalmente clicando em "Nova Postagem" e em HTML e escrever o seguinte código:

<font color="#CÓDIGODACOR">seu texto</font>

Vou colocar tbm alguns códigos de cores para utilizar:

#ff8fd9

#c48fff
#8ef2ce
#f9a756
#e856f9
#56f3f9
#a803fd
#fd0390
#c31a6e
#fb439e
#f785fe
#EAADEA
#EE0000
#fe85d2
#ae00ae
#007fae
#76e127
#a627e1
#2730e1
#aeb2fe
#feaef9
#feaeb4
#128c14
#feb0ae
#454543

#f9fc01
#FF8247

#e42bff

#d372fc

#7572fc

E aí gostaram da dica ?

Tutorial: Como colocar o like bok do facebook em seu blog

Oiee pessoal, hoje vou ensinar como colocar o like box no blog, que eu to vendo que ainda tem muita gente com dificuldade, e não tem segredo, tem um monte de tutoriais na internet ensinado, e eu vou ensinar aqui no Marih Design também.=]

Vamos lá

Esse gadget o facebook disponibiliza gratuitamente, para colocar você tem que acessar esse link, nele você também vai personaliza-lo escolhendo as cores, ajustando o tamanho para que caiba direitinho na sua barra lateral etc. Vamos ao print pra entender melhor essa parte.

Bem vamos lá a explicação de cada item:

Facebook page URL: o endereço do seu facebook ou da sua fanpage.

Width: é a largura do seu like box (uma dica pra saber a largura exata da barra lateral do seu blog é adicionar um gadget de imagem, e quando vc vai adicionar a foto não fica em baixo marcado "Reduzir para ajustar - A imagem será reduzida para 'tantos'px de lagura", pois então essa quantidade de px que mostra ali é exatamente a largura da sua barra =D.)

Height: é a altura que você quer que o teu like box tenha.

Color Scheme: aqui você escolhe a cor ou Light que tem o fundo branco ou Dark com o fundo preto.

Show Faces: se você seleciona-lo o avatar de quem curtiu irá aparecer, é opcional.

Stream: se você seleciona-lo os últimos comentários na sua pagina do facebook aparecerão, é opcional.

Header: é aquela parte azul do cabeçalho, marque essa opção caso queira que ela apareça.

Ao terminar clique em Get Code vai abrir um quadro como o que esta abaixo:

Clique em IFRAME copie o código e cole num gadget de HTML/Javascript. E pronto sua like box estará instalada com sucesso.

E ai gostaram do tutorial.

Até a próximo post.

Tutorial: Efeito de estrelinhas caindo do mouse

Minha mãe viu esse efeito de estrelinhas no mouse de um blog e achou lindo, ai eu fiz pro blog dela hehe... ela ficou tão feliz, ai resolvi ensinar aqui pra vocês como faz pra colocar no blog de vocês também.
Primeiro podem ver como ficou no blog dela: http://siltrico.blogspot.com.br/.

Bem vamos começar, você vai em Design - Editar HTML dá um Control F para procurar e procure por <head> ok?
Agora você cola o codigo abaixo imediatamente depois dessa tag <head> que você encontrou

<script type="text/javascript">
// <![CDATA[
var colour="#FF1493"; /* Cor das primeiras estrelinhas que caem do mouse */
var colour3="#FF69B4"; /* Cor das últimas estrelinhas */
var sparkles=70;

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);
var rats=createDiv3(5, 5);

rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rlef=createDiv3(1, 5);
var rdow=createDiv(5, 1);
var rdow=createDiv3(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);
}

function createDiv3(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=colour3;
return (div);
}
// ]]>
</script>

Para editar você vai lá em cima logo no primeiro paragráfo de codigo:

<script type="text/javascript">
// <![CDATA[
var colour="#FF1493"; /* Cor das primeiras estrelinhas que caem do mouse */
var colour3="#FF69B4"; /* Cor das últimas estrelinhas */
var sparkles=70;

E ali onde estiver de outrar cor é onde você vai fazer as alterações, mudando a cor das estrelinhas, substituindo o código da cor que esta ai pelo código da cor que deseja, para saber o código das cores basta acessar esse link.

E onde esta " var sparkles=70;" é a quantidade de estrelinhas que caem do mouse.

E ai gostaram da dica ?
Espero que sim .... Até a proxima ....

Outra dica sobre botões de compartilhamento

Bem pessoal percebi que tem algumas pessoas que não conseguiram colocar os botões de compartilhamento usando a dica que eu coloquei no outro post - nesse link, então hoje vou dar uma outra dica se aquela não funcionou com você:

Ai vai:

Vá em Painel de controle > Design > Editar HTML > Clique em expandir modelos de widgets e procure (control + F) por <p class='post-footer-line post-footer-line-3'> ou <div class='post-footer-line post-footer-line-3'> e cole imediantamente após o código abaixo:

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

Como centralizar imagens nos gadgets

Oie pessoal, hoje vou ensinar vocês a centralizar imagens no gadget, muito útil não?

Bem vamos lá !

Vou separar esse tutorial em passos ...

1º Passo - Adicionar um gadget de HTML/Javascript, para add vá em Design-Elementos da pagina-Adicionar um Gadget.

2º Passo - Cole esse código abaixo:

3º Passo - Onde esta o link http://marih-design.blogspot.com.br/ substitua pelo link na qual você queira direcinar.

4º Passo - Hospeda a imagem em um site de hospedagem como ImageShack, TinyPic, entre outros.

5º Passo - Pegue o endereço da imagem http://img577.imageshack.us/img577/3552/linkmeml.png e substitua pelo endereço da sua imagem.

Facinho neh ?

Até a proxima postagem ...

Icones redes sociais personalizados

Oie pessoal, hoje eu trouxe mais uma novidade pra vocês, são icones de redes sociais personalizados por mim, tem de cupcakes, de ursinhos muito fofinhos e até de uns homenzinhos engraçados, e em breve postarei mais !

3 Icones de cupcake para Facebook, Twitter e Yahoo - download AQUI .

10 Icones de ursinhos com corações para Facebook, Twitter, Orkut, Youtube, Yahoo, RSS, Myspace, Frickr, Reddit, Skype - download AQUI .

6 Icones de homenzinhos para Facebook, Twitter, Youtube, RSS, Frickr, Reddit - download AQUI.

Para colocar os icones lado a lado no seu blog basta ir até Design - Elementos da página e adicionar um gadget de HTML/Javascript e inserir esse seguinte código:

Você utiliza <div style... até </div> para cada icone que for acrescentando.

Lembrando que a imagem (icone) tem que estar hospedada num site de hospedagem de imagem como o ImageShack, TinyPic, entre outros.

E ali onde fica width você pode ir alterando o tamanho em porcentagem.

Bem pessoal, gostaram ?

Esses icones estou disponibilizando free pra quem quiser, so deixa um comentário se for levar pra você ok?

Aproveitem e até a proxima postagem ...

Como colocar emoticons nos comentários

Eu hoje vou passar um dica pra vocês que eu particularmente achei muito legal, colocar emoticons como de msn nos comentários das postagens.

Vamos ao que interessa, para coloca-los você antes de tudo tem que ir em Configurações > Comentários e na Posição do formulário de comentários escolha a opção: Postagem abaixo incorporada.

Após isso você vai em Design - Editar HTML marque a opção 'Expandir modelos de widgets' da um Control F e procure por:

data:blogCommentMessage

Acima dessa linha cole isso:

Salve o modelo e depois precione Control F de novo e procure por: </body>

E colo este código antes dele:

Salve e veja o resultado.

Ainda é possível também alterar os emoticons, veja:

Para cada emoticon temos essas linhas de código:

_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD9jCZGrXBfkBQIG74kM8wcZoRwukCjh2KxuGxJVlodZMA7Q2ITV8astGbaq_pIWY-cpf9z3EqReI7KkKk-l6uJ8RRC08HoEOXNT_J8FpdIlLCTeGWmKFk80bi6NhEY2CwFET2HSZje5E/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD9jCZGrXBfkBQIG74kM8wcZoRwukCjh2KxuGxJVlodZMA7Q2ITV8astGbaq_pIWY-cpf9z3EqReI7KkKk-l6uJ8RRC08HoEOXNT_J8FpdIlLCTeGWmKFk80bi6NhEY2CwFET2HSZje5E/s800/emoticon-0103-cool.gif'/> :k
 

Para alterar o emoticon basta que você troque o endereço que esta em cada uma delas, pelo endereço do emoticom que deseja por, lembre-se é preciso substituir os dois endereços do código pelo novo, cada cádigo desses representa um emoticon, tá

Espero que tenham gostado da dica, eu já coloquei aqui no blog...

Dica: Botões de compartilhamento

Bem, a principio colocar botões de compatilhamento no blog é uma tarefa fácil, basta ir em Design - Elementos da página no item "Postagem no blog" clicar em "Editar" e selecionar a opção para que apareça os botões de compartilhamento, certo? Como na imagem abaixo...

Porém, nem sempre dá certo apenas marcar a opção (uma falha do blogspot, por sinal), se o seu não deu, não se desespere, existe um código, uma linhazinha de código apenas que irá resolver esse problema...

Bem agora é preciso que você já em Design - Editar HTML, marque a opção 'Expandir modelos de widgets' e tecle 'Control F' no seu teclado para procurar, e procure a seguinte linha de codigo:

]]></b:skin>

Imediatamente acima dessa linha cole o codigo abaixo:

.share-button {display: inline-block;}

E prontinho, depois salve o modelo, teste e veja como deu certo essa linhazinha acrescentada em seu código...

Espero que tenham gostado da dica...

Como arrumar a formatação da data

Como instalar templates na nova interface do blogger

Como adicionar fotos com links no blogger

Como mudar a cor da letra dos posts

Tutorial: Como colocar o like bok do facebook em seu blog

Tutorial: Efeito de estrelinhas caindo do mouse

Outra dica sobre botões de compartilhamento

Como centralizar imagens nos gadgets

Icones redes sociais personalizados

Como colocar emoticons nos comentários

Dica: Botões de compartilhamento

Marcadores

Arquivo do blog

teste novo marih

About me

Quem sou eu

Formulário de contato

Seguidores

Visitante

Arquivos

Busque no blog

Pesquisar este blog

Find Us On Facebook

Flickr Images

Popular Posts

Video Of Day

Páginas

Flickr

Páginas

Flickr Images

Popular Posts

Instagram

Youtube