Friday, 1 March 2013

Sitemap Simply MOD Ala topSpot


@gambar-yang.blogspot.com


Mungkin diantara sobat-sobat blogger, banyak sekali yang masih membutuhkan keberadaan sitemap sebagai faktor pendukung menu navigasi di blog nya. Dan saya rasa sebagian besar blogger tentunya sudah memiliki sitemap atau yang sering disebut daftar isi ini. Sitemap (peta situs) atau daftar isi kerap kali ditampilkan dan disediakan di sebuah blog/website/forum dengan tujuan agar para pengunjung, juga para pembaca, bisa dengan mudah dan cepat menemukan artikel atau post atau apapun yang ingin dicari.

Nah, kali ini topSpot akan memperkenalkan sitemap keluaran terbarunya yang bernama 'Sitemap Simply MOD ala topSpot'. Kenapa disebut begitu? Karena sitemap ini merupakan sitemap yang memiliki penampilan sederhana namun cukup elegan (haha elegan dari hongkong..). Sedangkan MOD itu sendiri adalah singkatan dari modification. Ya, ini adalah sitemap yang saya modif sedemikian rupa dengan beberapa bumbu bullets sebagai pengganti nomor, tambahan scroll, background kategori/label, dan garis tepi label yang berbentuk sedikit oval.


Mau tahu seperti apa penampakan nya? Bekicot sob :


@gambar-yang.blogspot.com
Sitemap Simply MOD With Scrollbar


@gambar-yang.blogspot.com
Sitemap Simply MOD Without Scrollbar


Jadi, Sitemap Simply MOD ini ada 2 jenis, yaitu ; sitemap dengan scrollbar dan tanpa scrollbar. Sitemap ini sangat ringan dikarenakan penampilan nya yang sederhana dan tidak menggunakan animasi di dalamnya. Sederhana tapi sedikit lebih menarik dari sitemap sebelumnya (sebelum saya modifikasi). Baiklah, jika sekiranya sobat berminat menggunakan sitemap model ini, sobat bisa mengikuti cara pemasangan nya seperti di bawah ini :


1. Untuk Sitemap Simply MOD with Scrollbar, masukkan kode berikut ke dalam page (halaman) atau bisa juga di dalam sebuah post :
<div style="border: 1px solid #ccc; overflow: auto; height: 500px; padding: 10px; width: auto;">

<script src="http://sitemap-modification.googlecode.com/files/sitemap-mod-topspot.js"></script>
<script src="http://gambar-yang.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

</div>
Ket : ganti url yang saya beri warna merah dengan url blog sobat!

2. Untuk Sitemap Simply MOD without scrollbar, masukkan kode berikut ke dalam page (halaman) atau bisa juga di dalam sebuah post :
<div style="border-width: 0px; overflow: auto; padding: 10px; width: auto;">

<script src="http://sitemap-modification.googlecode.com/files/sitemap-mod-topspot.js"></script>
<script src="http://gambar-yang.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

</div>
Ket : ganti url yang saya beri warna merah dengan url blog sobat!


Sitemap ini fleksibel ditempatkan dimanapun! Sobat tidak perlu kuatir dengan jenis dan warna font bahkan untuk warna background sitemap sekalipun, karena pada dasarnya sitemap ini sudah saya set sedemikian rupa agar selalu mengikuti jenis dan warna font blog bahkan background blog dimana sitemap ini ditempatkan. Cukup mudah bukan!! Jadi bagi sobat yang mungkin belum memiliki sitemap atau mungkin ingin ber-migrasi ke penampilan sitemap yang lebih sederhana tapi tetap menarik, boleh mencoba Sitemap Simply MOD ini. Semoga bermanfaat dan salam olahraga!