Cara membuat daftar isi / Sitemap di blog - Aku Kuat Blog's, Sebelum saya membuat artikel "cara membuat Sitemap efek Jquery V2" ini, saya pernah memposting turorial Membuat Sitemap Seo Keren di Blog V1. Pada artikel kali ini saya mendapat inspirasi dari Mas Taufik. Ok langsung saja sedot tutorialnya gan.
Penampakannya (Klik untuk memperbesar)
(DEMO)
PROSES MEMBUAT SITEMAP
1. Silahkan Copy dulu kode di bawah ini.
<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>
<div class="table-of-content" id="table-of-content">
<span class="loading">Loading...</span></div>
<script>
var toc_config = {
url: 'http://bagus-programmer-arpega.blogspot.com',
containerId: 'table-of-content',
showNew: 10,
newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">New !!!</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="https://googledrive.com/host/0B685uqap5sAIc0tvWHphd1lvT0E/sitemap.js"></script>
Hal yang perlu diperhatikan
- Teks yang berwarna biru adalah jQuery. Apabila ditemplate agan sudah dilengkapi jQuery, singkirkan saja script warna birunya.
- Ganti teks yang berwarna merah dengan Alamat Blog Agan
2. Masuk ke Dashboard blogger, lalu klik pages.
3. Klik Blank page. Perhatikan gambar berikut.
4. Pastekan kode javascript tadi ke kolom edit, pastikan anda memilih mode (HTML), lihat gambar berikut.
Selesai dah :D
Demikian Tutorial blog dari saya tentang Cara Membuat daftar isi / Sitemap di Blog , semoga bisa bermanfaat. Terima kasih... Lihat juga DAFTAR ISI
Ditulis Oleh : Unknown ~ Coretan Erik
Sobat sedang membaca artikel tentang Cara Membuat daftar isi / Sitemap di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
0 komentar:
Posting Komentar
Gunakan Fasilitas di bawah ini apabila Anda perlu menggunakannya.
Terima Kasih Telah Berkunjung...