#agregador feeds template blogger - AFTB -

inspire-se no dia dos namorados! Dê...?...! ... joinha , jóia etc.

Código da caixa de fan box de página

em

"facebook"

Alemão é baleado na Rocinha durante 'turismo na favela'
Redação SRZD

"Como adicionar "Stylish" deslizando para cima " ... "widget"... "Imagem Descrição Widget" 

<style>
.image-box {
  width:280px;height:280px;overflow:hidden;background-color:white;
  border:1px solid #ccc;float:left;margin:1px 1px;
  font:normal normal 12px/1.4 Segoe,"Segoe UI",Arial,Sans-Serif;
  color:#333;
}
.image-container,
.image-details {height:280px;border:5px solid white;background-color:#ffc;
  transition:margin-top .4s ease-out .4s;
}
.image-container img {
  width:280px;height:280px;padding:0 0;margin:0 0;border:none;outline:none;max-width:none;
  max-height:none;
  background-color:black;
}
.image-details h4,
.image-details p {
  margin:0 0 .2em;padding:0 0;height:70px;
}
.image-details h4 {
  font-size:120%;height:auto;
}
.image-details .details {
  padding:10px 12px;overflow:hidden;
}

.image-details .more {
  color:white;text-decoration:none;display:block;
  text-align:center;font-weight:bold;background-color:#f9a;height:26px;line-height:26px;margin:10px 0 0;
}

.image-box:hover {border-color:#bbb; width:280px;
  height:280px;}
.image-box:hover .image-container {margin-top:-160px}
.image-details .more:hover {background-color:black}
</style>

<div class="image-box-wrapper" id="image-box-wrapper">
 <div class="image-box">
  <div class="image-container">
   <img width="280" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudBVGayAIyFAM7oKHmapTTU0SnFHSbjplold6C25tW9LUMKUfQizf91-SAH1x_Bk8mnvDyZoqO7L9clBCmH9qIezM5yOSXlBGATgRne_apwuGHKXcqEABlU3AIszLKOdbgEc32mIuQYs/s1600/3.jpg" alt="Food">
  </div>
  <div class="image-details">
   <div class="details">
    <h4>Lorem Ipsum</h4>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
    <p><a class="more" href="Post Link ">More</a></p>
   </div>
  </div>
 </div>
 

 <div style="clear:both;"></div>

</div>

"Stylish Sliding Up Image Description for Blogger"

This is  also unique  tutorial. In  this  article  im gonna
explain  how  to   add  sliding  up   image  description
for blogger.You can add  this  widget to  your  sidebar.
If you  have any  special  post you   can link your post
with this sliding description.Im using CSS and HTML
for this widget. You can change images  and more
link as your like. Follow  these  step to  add to  your  blog. Get all photo gallery.

Demo
1. Log in to blogger account and Click drop down.

2. Now select "Layout" Like Below.

3. Click Add Gadget and select 'HTML/Javascript
4. Paste below one of below code.

<style>
.image-box {
  width:280px;height:280px;overflow:hidden;background-color:white;
  border:1px solid #ccc;float:left;margin:1px 1px;
  font:normal normal 12px/1.4 Segoe,"Segoe UI",Arial,Sans-Serif;
  color:#333;
}
.image-container,
.image-details {height:280px;border:5px solid white;background-color:#ffc;
  transition:margin-top .4s ease-out .4s;
}
.image-container img {
  width:280px;height:280px;padding:0 0;margin:0 0;border:none;outline:none;max-width:none;
  max-height:none;
  background-color:black;
}
.image-details h4,
.image-details p {
  margin:0 0 .2em;padding:0 0;height:70px;
}
.image-details h4 {
  font-size:120%;height:auto;
}
.image-details .details {
  padding:10px 12px;overflow:hidden;
}

.image-details .more {
  color:white;text-decoration:none;display:block;
  text-align:center;font-weight:bold;background-color:#f9a;height:26px;line-height:26px;margin:10px 0 0;
}

.image-box:hover {border-color:#bbb; width:280px;
  height:280px;}
.image-box:hover .image-container {margin-top:-160px}
.image-details .more:hover {background-color:black}
</style>

<div class="image-box-wrapper" id="image-box-wrapper">
 <div class="image-box">
  <div class="image-container">
   <img width="280" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudBVGayAIyFAM7oKHmapTTU0SnFHSbjplold6C25tW9LUMKUfQizf91-SAH1x_Bk8mnvDyZoqO7L9clBCmH9qIezM5yOSXlBGATgRne_apwuGHKXcqEABlU3AIszLKOdbgEc32mIuQYs/s1600/3.jpg" alt="Food">
  </div>
  <div class="image-details">
   <div class="details">
    <h4>Lorem Ipsum</h4>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
    <p><a class="more" href="Post Link ">More</a></p>
   </div>
  </div>
 </div>
 

 <div style="clear:both;"></div>

</div>

7. Now save your HTML/Javascript'.

    You are done...

"uma dúzia de  coisas para manter em mente se você quiser ganhar dinheiro com seu blog "

 
O tema do seu blog:  

...um blog para entretenimento ou fornece um usuário de serviços públicos, provavelmente irá gerar mais lucros. 

Pense:  
...o que as pessoas que procuram em seu tempo de lazer? Talvez olhar para alguma aplicação, um jogo, algo que vai distrair. 

Dominar seu blog:

   
...preferência curto, fácil de lembrar.  
Idealmente deve ter palavras-chave, 
ou pode ser uma criação pessoal de um "rótulo". 

Cadastre seu motor de busca blog: 

Embora pareça óbvio,  
você precisa se preocupar com o seu blog  
...se suas páginas 
estão indexadas corretamente, 
...se você tem visitantes de Google e Bing. 
Seu conteúdo deve ser público. 

SEO ou Search Engine Optimization: 

Você deve ajudar os usuários a encontrar o seu conteúdo. 

Sempre que possível, 
o título e a descrição do seu blog 
deve indicar claramente 
o que está em seu site,
usando palavras-chave 
em 
títulos pós 
e  
permalinks, 
inclui cabeçalhos nas suas mensagens, 
destaca palavras-chave (ou frases) em negrito, 
use "alt" e "title" nas imagens,  
marcar os seus itens, 
adicionar plugins, se necessário. 

Também importante ...
é o SEO interno, 
você ligado 
o seu próprio conteúdo. 

Pense: como olhar para encontrar um conteúdo específico no Google, se você fosse um usuário regular?

Ligação com as principais redes sociais:  

Usando o Twitter, Facebook, Google Plus 
e outros podem ajudá-lo a obter mais tráfego para seu blog, talvez possíveis visitantes regulares. 

Obter outros para ligar para você:  

A troca de links,  
escrever posts como convidado em outro blog podem ser boas alternativas. 

No entanto, ainda é melhor para escrever conteúdo interessante que faz os outros ligar para você de forma espontânea. 

Inbound links são muito importante se queremos melhorar a nossa posição. 

Atualizando seu blog tão frequentemente 

como você pode: 

Google disse que o mais conteúdo,
mais chances de obter melhores lucros. 

Obviamente, quanto mais você escreve, o mais provável você é, mas parece que a freqüência também é importante para o Google. 

Encontre as melhores formas de rentabilizar o seu blog.

Google Adsense 
e 
Infolinks  (Informações ligações)
são muitas vezes a melhor alternativa, 
mas não se pode descartar outros. 

Tente 
...se o conteúdo do blog política 

ajuste do anunciante.

A colocação de anúncios em lugares-chave: 

Idealmente, perto da cabeça ou dentro das entradas. 
O ideal é que o usuário não tem que se deslocar para ver os anúncios. 
Experimente diferentes locais 
e você controlar 
os seus anúncios, 
para ver o formato ou localização 
...que dá um melhor desempenho. 

Ser guiada pelas tendências: 

O que é falado nos trending topics do Twitter, 
Google Trends, 
no Facebook ou 
no noticiário? 

Qual foi o último telefone que foi lançado?  
Qual é o jogo ou tempo de filme? 
Criar novos conteúdos de acordo com as tendências poderia atrair centenas, e até milhares de visitantes para o seu blog.
 

Encontre outras maneiras de gerar dinheiro: 
Prestação de serviços de infomerciais, 
para participar de qualquer programa de afiliados, etc. 

Coloque os pés no chão:  

Finalmente, 
você deve  
considerar que um blog 
pode ser uma boa maneira de gerar renda, 
se você tomá-lo  
como um trabalho,  
mas é muito improvável que você se tornar rico.  
Não há receitas mágicas. 

O conteúdo, o número de visitas e persistência são fatores-chave quando se pensa em ganhar dinheiro com seu blog. 

Mas também requer paciência e talvez um pouco de sorte.