Slide de Postagem Recente

(Candy Cherry)

Hello Victorius!

Tudo Bem com Vocês?
Eu queria avisar a vocês do meu novo projeto, o Rapidinhas!

A pedido da S. (obrigada) hoje eu vim trazer um tutorial de como colocar um slide não automático em forma de quadrado de postagem recente, que eu usei no layout free diamonds.
Eu aprendi esse tutorial no MelanCria HTML da Hina,então créditos a ela.

Preview:

Lerigou the post?

Vá em Layout>>Adicionar Gadget>>E cole isso:

<center><style type="text/css">
/*INICIO CSS FOTOS*/.bsrp-gallery {margin-top:70px;
width:1300px; ==LARGURA DO SLIDE==float:center; ==POSIÇÃO DO SLIDE==
clear:both;}.bsrp-gallery:after {display: table;clear: both;}.bsrp-gallery .bs-item a {position: relative;float:left;margin: 0 10px 15px 0;text-decoration:none;}.bsrp-gallery .bs-item .ptitle {background:#000; /*==COR AREA DE TITULO==*/display: block;clear: left;font-family: 'georgia', cursive; ==FONTE DO SLIDE==font-weight:200;text-transform:uppercase; /*==TDS LETRAS MAIÚSCULAS==*/
font-size:13px; /*==TAMANHO DO TITULO==*/
line-height:1.3em;height:50px;
position: absolute;bottom:0%;text-align: center;  /*==POSIÇÃO DO TITULO==*/color:#fff; /*== COR DO TITULO==*/
width:95%;padding:6px;word-wrap: break-word;overflow:hidden;}.bsrp-gallery a img {background: #fff;float: left;}.bsrp-gallery a:hover img { filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; }/*FIM CSS FOTOS*/</style><script>//byjanafunction bsrpGallery(root) {var entries = root.feed.entry || [];var html = ['<div class="bsrp-gallery nopin" title="Get this from poderondesign">'];for (var i = 0; i < entries.length; ++i) {var post = entries[i];var postTitle = post.title.$t;var orgImgUrl = post.media$thumbnail ? post.media$thumbnail.url : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfcyzlJ9vmJV3GBID7ueFrMprMdQhhLzzRXKBnI84QZFbbTcU58rnTa8sjAf8zBALB-uyrjzgNWDX4BYHGXyulVcab3tl-Dmx3e2OclBz5am5bZDEXzDm6oDoHDwKAPKXGLTkKdQ3-KgCG/s72-c/default+image.png';var newImgUrl = orgImgUrl.replace('s72-c', 's' + bsrpg_thumbSize + '-c');var links = post.link || [];for (var j = 0; j < links.length; ++j) {if (links[j].rel == 'alternate') break;}var postUrl = links[j].href;var imgTag = '<img src="' + newImgUrl + '" width="' + bsrpg_thumbSize + '" height="' + bsrpg_thumbSize + '"/>';var pTitle = bsrpg_showTitle ? '<span class="ptitle">' + postTitle + '</span>' : '';var item = '<a href="' + postUrl + '" title="' + postTitle + '">' + imgTag + pTitle + '</a>';html.push('<div class="bs-item">', item, '</div>');}html.push('</div>');document.write(html.join(""));}hoje = new Date()numposts =1var bsrpg_thumbSize = 255;  var bsrpg_showTitle = true;document.write("<script src=\"/feeds/posts/default?start-index="+numposts+"&max-results=4&orderby=published&alt=json-in-script&callback=bsrpGallery\"><\/script>");</script></center>

Onde tem as partes indicadas em vermelho é onde você pode alterar ! 

A parte destacada "numposts =1 "  está indicado que mostrará as postagens recentes e a

 quantidade de miniaturas . quando não mudar por ele, tente no 4&orderby que vai, troque o 4 por o numero que de miniaturas que quiser!

Onde tem : var bsrpg_thumbSize = 255;  É  o tamanho das fotos .

E esse foi o tutorial de hoje !

Espero que vocês tenham gostado!

Obrigada a S. Por pedir um tutorial! Peçam tutoriais também!

Beijos Vii