Como fazer download de Templates pelo 4shared e instalar no blog



Pessoal nesse mini tutorial vou ensinar de forma prática como baixar um template/layout hospedado no 4shared. Eu sei que parece simples,mas algumas pessoas tem dificuldades para fazer isso, então acho que não custa nada ajudar.

 Entre nesse site aqui e depois siga os passos conforme indicado na imagem abaixo. O login pode ser feito com a sua conta do twitter, facebook ou google, basta estar logado em uma dessas três que seu cadastro vai ser efetuado rapidamente. 
O segredo e não clicar nas propagandas que ficam pulando na tela, além disso a maioria dos links com já te direcionam para o download do template como mostrado na imagem acima. Agora que você já baixou o arquivo, vá até o painel do blog >> modelo >> e siga os passos como mostrado na imagem abaixo.

Assim que você escolher o arquivo, clique em FAZER UPLOAD e pronto, seu template esta instalado. Caso o seu template venha dentro de um arquivo zip, basta extraí-lo e depois salvar em uma pasta no seu computador e seguir os mesmos passos acima. 

Postagens recentes em miniatura abaixo do cabeçalho


Pessoal,vou ensinar a colocar o gadget de postagens recentes abaixo do cabeçalho. 
Primeira coisa: DEIXE SEU BLOG EM MODO PÚBLICO.
Abra o seu painel do Blogger >> Layout >> Adicionar novo Gadget >> HTML JavaScript >>
Dentro da caixa que abrir, cole o seguinte código e salve

Posicione o gadget logo abaixo do cabeçalho.

<center><style type="text/css">
/*INICIO CSS FOTOS*/

.bsrp-gallery {
margin-top:90px; /*== Distância do topo ==*/
width:1100px; /*== Largura do Slide==*/
float:left!important; /*== Posição do slide ==*/
margin-left: 10px; */== Afasta o slide da esquerda para o centro ==*
clear:both;
}
.bsrp-gallery:after {
display: table;
clear: both;
}
.bsrp-gallery .bs-item a {
position: relative;
float:left;
margin: 0 20px 10px 0;
text-decoration:none;
}

.bsrp-gallery .bs-item .ptitle {
background:#FFF; /*==Cor de fundo do título ==*/
display: block;
clear: left;
font-family: Arial /*==Font do título==*/
font-weight:bold;
text-transform:uppercase; /*==Tds as letras em maiusculo==*/
font-size:13px; /*==Tamanho da letra==*/
line-height:1.3em;
height:50px;
position: absolute;
bottom:0%;
text-align: center;  /*==Centraliza o título==*/
color:#333; /*== Cor da letra==*/
width:94%;
padding:8px;
word-wrap: break-word;
overflow:hidden;
}

/*===cor de fundo com o mouse==*/
.bsrp-gallery .bs-item .ptitle:hover {
background:#333;
color:#fff;
text-align: center;
}
.bsrp-gallery a img {
background: #fff;
float: center;
}

.bsrp-gallery a:hover img { /*== Grau de transparência das fotos == */
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}

/*FIM CSS FOTOS*/
</style>


<script>
function bsrpGallery(root) {
var entries = root.feed.entry || [];
var html = ['<div class="bsrp-gallery nopin" >'];
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 : '';
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 = 2;
var bsrpg_thumbSize = 250;
var bsrpg_showTitle = true;
document.write("<script src=\"http://www.LINK DO SEU BLOG.com.br//feeds/posts/default?start-index="+numposts+"&max-results= 4&orderby=published&alt=json-in-script&callback=bsrpGallery\"><\/script>");</script>
</center>

Entendendo o código:
Em AZUL é onde você pode aumentar ou diminuir o tamanho das miniaturas;
Em ROSA é onde você pode aumentar ou diminuir o número de miniaturas que vai aparecer;
Em VERDE é onde você deve colocar o endereço do seu blog;

Você precisa saber que só vai funcionar se o seu blog estiver público, blogs privados ocultam o gadget. Em alguns blogs, as imagens só aparecem dentro das miniaturas se a primeira foto da sua postagem for adicionada pelo computador, se você só colar  o link da imagem no post ela pode não aparecer. 

É isso, fácil e muito útil. Qualquer dúvida, deixe nos comentários.

Obs: Post atualizado em 07/08/16