Olá geeks, tudo bem com vocês?

<div class='widget-content'>
<style type="text/css">
/* CSS - Destaque de posts */
.bsrp-gallery {
width:100%;
clear:both;
margin-left:-100px;  /*--define o posicionamento à esquerda, altere se precisar--*/
padding-left:100px;
}
.bsrp-gallery:after {
display: table;
clear: both;
}
.bsrp-gallery .bs-item a {
position: relative;
float:left;
margin: 0 0 0 15px;
text-decoration:none;
border-radius:130px;  /*--define o grau de arredondamento da imagem, --*/
-moz-border-radius:130px; /*--define o grau de arredondamento da imagem, --*/
-webkit-border-radius:130px; /*--define o grau de arredondamento da imagem, --*/
}
.bsrp-gallery .bs-item .ptitle {
display: block;
clear: left;
font-size: 18px; /*--tamanho da fonte--*/
font-family: Impact; /*--tipo da fonte--*/
text-shadow:#000 2px -2px 3px, #000 -2px 2px 3px, #000 2px 2px 3px, #000 -2px -2px 3px;
border: #FFFFFF dashed; /*--cor da borda pontilhada--*/
text-transform:uppercase; /*--coloca o texto em capslock, apague se desejar --*/
line-height:1.3em;
font-weight:300;
height: 50%; /*--define a altura da legenda --*/
width:81%; /*--define a largura da legenda --*/
position: absolute;
bottom:0%;
text-align: center;
margin:0 0 14px 13px;
padding:60px 5px 20px 5px;
color: #FFFFFF; /*--cor da fonte do texto--*/
word-wrap: break-word;
overflow:hidden;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
border-radius:130px;
-moz-border-radius:130px;
-webkit-border-radius:130px;
}
.bsrp-gallery .bs-item .ptitle:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1.0;
opacity:1.0;
border-radius:130px;
-moz-border-radius:130px;
-webkit-border-radius:130px;
}
.bsrp-gallery a img {
background: #FFFFFF;
float: left;
border-radius:130px;
-moz-border-radius:130px;
-webkit-border-radius:130px;
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
}
.bsrp-gallery a:hover img {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(0%);
border-radius:130px; /*--define o grau de arredondamento do fundo ao passar o mouse --*/
-moz-border-radius:130px; /*--define o grau de arredondamento do fundo ao passar o mouse --*/
-webkit-border-radius:130px; /*--define o grau de arredondamento do fundo ao passar o mouse --*/
}
/* CSS FIM */
</style>
<script>
function bsrpGallery(root) {
var entries = root.feed.entry || [];
var html = ['<div class="bsrp-gallery nopin" title="by elainegaspareto.com">'];
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/AVvXsEhBdzpNnDF8DzGK-UF4K7MgjXyQAhoe4mwXujW_xU9XAS9ugjlGy7CyUd14XNxwjJAmJmFfc4w1YtEKxu5Ye0aalz911lHqGeSb3CKBgAJTMfSd0FBVJ3rEO78egASxZUi2b-r6vVF6yHIE/s1600/sem.gif';
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 = 7;  /*--define em qual post começa a exibição --*/
var bsrpg_thumbSize = 213;  /*--define o tamanho das miniaturas --*/
var bsrpg_showTitle = true;
document.write("<script src=\"http://www.cantinhogeek.com/feeds/posts/default?start-index="+numposts+"&max-results=3&orderby=published&alt=json-in-script&callback=bsrpGallery\"><\/script>");</script>
</div>
<div class='clear'></div>

Espero que gostem!

<center>
<a href="LINK DO MARCADOR" target="_blank" title="NOME DA CATEGORIA"><img src="LINK DA IMAGEM" /></a>
<a href="LINK DO MARCADOR" target="_blank" title="NOME DA CATEGORIA"><img src="LINK DA IMAGEM" /></a>
<a href="LINK DO MARCADOR" target="_blank" title="NOME DA CATEGORIA"><img src="LINK DA IMAGEM" /></a>
</center>

<a href="LINK DO MARCADOR" target="_blank" title="NOME DA CATEGORIA"><img src="LINK DA IMAGEM" /></a>

Clique na imagem para aumentá-la

Este é o formulário.

Vou mostrar as imagens de acordo com o sorteio que está acontecendo aqui no blog do Pequeno Príncipe. Depois de ter feito o login o formulário ficará da seguinte forma:


Repare que há quatro entradas: e-mail, visite Cantinho Geek no Facebook, Siga o blog por GFC, e visite Mornside no Facebook.

E embaixo delas está escrito o seguinte: Destrave itens extras e aumente suas chances de ganhar!

Isso significa que todas as entradas que aparece para você inicialmente são obrigatórias. Há blogs que tem dez, quinze ou até mais entradas obrigatórias, e tem outros que possuem apenas um ou dois, isso vai de cada organizador do sorteio.

Agora como preencher:

Antes de começar o tutorial aqui vai algumas dicas:

Leia atentamente tudo.
Se a imagem estiver pequena clique nela que a mesma irá aumentar.

Vamos começar!!

Espero que tenham gostado do tutorial! Se tiver alguma dúvida é só deixar nos comentários, e se quiser ver algum tutorial aqui é só pedir também que tentarei trazer!