Widget contador de Feed para blogger
Que tal a ideia de promover para seus leitores tanto a quantidade de assinantes de feed do seu blog, quanto o próprio endereço do feed através de um logo diferente. É uma boa, não é mesmo.
Pensando nisso estou trazendo abaixo um widget que ira proporcionar a você fazer isso facilmente.
A imagem acima mostra como ficará o widget no layout do seu blog.
Como inserior o widget:
Segundo passo: você irá adicionar um gadget conforme a foto abaixo, o local fica a gosto do blogueiro no lugar que preferir no seu layout.
Terceiro passo: voce irá clicar em adicionar “HTML/JavaScript” e adicionar o seguinte código:<table cellpadding=”2″ cellspacing=”2″ style=”border: 1px solid rgb(236, 236, 236); background:transparent;text-align: left; width: 100%;”>
<tbody><tr><td align=”undefined”
valign=”undefined”><a
href=”http://feeds.feedburner.com/SEU FEED“><img
alt=”RSS” title=”Assine os feeds”
src=”URL DA IMAGEM”
border=”0″ height=”120″ width=”120″></a></td><td
align=”undefined” valign=”undefined”><form
style=”padding: 3px; text-align: center;”
action=”http://feedburner.google.com/fb/a/mailverify”
method=”post” target=”popupwindow”
onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=SEU FEED‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”><p>Receba os posts por email:</p><p><input style=”width: 140px;”
name=”email” type=”text”></p><input
value=”SEU FEED” name=”uri” type=”hidden”><input
name=”loc” value=”pt_BR” type=”hidden”><input
value=”Assinar” type=”submit”><p><span style=’font-size: 40%’>Widget <a target=’_blank’ href=’http://www.portaldicas.net’>Portal Dicas</a><a target=’_blank’ href=’http://www.tunados.net/’>Tunados </a></span></p> </form>
<p align=”center”><a
href=”http://feeds.feedburner.com/SEU FEED“><img
src=”http://feeds.feedburner.com/%7Efc/SEU FEED?bg=FF9900&fg=0000000&anim=1&label=leitores”
style=”border: 0pt none ;” alt=”" height=”26″
width=”88″></a></p></td></tr></tbody></table>
Como criar uma caixa para copiar as mensagens do seu blog
Boa tarde, como podem notar eu fiquei um determinado tempo sem postar aqui nesse blog, e porque? Estou completamente abarrotado de matérias, isso porque estou terminando a faculdade. Porém, minha tia pediu para que eu cria-se um blog de mensagem para ela, foi aí que me deparei com um grande dúvida. Como colocar a caixa abaixo da postagem para copiar a mensagem por completo? E depois de muito pesquisar, acabei encontrando no blog dicasparablogs, e como pode ser visto no recém criado blog “Bellas Mensagem” esta funcionando perfeitamente.
Então vamos para o que realmente interessa, porque resolvi trazer essa dica para que você não passem pelo mesmo problema futuramente.
Primeiro passo: Entre logado no seu blogger e em seguida click em layout em qualquer uma das duas opções que estou mostrando nas fotos abaixo.
Segundo passo: agora você irá clicar na aba de “editar html” para abrir a página de edição do código do template.
Terceiro passo: Note que acima do código html do template tem a opção “Expandir modelos de widgets” então pessoal click nela para marca e mostrar o código completo do template.
Quarto passo: Pressione CTRL+F para localizar mais rápido e Digite: data:post.body. E assim que encontrar esse código você deverá colocar abaixo do mesmo esse outro código.
<div align=’center’><form><span>Copie essa postagem para seu Blog:</span> <textarea cols=’30′ name=’yourForm’ onfocus=’this.select()’ onmouseover=’this.focus()’ rows=’3′ style=’border: 1px solid silver’ wrap=’virtual’><data:post.body/><br/><a href=’http://dicasparablogs.blogspot.com’ style=’padding-top: 20px;display: block;text-align: center;’>Postagem retida do Dicas para Blogs</a></textarea> </form></div>
Tudo feito certinho agora você irá clicar em “Visualizar” e se ficar legal Salve
Alguns valores podem ser modificados, como cols=’30′ e rows=’3′ que é a largura e altura da caixa do texto, e no final altere o link dizendo de onde foi retiro o texto:<a href=’http://portaldicas.net’ style=’padding-top: 20px;display: block;text-align: center;’>Postagem retida do Portal dicas</a>
Template do Mengão para Blogger
HACKS INSTALADOS
- * Posts Relacionados
- * Retirada da Navbar
- * Jump break e hack leia mais
- * Personalização dos ícones de navegação
- * Favicon * Avatar nos comentários
- * Citação em bloco personalizada
- * Botão para redes sociais
Se você quiser mudar a imagem que aparece ao lado do cabeçalho (que neste caso, é um cãozinho), entre no HTML do template e procure por:
<div id=”imagem”>
<img alt=”" src=”http://img525.imageshack.us/img525/1265/urubu1.jpg” /></div>
Escolha ou crie uma imagem do tamanho 256 x 256 px com fundo transparente e em formato .png. Faça o upload no Picasa ou em outro serviço de sua preferência, copie o endereço da nova imagem e cole na parte em azul do código acima.
Template Magazine Premium digital
Demonstração de frente .:. Download
HACKS INSTALADOS
- Posts relacionados
- Novo formulário de comentários
- Caixa de comentários personalizada
- Destaque aos comentários do autor do blog
- Destaque nas citações
- Ícones para redes sociais
- Retirada da Navbar
IMAGEM DO CABEÇALHO
Para alterá-la, edite-a no Photoshop ou em qualquer outro editor.
Hospede no servidor de sua preferência (Imageshack)
Procure no html por:
/* —– HEADER —– */
#navbar-iframe { display:none; }
body {
background: #FFFFFF url(http://2.bp.blogspot.com/_j82W7u9kZbs/S62wzkm8voI/AAAAAAAACQk/DT9c54Pf9lY/s1600/body.jpg) top center no-repeat ;
margin:0;
color:#161514;
text-align: center;
background-attachment:fixed;
font-family:Arial,Century gothic, Tahoma,sans-serif;
font-size:13px;
Altere a url para a da sua imagem.
