Fazendo Seu Blog

Voltei e agora e pra valer

noreply@blogger.com (Wm-Séries) — Mon, 22 Aug 2011 02:45:00 +0000

Ola tudo bem?

Após um longo tempo sem publicar um post eu tinha desistido do blog mais decidi volta a ativa,deu um erro no blog que a maioria de nossas imagens sumiram então terei que refazer todos os posts que não ira demorar muito tempo pois tenho muitos posts publicados.

Tenho uma meta de publicar dois a treis posts por semana que considero uma boa meta de posts por semana .

E irei inaugurar novas áreas no blog como o leitor envia seu post ou sua ideia e queria pedir para os leitores enviarem ideias para a volta do blog pois queremos interação com os nossos leitores que eu achamos que e uma coisa muito importante para blogs que muitos outros blogs não tem então e isso se tiver algo a falar deixe um comentário.

Colocando Hack Leia Mais No Blog

noreply@blogger.com (Unknown) — Fri, 06 Aug 2010 17:54:00 +0000

Ola No Tutorial de Hoje vamos aprender a colocar um hack leia mais igual ao que eu uso nesse blog e muito eficiente também pode ser chamado de resumo de posts,serve para encurtar suas pastagens na pagina inicial do seu blog vamos usar um pouco de html tutorial bem fácil então vamos la.

1-Primeiro Entre na Sua conta Do Blogger e vá na aba de design e editar HTML.

2-De um Control+F e Procure por </head> e cole o código abaixo .

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

3-Salve o modelo e clique em Expandir modelo Widget e De um Control+F e procure por.

<div class='post-body'>
<p><data:post.body/></p> Ou Algo Semelhante dependendo do Seu Template então recomendo se não achar procura só por post-body e achar algo semelhante

4-Substitua o código que procuramos acima por o código abaixo.

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Continue lendo...</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

5-Agora já esta pronto mas temos que aprender como resumir os posts existem duas maneiras escolha a melhor para você.

Quando acabar de digitar a sua postgem cole <span id="fullpost"> aonde quer que a sua postagem seja resumida e </span> no final da postagem

Vá em Configuracoes>Formatacao>Modelo de Postgem>e Digite
Resumo da postagem
<span id="fullpost">
Digite o resto da postagem
</span>

6-Pronto esta feito se resumo de postagem espero que sigao o blog e vejao outras postgens ate a proximo Tutorial

Widget-Como colocar um Traduto No Seu Blog

noreply@blogger.com (Unknown) — Sat, 31 Jul 2010 03:26:00 +0000

Ola Hoje trabalhei em um Widget tradutor estilizado por mim adicionei bandeirinhas e ficou Bem Bem útil para quando estrangeiros entrarem no seu blog poderem traduzi-lo

O Widget

1-Vamos Adiciona lo Ao Blogger->Entre No Blogger e vá em->Design->Elemento De Pagina E Adicionar Um Widget.

2- Escolha Adicionar HTML

3-Adicione o Código Do Widget o Código era muito grande então Clique Aqui para pegar o código e cole onde a figura abaixo indica.

4-Pronto Salve e esta pronto para ser usado Obrigado Por favor não retire os créditos do widget.

Tutorial-Compartilhar postagens em redes sociais integrado ao Blog

noreply@blogger.com (Unknown) — Thu, 29 Jul 2010 01:39:00 +0000

Ola a alguns dias o blogger lançou botões para com partilhar suas pastagens na principais redes sociais como twitter,facebook e outros.
Esse processo e muito simples e não necessita mecher com html e outras coisas que são complicada para alguns então o blogger fez uma grande coisa para nos.Veja o meu Tutorial Abaixo.

1-Escolha o blog ao ser adicionado os Botões de Compartilhamento

2-Seleciona a aba Design

3-Selecione o Campos de Posts e clique em Editar

4- Marque a Caixa (Mostrar botões de Compartilhamento)como mostra o abaixo e organize onde esta de azul onde os botes irão ficar e clique em Salvar

Widget-Como colocar um slide personalizado no seu blog

noreply@blogger.com (Unknown) — Sun, 18 Jul 2010 05:55:00 +0000

Ola hoje trouxe um novo Widget ao blog ele e um tipo de slide elegante onde voce pode colocar objetos que voce quer dar destaque e muito facil e bonito e elegante e voce pode escolher o tamanho e lugar onde voce colocara o seu widget olhe a imagen do gadget se voce ainda nao conhece ele e uma boa forma de dar destaque para seu blog,

Vamos as Instrucoes eu Recomendo a baixar o modelo do seu layout(Editar html,baixar modelo completo)

1-Vá em Layout>Editar HTML
Use a tecla CTRL+F e procure por:

</head>

2-E Logo apos o codigo a cima cole o abaixo:

<script src='http://www.yourjavascript.com/12300300114/mootools.v1.11.js' type='text/javascript'/>
<script src='http://www.yourjavascript.com/10162001424/jd.gallery.js' type='text/javascript'/> <link href='http://api.ning.com:80/files/SN3eeozgUFWu*rJrzfJnsEuXtQuTxjUiS6nF2kD5NjG*p341SM0ecKKlIYZHbbNpw-19mQEl257b2cGsvHx8uVz-IyRDaVdN/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/>

Agora procure por:

]]></b:skin>

Antes dele cole o trecho abaixo personalizando de acordo a

dimensao do widget:

#myGallery{ width: 200px !important; height: 100px !important; overflow: hidden; }

Nota: Width é a largura, Height é a altura.

Salve as alterações

Vá em Design->Elementos da página->Adicionar um Gadget->HTML/JavaScript

Agora cole personalizando de acordo com oque esta escrito:

<script type="text/javascript"> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: true, showArrows: false, showCarousel: false }); } window.addEvent('domready', startGallery); </script> <div id="myGallery"> <div class="imageElement"> <a class="open" href="url do endereco do post"/> <img alt="Otimizando os títulos das postagens" src="Url da Imagem" class="full"/> <h3>Texto</h3> <p>Texto </p> </a></div> <div class="imageElement"> <a class="open" href="url do endereco do post"/> <img src="Url da imagem" class="full"/> <h3>Texto</h3> <p>Texto</p> </a></div> <div class="imageElement"> <a class="open" href="url do endereco do post"/> <img src="url da imagem" class="full"/> <h3>Texto</h3> <p>Texto</p> </a></div>
</div>

AGORA PRONTO ESTA FUNCIONADO ESPERO QUE TENHAO GOSTADO COMENTEM E SIGAO O BLOG NO WIDGET NA SIDEBAR.

Como Colocar Um Widget De Onde Sao Seus Visitantes(Atualizado)

noreply@blogger.com (Unknown) — Sat, 17 Jul 2010 07:12:00 +0000

Ja pensou em saber de onde vem seus visitantes?Sim, então hoje e o seu dia de sorte pois trouce um tutorial de um Widget que permite saber a localidade do seus vistantes legal né?Eu achei muito interessante e pretendo colocar aqui no blog enta se quiser também esse espetacular Widget siga o tutorial abaixo.

Links do Tutorial:http://feedjit.com/plansPricing/

Passo 1-Escolha o plano grátis como mostra a figura.

Passo 2-Preencha o formulário de cadastro.

Passo 3-Escolha a cor e o tamanho do Widget e clique em go.

Passo 4-Clique onde esta indicado na figura para abrir a janela de instalação

Passo 5-Clique em adicionar widget.

Passo 6-Escolha a posição do Widget e salve.

Pronto agora e só usar o seu Widget e saber de onde seu visitantes são se você gostou do tutorial deixe um comentário e ate a próxima.