quarta-feira, 13 de janeiro de 2016

Post em Destaque no Blogger 2016


post-featured-blogspot-blogger-2016


Hoje vamos ensinar a colocar um post em destaque para que seus visitantes vejam isso e o que há de novo no seu blogger isso é muito útil uma vez que faz toda a diferença também no layout do template deixando mais bonito para você instalar post em destaque no blogger siga os passos abaixo



Instalando postagem em destaque no blogger 

Faça login no Blogger

Então na aba Layout procure por adicionar novo gadget acima de postagem no blog como mostra figura abaixo


adicionando-gadget-blogger


featured-post-blogger

Então adicione isso e configure a postagem a ser exibida como mostra a próxima figura


postagem-em-destaque-blogspot


Para fazer isso de uma forma manual clique em adicionar novo gadget Html/Javascript copie o código abaixo e cole:


 <style type="text/css">
.slidorion {
 position: relative;z-index:1;
 width: 565px;
 height: 191px;
 padding:0px;
 line-height: 20px;
        background:#eee;
 box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
        margin-bottom: 15px;}
.slider {
 width: 50%;
 height:100%;
 position: relative;
 float: left;
 overflow: hidden;}
.accordion {
 width:50%;
 height: 100%;
 position: relative;
 z-index:999;
 overflow: hidden;
 float: left;
}
.accordion .header {
 padding: 8px 14px;
 font-size: 14px;
 font-weight: bold;
 color: #333;}
.accordion .header a{color:#f65b4f}
.accordion .header a:hover{color:#48d}
.accordion .content {
 height:auto;
 font-weight: normal;
 font-size: 14px;
 line-height:20px;
 margin: 0;
 padding:0 15px;
 border: none;
        overflow:auto;}
.accordion .content p {margin-bottom: 10px;}
</style>
<div id="slidorion" class="slidorion">
 <div class="slider">
     <!-- slide images -->
 <div class="slide">
<a href="http://www.mybloggerseo.com/2016/01/nichos-lucrativos-no-adsense-2016.html"><img src="http://2.bp.blogspot.com/-W1D22BJmbR8/VpVP9frwsuI/AAAAAAAAClg/xe_R_-9pB80/s1600/nichos-mais-lucrativos-adsense-2016.png" alt="mybloggerseo" style="height:100%"/></a></div>
  <!-- slide images end -->
 </div>
 <div class="accordion">
  <!-- content -->
  <div class="header">
<a href="http://www.mybloggerseo.com/2016/01/nichos-lucrativos-no-adsense-2016.html"><h4>10 Nichos Lucrativos no adsense 2016</h4></a></div>
 <div class="content">
 <p>Aqui vamos compartilhar com você nichos de blog adsense que estão em alta em 2016 para que você possa ter a certeza de ter escolhido de forma correta..</p>
 </div>
 <!-- content end -->
 </div>
 </div>

Personalização:
Substitua os links pelos links de seu blog bem como a escrita e a foto. esteja conosco para o próximo post




NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner