mulherzices
EU NÃO TENHO ATITUDE
NA HORA DA PAQUERA!
pontoperdido
Ponto Perdido
XXX (+18)
sexxxlife
Foi dormir com o padrasto
e acabou liberando!!! (+18)
Mega Humorado”
O mito do photoshop
Mega Humorado



Artigos Relacionados Estilo Lista Personalizada


bandeiradois

Nesta postagem compartilho com vocês este código que mostra artigos relacionados aleatoriamente. Algumas pessoas preferem mostrando com imagens, mas, para aqueles que gostam de economizar espaço no blog está ai um ótimo código.

Para colocar em seu blog...

Torne-se membro do site, basta clicar no botão abaixo e clicar em Seguir:

Para colocar no blog... 

Entre em "Modelo" e procure pela tag

<data:post.body/>
Tendo encontrado a tag, cole ABAIXO dela o seguinte código
<style>
.related-post {
 margin:2em auto 0;
 font-size:13px;
 background:#fff;
 border-radius:4px;
}
.related-post h4 {
 font-size:14px;
 margin:0 0 .5em;
 background:#8B0000;
 color:#fff;
 padding:14px 20px 14px 75px;
 font-weight:normal;
 border-radius:4px 4px 0 0;
 position:relative;
    font-family:Oswald,Arial, Sans-Serif;
    text-transform:uppercase;
}
.related-post h4:before {
 content: "\f074";
 font-family:fontAwesome;
 font-size:22px;
 font-style: normal;
 background-color:#8db857;
 color:#000;
 border-radius:4px 0 0 0;
 top:0;
 left:0;
 padding:13px 20px;
 position:absolute;
}
ul.related-post-style-1 {
padding-left:0 !important;
    margin-top:-12px;
}
.related-post-style-1 li {
 list-style:none;
 padding:15px 20px;
 border-top:1px solid #eceef5;
}
.related-post-style-1 li a{
 color:#79798d;
 text-decoration:none;
}
.related-post-style-1 li a:hover{
 color:#33aea5;
 text-decoration:none;
}
.related-post-style-1 li:before {
 content: "\f08e";
 font-family:fontAwesome;
 color:#000;
 font-style: normal;
 top:0;
 left:0;
 margin-right:13px;
}
</style>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='related-post' class='related-post'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Artigos Relacionados:&lt;/h4&gt;&quot;,
      numPosts: 5,
      titleLength: &quot;auto&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: false,
      widgetStyle: 1,
      callBack: function() {}
  };
  </script>
  <script type='text/javascript' src='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js'/>
</b:if>
<!-- Related Post Widget End -->
Tendo colado o código, basta salvar e pronto!!!

Cursos On-line 24 Horas - Educação a Distância de Qualidade
Artigos Relacionados Estilo Lista Personalizada Artigos Relacionados Estilo Lista Personalizada Reviewed by Muca on 6/19/2014 12:59:00 PM Rating: 5