Template baseado no Simple. 3 colunas, sidebar em forma de menu accordion, slide com as últimas atualizações automatico, menu social, posts resumidos na página inicial, breadcrumb, posts relacionados.
Habilitar menu
Para habilitar o menu social, depois de instalado o template, procure por:
<a class='icomenu' href='
ENDEREÇO DO SEU BLOG' style='position: fixed; left: 22px; top: 140px;' target='_blank'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZJPs0FATUf82j0lkX_iFSdxJAeJXDqs9DHtui8Mcdjqvtx8WpFpI4CDoL4VJelTF1OuhKpW3t8xTDIgZG-s8I1VNuFcvB1vKZgLOOq2tu8GuEfwEbXxAikcHCyuznH4y_8nUTXIvhVsE/s1600/blogger-webtreatsetc.png' title='Home' width='60'/></a>
<a class='icomenu' href='
ENDEREÇO DO GOOGLE BUZZ' style='position: fixed; left: 22px; top: 190px;' target='_blank'>
<img border='0' heigth='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm0KJrMuTnfeIlLytXna1lOpSSmfeXk4lwlpiYE2A8lgvwa-TOEiYlHvZK6N3VmTgC9qCjUZKzJ7afSUCxd7d_BY_enQCYlOwnbP_Eb0op_sozr0raU0EVvZxLglh30CMSHMBFq5aVMyo/s1600/google-g-logo-webtreatsetc.png' title='Google' width='60'/></a>
<a class='icomenu' href='
ENDEREÇO DO FLICKER' style='position: fixed; left: 22px; top: 240px;' target='_blank'>
<img border='0' heigth='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQBZraGNgqt0TNMimxsQqzywyt9sPV5CiQQFuhsPze7UzRgKOFz9UUds8zkBpiOAU6mDeDvDWaz4mZIHwGR6N8EetyacngMPExhxmXyRiFiOwRZ-dDkoE9HNaiDYs8z2gBTn-lG7QIlhE/s1600/flickr-webtreatsetc.png' title='Flicker' width='60'/></a>
<a class='icomenu' href='
ENDEREÇO DO FACEBOOK' style='position: fixed; left:22px; top: 290px;' target='_blank'>
<img border='0' heigth='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwnz-3v5VGeBvcZfsut2mk9rsqzdGkfquoufGgKxN1_-pLArtuPCniqMOULijzdabXQPeYfFpL8MZkQ2gwaa2B2DkeDMOR-CviiTtXH8FVwpszw_lRFQibvSthCQ0t3PDuHGWYNr96TI8/s1600/facebook-logo-webtreatsetc.png' title='BlogBlogs' width='60'/></a>
<a class='icomenu' href='
ENDEREÇO TWITTER' style='position: fixed; left: 22px; top: 340px;' target='_blank'>
<img border='0' heigth='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9gzJ68TDhqenR00cdH7mD5TBDvQQrH-aS6f1A3pU7M1cY-OyIkLee5tXabxPlV7SyPYRlvBSd1NmsCFww9WqUv8TEmX16Uz9_F0IsEyJCmDupIDHGzjl9ZwHEEpNXJGP6XuTj0DfnsLc/s1600/twitter-bird2-webtreatsetc.png' title='Siga-me' width='60'/></a>
<a class='icomenu' href='
ENDEREÇO DO FEED' style='position: fixed; left: 22px; top: 390px;' target='_blank'>
<img border='0' heigth='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4H-V0Fpe2LyNd-lhuZqezTvId1v9NJTDzskzMjRhxFrTcunku4Sf-y8XFjsTC_kNn1caajfnMgLU0hvAuxeIRMM9L22N9PtyCU_B0edEp_f8RpWjbqKMXlV30-eZU8PFmuUQ8x61CE8A/s1600/rss-basic-webtreatsetc.png' title='Feed' width='60'/></a>
<a class='icomenu' href='mailto:
SEUEMAIL@gmail.com' style='position: fixed; left: 22px; top:440px;' target='_blank'>
<img border='0' heigth='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG9Ouce0JhLSiArGa5Na6Jmi4BbDG_6EsfsaE3UjVIHoZVObuAkOzmBcLVYdhnC67a6gLpNKksXmlUeyWuBJKV_VZzb97MGuFjVx75UL5zUiItoV6Y-CL367ni6pxlWuU0ywa-V5f4HSU/s1600/mail-webtreatsetc.png' title='Email' width='60'/></a>
Coloque então os endereços de suas páginas sociaisonde pede.
Habilitar slide
Depois de instalado o template, vá até "layout"
Cole então o próximo código e coloque o endereço de seu blog no local indicado com a cor azul
 |
