Aqui temos o cĂłdigo usado:
..............................................................................................................................................................
<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:none; /*==TDS LETRAS MAIĂSCULAS - altere se quiser==*/
font-size:10px; /*==TAMANHO DO TITULO==*/
line-height:1.3em;
height:50px;
position: absolute;
bottom:5%;
text-align: center; /*==POSIĂĂO DO TITULO==*/
color:#fff; /*== COR DO TITULO==*/
width:90%;
padding:6px;
word-wrap: break-word;
overflow:hidden;
}
.bsrp-gallery a img {
background: #fff;
float: left;
}
.bsrp-gallery a:hover img {
filter:alpha(opacity=90);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}
/*FIM CSS FOTOS*/
</style>
<script>
//byjana
function 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/AVvXsEhNBHKTwZ_GhssSv4kcdcQQxliklpAA1qiF90QXVQk7x208V9ZcECGOwPuqz3FP5lLbdaKgxEeZMv5BjJMnr3KCgwD3ub837RNYra1AXjShsd1Et2PYDgONO1eGVGod1DkzpihQgR7EGIhL/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 =1
var bsrpg_thumbSize = 255;
var bsrpg_showTitle = true;
document.write("<script src=\"AQUI O ENDEREĂO DO SEU BLOG/feeds/posts/default?start-index="+numposts+"&max-results=4&orderby=published&alt=json-in-script&callback=bsrpGallery\"><\/script>");</script></center>
.................................................................................................................................................................
❥ VĂĄ em Layout > adicionar um Gadget > HTML/ Java Script e cole o cĂłdigo acima dentro dele ( lembre-se de deixar o gadget sem tĂtulo ). SĂł altere partes com as especificaçÔes em letras maiĂșsculas ao lado ok ? Depois disso salve as alteraçÔes e visualize o blog para ver como ficou. Os slides ficaram como os daqui do blog.Tudo que estiver em azul pode ser alterado. NĂŁo mexa no restante do cĂłdigo.
Este cĂłdigo foi encontrado em pesquisas pela net.
Para mostrar direitinho como eu fiz, assista o vĂdeo! Ah se gostar se inscreva no canal ok?
Para mostrar direitinho como eu fiz, assista o vĂdeo! Ah se gostar se inscreva no canal ok?
Se nĂŁo souber fazer ou nĂŁo tiver paciĂȘncia para isso me chama certo? Beijos! S2
0 ComentĂĄrios