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

19 de janeiro de 2010

Recupere seus arquivos compactados que se corromperam Com Object Fix Zip



O Object Fix Zip repara os arquivos compactados no formato zip e pode reconstruir a parte não danificada em separado. A partir daí, o usuário poderá extrair e ter acesso aos dados que deseja.
Para utilizar o programa e salvar os seus arquivos basta seguir quatro simples passos

1º passo
Você informa onde está o zip que deseja recuperar, clicando em Add;

2º passo
Neste passo se define o que fazer com o zip. As opções disponíveis são:

- testar a integridade dos arquivos compactados;
- reparar o zip corrompido (tenta criar um novo);
- extrair o conteúdo para uma determinada pasta.
3º passo
O início da varredura do arquivo é automático e o processamento pode ser interrompido a qualquer momento, basta clicar no stop. Para reiniciar, clique em start. Porém, lembre-se que ele não continua de onde parou e retoma o processo do início. É possível, no entanto, acompanhar o que está sendo feito, numa tela de log.


4º passo
Na última etapa é definido o que fazer com o que se recuperou.
Você pode escolher entre explorar o zip recuperado ou  explorar os arquivos extraídos

Simples não :)

23 de novembro de 2009

Efeito Page Flip

rss3subscribeImg
Gente confesso que quando vi este recurso no Blog da mamanunes quase cai para trás, me recompus limpei os olhos e vi que era verdade, um recurso super lindo que só tinha visto antes em sites profissionais, trata-se de um hack que dá o efeito que eu chamo de "folha de caderno". E um icone que fica lá no inicio da pagina e quando se passa o mouse ele abre como uma folha de caderno com uma mensagem da sua escolha.OK chega de apresentações vamos deixar que o hack fale por si.


Para instalalo:

1- Copie o código abaixo de </head> .

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>

Troque o trecho em vermelho para alterar a imagem de exibição

2- Agora procure pela tag <body> e DEPOIS dela, cole o código abaixo:
 <div id='pageflip'>
<a href='http://feeds.feedburner.com/manhasbloggerfeed'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

Substitua meu endereço (em vermelho) pelo seu endereço Feed.
Cli em “Visualizar” e se estiver tudo bem, clic em “Salvar Modelo” 

14 de novembro de 2009

Inseririndo uma mini barra de navegação no Blogger

Mini barra de navegação
Com a instalação de uma mini barra de navegação, como aqui está na imagem acima, você oferece ao seu visitante mais uma forma de navegação interna no seu blog e também dá uma realçada na aparência do template. Ela é muito simples de ser instalada e o resultado final é muito bom.

Colocar essa mini barra é muito simples,para isso basta , adicionar um código no template do seu blog e assim desfrutar desse recurso.

Entre em Layout -> Editar Html.

Com a ajuda do Ctrl + F encontre </body> e cole antes dele o código abaixo.

<style type='text/css'>

<!--
#mininavbar
{
display:scroll;
position:fixed;
bottom:1px;
right:1px;
z-index:99;
}
#mininavbar a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mininavbar img
{
border:0;
}
#mininavbar a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
-->
</style>
<div id='mininavbar'>
<a href='endereço do seu feed' title='Assine nosso Feed'><img src=' http://img403.imageshack.us/img403/8783/minifeed.png'/></a> <a href='endereço do seu Twitter' title='Siga-me no Twitter'><img src=' http://img530.imageshack.us/img530/4108/minitwitter.png '/></a> <a href='endereço do formulário de contato' title='Entre em contato'><img src=' http://img169.imageshack.us/img169/7320/minicontato.gif'/></a><a href='#' title='Topo da página'><img src=' http://img401.imageshack.us/img401/2894/iconup.gif '/></a>
</div>
Os trechos em vermelho devem ser trocados pelos dados do seu blog.

Pronto. Visualize e se tudo estiver certo, salve.
[Bloggernaweb ]

9 de outubro de 2009

Widgets na página inicial ou em uma URL específica



Ok, hoje eu irei ensinar como colocar widgets em algumas paginas.O recurso pode ser usado tanto napagina inicial, nas paginas das postagens ou em qualquer outra URL. Dai é só vocês usarem aimaginacão e não isagerarem



1 - Faça Login no editor de seu blog.

2 - Então clique em "Layout".

3 - Clique em "Editar Html".

4 - Marque a caixa "Expandir modelos de Widgets".

5 - Agora encontre o widget que você deseja mostrar apenas na página inicial ou em alguma página de postagem específica. Se você adicionou um título ao widget procure pelo título (DICA: aperte Ctrl + F para usar a busca de seu navegador). Caso o widget não tenha um título, vá em "Elementos de Página" e dê um título a ele (poderá ser removido depois).


6 -  Após encontrar o widget encontre a seguinte parte de código:

<b:includable id='main'>

7 - Logo abaixo deste código cole o código desta forma:

* Para mostrar o widget apenas na página inicial: 

<b:if cond='data:blog.url == data:blog.homepageUrl'>

* Para mostar em todas as páginas de postagens:

<b:if cond='data:blog.pageType == "item"'>

* Para mostrar em apenas um página de postagem específica:


<b:if cond='data:blog.url == "ENDEREÇO DO POST"'>

Neste caso modifique onde está escrito: ENDEREÇO DO POST pela url da página que deseja.

8 - Tendo feito estes passos agora precisamos fechar a tag. Encontre o código:

</b:includable>

9 - Imediatamente antes dele cole o seguinte código:

</b:if>

agora visualize seu blog para certificar que não há erros e depois salve. Tudo pronto, agora é só aproveitar da melhor forma que desejarem.

26 de agosto de 2009

Postagens resumidas com imagens diretamente no blogger

Ontem estava eu procurando em meio a tantos gadgets do blogger, algum que me prestace,foi quando eu achei este o Postagens resumidas advanced.Que nos permide colocar manchetes com as ultimas postagens ou ate mesmo substituir as postagens longas por estas.

E super facil e você escolhe o numero de postagens mostradas






Entao vamos lá!!!
 va no painel da sua conta no blogger, entre no seu blog , ai você coloca em layout e adcionar novo gadget.
Atençao: este recurso nao se encontra logo na primeira pagina é preciso ir em mais gadgets e ir pasando de pagina em pagina ate achar,Recent posts advanced 

( Voce pode ate achar outro, mais este nao deixa com as imagens) ai é so escolher o numero de postagens que deseja exibir, salvar e pronto

29 de julho de 2009

Destacando os comentarios do altor no blogger


Bom hoje em dia é muito comun o autor interagir com os leitores por meio dos comentarios e é uma coisa muito boa pois acaba insentivando o leitor a voltar mais vezes. Mais as veses quen esta de fora da comversa fica boiando por não saber quen é o dono do blog e quen é o leitor e este blog stava mais ou menos assin foi pensando nisso que eu dei uma pesquisada e encontrei esse tutorial do novo na rede utilizei aprovei e estou repasando com algumas melhorias. <span id="fullpost">

Vamos Começar:

Primeiro vá até a parte de edição de html e salve uma cópia do seu template (é só clicar em "Baixar modelo completo" e escolher um local no seu computador onde vai guardar seu modelo). Depois clique na caixinha "Expandir modelos de widgets" e então, procure pelo trecho abaixo e adicione a parte que está em Negrito.


<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:includedata='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Feito isso, suba um pouco no template e procure pelo trecho abaixo, também acrescentando a parte que está em Negrito.

#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#C3FDB8;
}

Salve o template e confira o resultado.

Qualquer duvida não exite em comentar
.
</span>