16 February 2015

Membuat Sitemap Drop Down di widget

jams Tutorial Monday, February 16, 2015

Sebelumnya saya telah membuat artikel Membuat Sitmap di Blogspot kali ini saya akan memberikan artikel tentang membuat sitemap dengan model dropdown di widget Blog. ini lebih terlihat seperti menu kategori berdasar label atau tag artikel. langsung saja kita buat :

Masuk Tata Letak Blog

peratama kita masuk terlebih dahulu ke tata letak blog. silahkan klik tata letak yang berada di menu kiri .

Ketika kita sudah masuh kita dihadapkan oleh sebuah halaman dengan letak tiap komponen dari blog. untuk menambahkan widget sitmap kita perlu tambahkan Gadget. gadget ini adalah sebuah komponen yang bisa kita bongkar pasang pada blog dan tiap gadget punya fungsi sendiri. untuk kali ini kita perlukan adalah Gadget yang dapat kita masukan kode JavaScript . cari Gadget seperti gambar di bawah ini

Memasukan Kode JavaScript

Fungsi dari Gadget dengan menambahkan kode adalah fasilitas yang disediakan blogspot ketika kita ingin membuat komponen sendiri dengan kode yang kita buat sendiri. dalam hal ini kita membuat kode sitemap. jadi silahkan copi kode di bawah ini,


<link href="https://bysu-blogcode.googlecode.com/svn/trunk/TOC_tree.css" media="screen" rel="stylesheet" type="text/css" />
<script src='https://bysu-blogcode.googlecode.com/svn/trunk/TOC_tree_function.js' type='text/javascript'></script>
<script src='https://bysu-blogcode.googlecode.com/svn/trunk/TOC_tree_toggle.js' type='text/javascript'></script>
<script src='http://www.jamalud.in/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc'></script>
<script type='text/javascript'>
var accToc=true;
</script>

Catatan : kode berwarna merah di ganti dengan alamat blog yang dipasang sitemap ini

Dan paste kode tersebut pada halaman setelah kita memilih gadget HTML/JavaScript, masukan pada kotak Konten seperti gambar dibawah ini.