Template Novo Blogger Slide

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.

DEMO/PEGAR CÓDIGO

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>