Rabu, 09 November 2016

Cara Membuat Daftar Isi di Blog Keren Otomatis dan Menarik

www.anonymox.me - Halo selamat pagi semuanya Pada kesempatan kali ini kita akan membahas tentang Cara Membuat Daftar isi di Blog Keren Otomatis dan Menarik yang di mana daftar isi merupakan sebuah kumpulan label maupun artikel maupun postingan maupun suatu tak yang dibuat khusus untuk menampilkan postingan postingan tersebut

tujuan dari pembuatan seat map atau daftar isi tidaklah lain agar lebih bermanfaat untuk pengunjung lainnya agar artikel-artikel yang telah kita buat lama bisa mereka cari terutama sitemap blog sendiri bermanfaat untuk menambah kekayaan dari suatu web atau dari blog tersebut oleh karena itu hampir kebanyakan suatu blog dan website biasanya menyertakan suatu sitemap di blog blog mereka

Baca: Blogger Template New Responsive Fast Loading SEO Friendly 2017

sitemap yang akan dibagikan di sini ada 6 script Jadi anda nanti bisa mencobanya 11 mana yang sesuai mana yang ingin anda dapatkan dan ini merupakan seat map yang paling terbaru karena dari hasil temuan admin di penelusuran Google sendiri banyak tutorial pembuatan sitemap yang sudah expired karena dari hosting Google atau dari Google kode sendiri sudah dimatikan

berikut adalah 6 macam sifat yang akan kami berikan Hanya Untuk Anda dan selamat menyimaknya:

1 yang pertama adalah sitemap sangat simpel sekali yang dimana seat map ini menampilkan seluruh postingan yang ada di blog anda dan anda bisa mencobanya karena ini sangat simple minimalis

cara membuat daftar postingan keren di blog

<br />
<div style="background-color: #87CEFA; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<script type="text/javascript" src="http://cdn.indoblog.me/Script/SitemapSatu.js"></script>
<ul>
<script src="http://www.anonymox.me/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=9999"></script>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
</ul>
</div>
<br />

2 lalu yang kedua yang dimana sitemap ini juga merupakan sitemap hasil pengembangan dari yang pertama yang dimana pada sipnap yang kedua ini di Tampilkan tanggal bulan dan tahun Pada masing-masing kategori artikel dan Anda bisa melihat contohnya pada gambar dibawah ini

isi blog yang sering dikunjungi

<br />
<div style="background-color: #87CEFA; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<script type="text/javascript" src="http://cdn.indoblog.me/Script/SitemapDuaAtas.js"></script>
<script type="text/javascript" src="http://cdn.indoblog.me/Script/SitemapDua.js"></script>
<script src="http://www.anonymox.me/atom.xml?redirect=false&start-index=1&max-results=1000&orderby=published&alt=json-in-script&callback=rp"></script>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
</div>
<br />

3 kemudian yang ketiga adalah sitemap hasil pengembangan dari yang pertama juga yang di mana pada sepak ini ditampilkan semua judul artikel Dan postingan berdasarkan label dan setiap judul artikel akan diberikan nomor urut sesuai popularitas dari masing-masing artikel tersebut untuk contohnya bisa anda lihat pada gambar dibawah ini

cara membuat isi halaman blog berdasarkan label

<br />
<div style="background-color: #FFFFFF; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<script type="text/javascript" src="http://cdn.indoblog.me/Script/SitemapTiga.js"></script>
<script src="http://www.anonymox.me/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>
<br />

4 kemudian untuk yang daftar isi keempat ini merupakan sebuah daftar isi yang sangat respon cantik menarik yang di mana setiap kategori atau label ada di sebelah kiri dan setiap judul postingan ada di sebelah kanan dengan tampilan yang cukup menarik dan bagus sekedar untuk contoh saja Anda bisa melihatnya pada gambar dibawah ini saja

cara membuat daftar isi blog dengan scroll

<br />
<div style="background-color: #FFFFFF; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<div id="tabbed-toc">
<span class="loading">Loading, Silahkan Tunggu Sebentar...</span></div>
<br />
<script src="http://cdn.indoblog.me/Script/SitemapEmpat.js" type="text/javascript"></script>
<script src="http://cdn.indoblog.me/Script/SitemapEmpatAtas.js" type="text/javascript"></script>
<link href="http://cdn.indoblog.me/Css/SitemapEmpat.css" rel="stylesheet" type="text/css"></link>
<script src="http://www.anonymox.me/atom.xml?redirect=false&start-index=1&max-results=9999&orderby=published&alt=json-in-script&callback=rp"></script>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
</div>
<br />

5 Kemudian untuk desain seat map yang kelima ini ini sangat responsif dan sangat menarik lagi-lagi karena sebab yang nomor 5 ini cukup sederhana untuk hasil pastinya atau sekedar contoh saja Anda bisa lihat perhatikan image dibawah ini

cara membuat daftar isi blog di halaman blog

<br />
<div style="background-color: #FFFFFF; border: 1px solid #999999; height: 500px; overflow: auto; padding: 10px; width: 100%px;">
<link rel="stylesheet" href="//cdn.indoblog.me/Css/Accordion1.css"/>
<div id="table-of-content" class="table-of-content"><span class="loading">Loading, Silahkan Tunggu Sebentar...</span></div>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
<script>
var toc_config = {
    url: 'http://www.anonymox.me',
    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.indoblog.me/Script/Accordion1.js"></script>
</div>
<br />

6 lalu yang terakhir merupakan sebuah daftar isi yang kebetulan daftar isi ini yang admin gunakan di blog ane nemu ini dan Anda juga bisa mencobanya yang dimana seat map ini juga seperti halnya ya Ada poin di atas setiap judul artikel atau judul postingan akan ditampilkan berdasarkan kategori label dan sebab ini dihiasi dengan warna kebiru-biruan untuk contohnya bisa anda lihat pada gambar dibawah ini

cara membuat daftar isi blog berdasarkan label


<br/>
<link href="http://cdn.indoblog.me/Css/SitemapEnam.css" rel="stylesheet" type="text/css"></link>
<div id="toc">
<script src="http://cdn.indoblog.me/Script/SitemapEnam.js" type="text/javascript"></script>
<script src="http://www.anonymox.me/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<div class="credit-link"><a href="//www.indoblog.me" title="Cara Apa Saja">&#9654; Cara Apa Saja</a></div>
</div>
<br/>

Dan untuk pemasangannya sendiri sangatlah mudah dari 1-6 sitemap tersebut silahkan anda pilih salah satunya dan jangan lupa tulisan berwarna merah ganti dengan blog dan web anda kemudian copy scriptnya dan pasang pada html postingan blog anda.

Baca: Cara Pasang Iklan Google Adsense di Blog Secara Otomatis Terbaru 2017

Oke sahabat blogger semuanya mungkin itu Saya dulu tips singkat simpel dan sederhana pada kesempatan kali ini menyangkut dengan Cara Membuat Daftar isi di Blog Keren Otomatis dan Menarik Hanya Untuk Anda dan untuk tutorial tutorial yang lainnya Silahkan bisa anda cari di menu bitmap sebelah kanan saja dan atas kunjungannya admin ucapkan terimakasih Happy coding