Template Justin Bieber

Este template é para os fãs do cantor. Possui 3 colunas, menu horizontal, leia mais automático com miniatura de imagens, posts internos com a largura total do blog, botão para imprimir páginas internas, área de comentário costumizado. Baixe-o e boa diversão ! :-)

DEMO/Pegar código

Para colocar a opção para que os visitantes mude a cor do blog, copie o código abaixo e cole em uma HTML/Javascript

<center><a href="javascript:ts('body',2)">A+</a> <a href="javascript:ts('body',-1)">a-</a>
<script type='text/javascript'>
//<![CDATA[
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
//]]>
</script></center>
<center><table border="0" style="cursor:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgex0f0qh8f46Icu0WhSG7jrftdbO_XPUtbW7JcHvkrNCEM9DgQiq1OwixTCXnxTRtuhjD0oIMeXitCCi9TDO0-uMqb4yndF0RWUhCoirKdgwFNta8P14bFIyCWVIzVUTTT9plRrn2YbzM/s400/blcursorgif.gif'), auto;"" align="center" width="22%">
<tr>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#F5D20F'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-jQN9RA1EbuNdR5I7hPq2Ttzmh5qutm00OijKtDPMDmUC231zfnkfViSE37KJjd2rSklMI88i77cZjTASWLBiNKd9wAl-ix4FlyzSjK4dGwhIbpcqPeXEqLKvXDltYLrO6g1o3nawDDXd/s320/blfondoamarillo.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#4D6DF3'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLd4DT5TNesh9trBzmv6SxaCk-McePqfiTdIo9UiT0lfFA-dGcbYHGt9A__Yrwmwq7fpGSThndplvjTUqFaWUN5CjFPLw6qgbWIC1TAgMOzhAU8asnkQhheswQs63dCtUUpY_8HK7lxBdN/s320/blfondoazul.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#FF962D'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilMyCx7pWboFB_B89yug05y9B7LeqRITEtoLUWGccZSL_6uBv41EziAtoLvQA6EnXxRVo-e3ByCVZS0UuE2x_jS8mGIgybLIXz8nYU2AbbI9IXj9dHTgSsBtxC4NSh6If9iJJ6yqAByeDf/s320/blfondonaranja.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#787878'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX31HH7nYSDhiP-WRDdaprO9owhF2WWZoEZPf4pJugr5T5nme7OPSB98S5qjmqc-RPGCKaj8K-cPB1T90CFa0GFESZ_XdfPcMZlmOQwodDTEq7LkqoPN-7tF0Orgvw1BuJmywoq3px3b1d/s320/blfondogris.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#ffffff'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOEi5uimNvaQH8XH4CNzZNkGDzOjiIwqnBRVWEPrf1RPSeUCCTEiPflmXR3L-d4NyEY74Wq5LzdqJmRCwr1Bqw48Z_YExJQCzLV5hlhqZWwJFrDS-_JP6uFEzfNA_u6wkoCq4FZTZ3jyLK/s400/blfondoblanco.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#64524A'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqajHuwoq4IeJEA7xCjS5nyaNza4w6fQnlXnDnH5SOr9ykCsK8c4HFH19np58AA7idGaN4xa07fxAYYcJcmzqPqKH7ITskAhi4RjmDuHvh7a8icA-9nFlftOAoJbyy0BVmLCqYOnaUFupB/s320/blfondomarron.png" width="16" height="16" /></span></td>
</tr>
<tr>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#2D633B'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFEEOC_P0TR5ce7mH-i-GG59wjwnpl3rmRJOaZzX6idO1sx95Cdd094IjnpsHNYSXcavb7BDy1XnHxRKQiSicxlDFuNJJFonFw1v8G5JkdQVgQSMZIKsxSFkTsI89HKctrSGUL-mgZIfE/s320/blfondoverde.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#d9483f'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpVt-59QuEVs59nbHY7JN-WztFcYVBTglvlnr_huKNIcqXzynyk6X0H_u1qOtn2S0Aq__TcvXiWXee9dWeFUUaLSmC3JhT7SPcAfQWZXcHYyWTj_wFcgcNlof225xlLjsKKcwQLM4Fhdvt/s320/blfondorojo.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFneXLCQ4YUAsdkM4mUMK4ege5rSTDtggWIFafaoN86-wJ1frLpQZ_PJFkovfPwBIKOq6UydcBJcRCUOmRNkeBSI81b6OTM8kXzmyRlp9xFbup__ySzYyk67qW3XJDt8mv7Rm-J-l9QLG3/s320/blfondorosa.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#6F3198'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNUla_AWUzQJHvKNMnZaP3FAgA7jDiUopy4Ixvu3vMZVYZwBV7pzefMepIGAkJ9WUoAOJJP7BhX9jPFIDHqo_vg7YPSEotlMH9Kio5t11RBeB-7LEw8P6FYnoRmahuZwIit1OkoeWAawcH/s320/blfondomorado.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffiSXP73XIQo385Nv2-VO7Tg86HBjfK2a6pfRRVxetvUpK2YuP9EvtueWDkx7LvFF-siOhHuT0puARRRDpQZJc32Ia8biOX3XOCPksHkq0TXpQIFP_JerG8Uaz0fcmo8666fR1cZYA3QD/s320/blfondonegro.png" width="16" height="16" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#99D9EA'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeHLbfXLk_P9ZpKxYX84brlW0S2Yba3ChyhIExUBH3tTpM55GZoqjRzOXBjo6Lqhxk31nasSm8oiwB4qcmwPWOULHz3gMCc8S5giOle_y2qrxjdn4xOD40MzStnWqO7mrzPmns0PQvnmix/s400/blfondoazul2.png" width="16" height="16" /></span></td>
</tr>
</table></center>

Para que a data fique  como no modelo, vá até configurações e selecione a opção como no modelo, salve e estará pronto.

»»Leia mais...