Membuat Peta Situs (Site Map) Pada Sidebar Blog

Membuat Peta Situs (Site Map) Pada Sidebar Blog

Ditulis oleh waHyu yuwono Minggu, 16 januari 2011. Jam 22.06

Mungkin banyak sobat yang merasa bosan karena setiap mampir ke SC Community bahasannya itu-itu melulu, yaitu tentang site map atau table of content alias daftar isi. Saya sendiri agak bosen juga, hehehe... Tapi karena ingin memberikan alternatif-alternatif site map (peta situs) kepada sobat semua sehingga sobat bisa memilih sesuai dengan selera masing-masing, maka sekalipun "membosankan" saya posting juga.

Sebenarnya site map yang akan saya bahas ini hampir sama dengan site map yang pernah diulas di pembuatan daftar isi bagian I. Bahkan script yang digunakanpun masih script yang sama, karya Abu Farhan, yang diedit pada beberapa bagian untuk disesuaikan. Hanya saja kali ini penempatannya tidak pada halaman artikel melainkan pada sidebar blog.

Keuntungan menempatkan site map (peta situs) pada sidebar adalah dapat memudahkan pengunjung blog untuk melihat-lihat seluruh artikel tanpa harus membuka halaman daftar isi. Pengunjung cukup melihatnya pada sidebar. Sebagai contoh bisa dilihat pada Site Map blog ini yang ada pada TabView di sebelah kanan atas.

Jika kamu mau membuat site map ini, sebaiknya kamu tempatkan pada sidebar yang agak lebar, bahkan jika memiliki TabView Widget, kamu bisa menempatkannya di sana. Atau bisa juga kamu tempatkan pada halaman terpisah seperti pada blog ini.

Cara membuatnya adalah sebagai berikut:

• Dari halaman dasbor, pilih Tata Letak - Elemen Halaman.
• Klik Tambah Gadget dan pilih HTML/JavaScript.
• Masukkan (copy-paste) script berikut (gunakan Control C):
  
  <div style="overflow:auto; padding-left:5px; width:100%; height:250px;">
  <script language="javascript">
  numposts=9999;
  home_page="NamaBlog.blogspot.com";
  explanpost="Baru !";
  </script>
  <ul><script style="text/javascript" src="http://enes-sc.googlecode.com/files/sitemap-np.js"></script></ul>
  </div>
  Kamu bisa menghilangkan bullets (<ul> dan </ul>) jika diinginkan.
• Sesuaikan ukuran lebar-nya (width) dengan ukuran sidebar blog kamu (bisa menggunakan ukuran pixcell) dan ubah tinggi-nya (height) sesuai keinginan kamu.
• Ubahlah jumlah numposts (artikel yang dibaca site map) jika mau.
• Ganti NamaBlog sesuai URL blog kamu, misalnya: ruangsc.
• Ubahlah explanpost-nya dengan kata-kata sesuai seleramu, misalnya: New!, Anyar!, Masih Hangat, Haneut Keneh, dll.
• Setelah selesai, simpan hasilnya dan ucapkan Alhamdulillah...

Catatan:
Jika kamu menempatkan site map ini pada TabView Widget, hapuslah perintah untuk scroll, <div style="overflow:auto; padding-left:5px; width:100%; height:250px;">, dan penutupnya, </div>. Karena pada TabView Widget sudah otomatis menggunakan scroll.

Nah, segitu aja sob. Mudah-mudahan bermanfaat dan tidak bosan dengan bahasan yang itu-itu melulu, hehehe.....
Selamat mencoba .....