| Perceba que você colará o código no HTML/Javascript logo abaixo do widget do título. |
<div id="slider-wrap">
<script type='text/javascript'>
//<![CDATA[
var showpostthumbnails_gal = true;
var showpostsummary_gal = true;
var random_posts = false;
var numchars_gal = 150;
var numposts_gal = 10;
function showgalleryposts(json) {
document.write('<div class="slider-wrap">');
document.write('<div id="main-photo-slider" class="csw"><div class="panelContainer">');
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
document.write('<ul>');
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
if (random_posts == true){
indexPosts.sort(function() {return 0.5 - Math.random()});
}
if (numposts_gal > numPosts) {
numposts_gal = numPosts;
}
for (i = 0; i < numposts_gal; ++i) {
var entry_gal = json.feed.entry[indexPosts[i]];
var posttitle_gal = entry_gal.title.$t;
for (var k = 0; k < entry_gal.link.length; k++) {
if ( entry_gal.link[k].rel == 'alternate') {
posturl_gal = entry_gal.link[k].href;
break;
}
}
if("content"in entry_gal){
var postcontent_gal=entry_gal.content.$t;
}
s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d;
}
else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';
var _no=i+1;
document.write('<div class="panel" title="'+posttitle_gal+'">');
document.write('<div class="wrapper">');
document.write('<a href="'+ posturl_gal + '"><img src="'+thumburl_gal+'" alt="temp" width="920px" height="270px"/></a>');
document.write('<div class="photo-meta-data"><span>'+posttitle_gal+'</span><br>');
var re = /<\S[^>]*>/g;
postcontent_gal = postcontent_gal.replace(re, "");
if (showpostsummary_gal == true) {
if (postcontent_gal.length < numchars_gal) {
document.write(postcontent_gal);
}
else {
postcontent_gal = postcontent_gal.substring(0, numchars_gal);
var quoteEnd_gal = postcontent_gal.lastIndexOf(" ");
postcontent_gal = postcontent_gal.substring(0,quoteEnd_gal);
document.write(postcontent_gal + '...');
}
}
document.write('</div>');
document.write('</div>');
document.write('</div>');
}
document.write('</div>');
document.write('</div>');
for (var i = 0; i < numposts_gal; i++) {
if (random_posts == true){
var random_int = Math.floor(Math.random()*json.feed.entry.length);
var entry_gal = json.feed.entry[random_int];
}
else{
var entry_gal = json.feed.entry[i];
}
if("content"in entry_gal){
var postcontent_gal=entry_gal.content.$t;
}
s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d;
}
else var thumburl_gal = 'http://i1133.photobucket.com/albums/m596/abu-farhan/Images_no_image.gif';
<!-- Note this caption is before the image, all others it is after -->
var _no=i+1;
if (_no==1){
document.write('<a href="#'+_no+'" class="cross-link active-thumb"><img src="'+thumburl_gal+'" class="nav-thumb" alt="temp-thumb" width="80px" height="60px" /></a>');
document.write('<div id="movers-row">');
}
else{
document.write('<div><a href="#'+_no+'" class="cross-link"><img src="'+thumburl_gal+'" class="nav-thumb" alt="temp-thumb" width="80px" height="60px"/></a></div>');
}
}
document.write('</div>');
document.write('</div>');
document.write('</div>');
}
//]]>
</script>
<script style="text/javascript">
var numposts_gal = 6; //recommended
var numchars_gal = 150;
var random_posts = false; // random posts
</script>
<script src="
ENDEREÇO DE SEU BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div>
.jpg)
.png)
