Kode Sitemap atau Daftar Isi Keren 2015

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Assalamualaikum agan ..
Kali ini saya akan posting tentang Kode Sitemap atau Daftar Isi Keren  .

Penampakanya seperti ini gan

Dan anda bisa juga mempraktekan Sitemap Yang seo friendly yaitu di postingan saya yang ini :
Cara Membuat Sitemap atau Daftar Isi SEO friendly 

Ini Kodenya :

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap.css" rel="stylesheet"></link><br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Loading...</span></div>
<script>
    var toc_config = {
        url: 'http://tutorvarokah.blogspot.com',
        containerId: 'table-of-content',
        showNew: 10,
        newText: ' - <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>

Note : Ganti url yang warna merah tersebut dengan url blog anda .

 Langkah - langkah pemasangan :

• Yang pertama klik laman dan selanjutnya klik laman baru . seperti gambar dibawah ini 
  

• yang kedua rubah compose menjadi html seperti yang ditunjukan arah panah pada gambar dibawah ini

• Paste kan script tersebut dan klik Publikasikan . SELESAI !  

Gimana Cara Memunculkan Sitemap Di Tampilan Blog ?

• Pertama anda klik template dan selanjutnya klik edit HTML  . seperti gambar dibawah ini 

• Kedua anda cari kata di blog anda , misalkan : kontak saya , artikel saya dll . Jika anda binggung lihat screenshot saya ini

Panah Merah : itu link / url daftar isi / sitemap saya .

Panah Hijau  : Itu tulisan yang akan anda tampilkan di blog anda .

SILAHAKAN TANYA KALAU MASIH BINGUNG GAN ! 

OKE ...

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Tweet