quarta-feira, 31 de agosto de 2016

Sitemap accordion blogger new model

sitemap accordion blogger new model

Hoje vamos mostrar como adicionar o widget acima isso vai trazer a navegação mais rápida para aqueles que desejam buscar um conteúdo especifico no seu Blogger além de ser elegante para adicionar sitemap acordion no blogger siga os passos abaixo.



Para adicionar o widget no seu Blogger siga os passos.


Faça login no blogger então va no meu pagina criar uma nova pagina então clique na aba HTML  e adicione o seguinte código.


<link rel="stylesheet" href="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-skin.css"/>
<div id="table-of-content" class="table-of-content"><span class="loading">Memuat...</span></div>
<div class="credit-link"><a href="//www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">&#9654; Accordion TOC</a></div>
<script>
var toc_config = {
    url: 'http://www.mybloggerseo.com',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' &ndash; <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-1.js"></script>

Certifique se que seu Blogger esteja usando a versão recente de Jquery caso não possua substiua por isso acima da tag </head> não esqueça de substituir o link em amarelo acima pela url do seu Blogger

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>




NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner