Home · Menu 1 · Belajar HTML · Menu 3 ·
» » Kode Sitemap atau Daftar Isi Keren 2015

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 ...



8 Responses to " Kode Sitemap atau Daftar Isi Keren 2015 "

  1. Unknown3 Juni 2015 pukul 06.37

    wah keren nih.. jadi pengen ganti sitemap

    BalasHapus
    Balasan
    1. Unknown10 Juni 2015 pukul 07.06

      wah .. kalau mau ganti silahkan aja gan :) mungkin anda ingin tampilan yang lebih baru lagi di blog agan :))

      Hapus
  2. Rahmat6 Juni 2015 pukul 14.31

    Keren bang halaman sitemapnya

    Follbavk ye kevtoyz.tk

    BalasHapus
  3. Unknown9 Juni 2015 pukul 01.04

    sangat membantu sekali nih kodenya :)

    BalasHapus
  4. DA-Blog9 Juni 2015 pukul 04.35

    nice tutor gan

    BalasHapus
  5. Jack Trump10 September 2017 pukul 18.53

    izin sedot gan :D

    BalasHapus

Silahkan berkomentar asalkan :
- Tidak berkomentar yang mengandung unsur SARA
- Tidak share link vokep . (apalagi yang 3gp) DOSA !
- Tidak SPAM

~KRITIK DAN SARAN SANGAT MEMBANTU~
TERIMAKASIH