skip to main | skip to sidebar
terça-feira, 16 de fevereiro de 2010

O Seu Blog Versão Mobile

Publicada por CAOS CASLAS SECURITY

Webmaster Blogger Tools, Help, Hacks, Tips & Trics. Tenha um Blog Mobile version.

 O seu blog versão para Telemovel

É sempre bom ter uma versão do blog para Telémovel, pois apesar de toda a tecnologia disponivel nos Telemoveis, ainda existe um grande problema ao nível da navegabilidade em Websites e blogs. Pelo fato das telas serem de baixa resolução.

Existem muitos templates com resolução de 980px de largura, e superior, em quanto que a maior parte dos Telemoveis tem uma resolução abaixo dos 300px;

A solução é criar uma versão mobile para o seu Website:

1º - Entre no site: MoFuse (www.mofuse.com);
2º - Digite o endereço do seu blog no campo “Enter yout blog’s URL or RSS feed here.“, e clique em “Mobilize”;
3º - Preencha a ficha com os dados do seu blog, selecione a box “Yes, I agree to the Terms of Service and Privacy Policy. Now give me a mobile site!“ e salve!

A versão mobile está pronta! Agora é só divulgar o link para ser acedido via Telemovel: nomedoblog.mofuse.mobi.

Leia mais sobre o assunto clicando aqui!
Caso queira adicionar algum botão no seu blog, basta usar o código: Imagem linkada.

Bloguer Help Hack Resize Blogger Comment Box

Publicada por CAOS CASLAS SECURITY

Webmaster Blogger Tools: Bloguer Help Hack Como Reduzir o espaço em excesso abaixo da Comment Box do Blogger

Ajuda Bloguer Help Hack Como Reduzir o espaço em excesso abaixo da caixa de Comments do Blogger (Blogger Comment Box)

Ajuda Blogger, Hack para Retirar o espaço em excesso abaixo da caixa do formulário de comentáriosdo Blogspot Blogger.

Por defeito, a maioria dos templates do Blogger exibe um espaço excessivo abaixo da caixa do formulário de comentários, a Blogger commets Box.
Trata-se de um problema que deixa o blog inestético, mas é fácil de resolver, com uma pequena alteração no código HTML do Template do Blogger. Com este Hack, o Blog fica muito máis Sexy.

O problema está na altura do iframe do formulário. Resolvemos isso de forma simples: diminuindo a altura deste iframe.

Como Fazer?

- Faça login no Blogger, entre em “Layout” -> “Editar HTML”;

Atenção: Antes de Efectuar alterações, faça um Backup do Template do seu Blogger


- Marque a caixa: “Expandir modelos de widgets”;


- Procure (Ctrl + f) por:

<iframe
Observação: vái encontrar uma linha de código deste tipo
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

- Dentro deste iframe, procure por:

height=
- Dentro de height, entre as aspas existe um valor.
Exemplo: height='410'

Altere esste valor pouco a pouco salvando e testando cada alteração feita.
É necessário salvar e visualizar cada alteração, pois a altura varia de acordo com os templates, por isso tem que ir testando até achar a altura adequada.

Experimente:
height='410' mudar para:
height='400', ou para height='390'

Encontre a melhor altura e o blogger vái ficar muito mais cool e Sexy.

quinta-feira, 11 de fevereiro de 2010

Ajuda Blogger Help Instal AddThis Bookmarklet Hack

Publicada por CAOS CASLAS SECURITY

Webmaster Website Blog Blogger Tools Hack To AddTis Bookmartlet Bokmarking Tool no Blogger
Blogger Help Hacking Tools How to Instal AddThis Sharing Bookmarklet Tool Widgets on Blogspot Blogger

Como Instalar no Blogger a ferramenta Widget de bookmarking AddThis Bookmarklet Tool?

Para Instala a ferramenta de Bookmarking, AddThis Bookmarklet e poder facilitar aos leitores do seu blog o Bookmarking do Blogger Blog nas redes sociais (Social Networks): del.icio.us , StumbleUpon, Digg, Twitter, Facebook, Orkut, Technorati, DoMelhor e muitos outros, é extremamente simples.

Para você adicionar esta tipo ferramenta ao blogger, é simples, vai ao site ADDTHIS, escolhe a plataforma blogger, escolhe o modelo de bookmarking e clique sobre o link GET YOUR BUTTOM

A instalação automática geralmente vai direto na sidebar, mas caso você deseje colocar o bookmarking no footer das postagens, leia a explicação abaixo.

Para fazer a instalação do AddThis Bookmartlet, a AddThis Bookmarking Tool no rodapé das postagens, entre no painel do blogger, LAYOUT, clique em EDITAR HTML, EXPANDIR MODELOS DE WIDGETS.

Procura a linha de código HTML abaixo: (Importante - Faça um Backup do Template do seu Blogger Blogspot Blogue antes de efectuar qualquer alteração)

<div class='post-footer'>
Se não encontrar a linha de código acima, procure por esta:
<p class='post-footer-line post-footer-line-1'>

E cola o código gerado no site ADDTHIS abaixo da linha, ficando como exemplificado abaixo.

<div class='post-footer'>
 <!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=XX-XXXXXXXX' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_myspace'></a>
<a class='addthis_button_google'></a>
<a class='addthis_button_twitter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=XX-XXXXXXXXXX"></script>
<!-- AddThis Button END -->

segunda-feira, 8 de fevereiro de 2010

Hack Modify Blogger Page Navigator

Publicada por CAOS CASLAS SECURITY

Webmaster Website Blog Blogger Tools Hack To Modify Blogger Page Navigator


Modificar o navegador de páginas do blogger, é um hack extremamete simples de efectuar e um must para quem quer dar um toque mais cool ao blog, blogspot.com, o Blogger da Google.

Como colocar este hack no seu blogger blogspot?

Para editar e modificar o navegador do blogger, siga estes passos:

>> ESQUEMA (LAYOUT)

>>> EDITAR HTML

>>>EXPANDIR MODELOS DE WIDGET

IMPORTANTE:

Antes de se fazer qualquer alteração no template do blogger,  faça sempre um backup do template, assim se algo correr mal, se acontecer algum erro durante a personalização do Blogger, é só recuperar o template original.
Com a personalização feita pelo Hack Modify Blogger Page Navigator,  modificamos e personalizamos os Links: "Postagem antiga", "Postagem recente" e o Link "Inicio".

Existem dois modos para modificar o navegador de páginas padrão do blogspot, o primeiro modo é modificando os textos dos respectivos links, o outro método é colocando uma imagem em cada um dos links.
Para editar e modificar o navegador original do blogger, vá até a área LAYOUT do seu Blogger e clique sobre EDITAR HTML.
NOTA: Lembre-se de EXPANDIR MODELOS DE WIDGETS.

Como modificar o Link " POSTAGEM RECENTE "?
No Template do seu Blogger, procure pelo código abaixo:
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
Apague a parte a vermelho e substitua por uma palavra à sua escolha,

Eu UZO o texto " PREVIOUS PAGE ".

Como modificar será o link " POSTAGEM ANTIGA "?
procure pelo código abaixo:
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
Apague a parte a vermelho e substitua por uma palavra da sua escolha,
Eu uzo " NEXT PAGE "
Agora vamos personalizar e modificar o texto " INÍCIO ",
Procure pelo código abaixo:
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
Apague a parte a vermelho e substitua por uma palavra de sua preferencia,

Eu UZO o texto " HOME PAGE

Caso queira subtituir o texto por uma imagem, substitua o código a vermelho pelo código abaixo.
<img src="URL DA IMAGEM">
Exemplo: <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh01I-dbK_sPNfFXSTNCw1jyrd_menI6UJBTXy4_3h37LtkcAWDFoeVK4a77XDAx_0SgTtH3wGL0ghvDFY_cCTbY57fx_XR-4dzx0RGJjuueIzKQACJGpYGLciDjp-OQk_qYg-G4BwANGG/s320/FTP.jpg">


Nota: Talvez seja necessário fazer a conversão do código da imagem, utilize o site blogcrowds.