Galeria multi-postagens separadas por marcador

Views:
<style scoped="scoped" type="text/css">
/* Galeria multi-postagens separadas por marcador */
.post-body *,.post-body *:after,.post-body *:before{box-sizing:initial;-webkit-box-sizing:initial;-moz-box-sizing:initial;}
.list-entries{
display:table;
background:#fdfdfd; /*COR DE FUNDO */
margin:1.5% 1%;
width:46%; /*LARGURA DE CADA CAIXINHA*/
float:left;
font-size:75%;
}
.list-entries ul,.list-entries li{
margin:0;
list-style:none;
}
#feed-list-container ul li{
background:#fdfdfd; /*COR DE FUNDO */
padding:15px;
line-height:normal;
border:1px solid #eee; /*COR DE BORDA */
border-top:0;
transition:all .3s;
}
#feed-list-container ul li:hover{
background:#fff; /*COR DE FUNDO EM ESTADO HOVER */
}
#feed-list-container ul li:last-child{
border-bottom:0;
}
.list-entries .main-title{
padding:0;
overflow:hidden;}
.list-entries .main-title h4{
position:relative;
display:block;
font:'Arial'; /*TIPO DE FONTE */
font-weight:400;
padding:1em 1.5em;
background-color:#ff435d; /*COR DE FUNDO DO MARCADOR*/
color:#fff; /*COR DE FONTE DO MARCADOR */
margin:0;
line-height:normal;
font-size:120%; /*TAMANHO DA FONTE */
margin-top:0!important;
}
.list-entries .main-title h4:after{
display:inline-block;
content:"\f02c";
font-family:fontAwesome;
font-size:17.4px;
font-style:normal;
background-color:#f22a46; /*COR DE FUNDO DE ONDE APARECEM OS ÍCONES*/
color:#fff; /*COR DE FONTE DOS ÍCONES */
top:0;
right:0;
padding:1em 1.25em;
position:absolute;
font-weight:400;
}
.list-entries .title a{
font-size:14px; /*TAMANHO DA FONTE DOS POSTS */
text-decoration:none;
line-height:.5em;
color:#000; /*COR DA FONTE DOS POSTS */
font-weight:normal;
transition:all .3s;
}
.list-entries .title a:hover{
color:#ff435d; /*COR DA FONTE EM ESTADO HOVER */
}
.list-entries img,.list-entries .fake-img{
border:none;
background-color:#333; /*COR DE FUNDO DO RODAPÉ*/
margin:0 1em 0 0;
padding:0;
float:left;
}
.list-entries .summary{
overflow:hidden;
color:#999;
}
.list-entries .more-link{border-bottom:none;}
.list-entries .more-link a{
display:block;
line-height:2em;
height:2em;
overflow:hidden;
text-decoration:none;
background-color:#444; /*COR DE FUNDO DO RODAPÉ HOVER*/
padding:1em 1.5em;
position:relative;
font-weight:400;
color:#fff; /*COR DA FONTE DO RODAPÉ */
transition:all .3s;
}
.list-entries .more-link a:hover{
background-color:#f9f9f9; /*COR DE FUNDO DO RODAPÉ HOVER*/
color:#ff425d; /*COR DA FONTE DO RODAPÉ HOVER */
}
.list-entries .more-link a:after{
display:inline-block;
content:"\f054";
font-family:fontAwesome;
font-size:16.4px;
font-style:normal;
background-color:#353333; /*COR DE FUNDO DE ONDE FICAM OS ÍCONES HOVER*/
color:#fff;
top:0;right:0;
padding:1em 1.25em;
position:absolute;
font-weight:400;
transition:all .3s;
}
.list-entries .more-link a:hover:after{
background-color:#e1dfdf; /*COR DE FUNDO */
color:#000;
}
.widget .post-body ul, .widget .post-body ol {position:relative;}

@media (max-width:640px){
.list-entries {width:100%;}
.list-entries{margin:2.5% 1%;}}
</style>
<div id="feed-list-container">
</div>
<div style="clear:both;">
</div>
<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "NOME DE EXIBIÇÃO DO MARCADOR",
            url: "ENDEREÇO COMPLETO DO BLOG",
            tag: "NOME EXATO DO MARCADOR"
        },
        {
            name: "NOME DE EXIBIÇÃO DO MARCADOR",
            url: "ENDEREÇO COMPLETO DO BLOG",
            tag: "NOME EXATO DO MARCADOR"
        },

{
            name: "NOME DE EXIBIÇÃO DO MARCADOR",
            url: "ENDEREÇO COMPLETO DO BLOG",
            tag: "NOME EXATO DO MARCADOR"
        },
        {
            name: "NOME DE EXIBIÇÃO DO MARCADOR",
            url: "ENDEREÇO COMPLETO DO BLOG",
            tag: "NOME EXATO DO MARCADOR"
        },

{
            name: "NOME DE EXIBIÇÃO DO MARCADOR",
            url: "ENDEREÇO COMPLETO DO BLOG",
            tag: "NOME EXATO DO MARCADOR"
        },
        {
            name: "NOME DE EXIBIÇÃO DO MARCADOR",
            url: "ENDEREÇO COMPLETO DO BLOG",
            tag: "NOME EXATO DO MARCADOR"
        },

name: "NOME DE EXIBIÇÃO DO MARCADOR",
            url: "ENDEREÇO COMPLETO DO BLOG",
            tag: "NOME EXATO DO MARCADOR"
        },
        {
            name: "NOME DE EXIBIÇÃO DO MARCADOR",
            url: "ENDEREÇO COMPLETO DO BLOG",
            tag: "NOME EXATO DO MARCADOR"
        },
     
],
    numPost: 4,
    showThumbnail: true,
    showSummary: false,
    summaryLength: 0,
    titleLength: "auto",
    thumbSize: 72,
    containerId: "feed-list-container",
    readMore: {
        text: "Veja mais ",
        endParam: "?max-results=5"
    }
};
</script>
<script src="http://yourjavascript.com/3115828230/marcadores.js" type="text/javascript"></script>
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage