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, atau pada Daftar Isi SC Community.
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:
Nah, segitu aja sob. Mudah-mudahan bermanfaat dan tidak bosan dengan bahasan yang itu-itu melulu, hehehe.....
Selamat mencoba .....
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, atau pada Daftar Isi SC Community.
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="https://sites.google.com/site/ruangsc/enes/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 .....
50 komentarPosting Komentar
bagus ni...
makasih ya....
hatur nuhun mang infona ka anggo pisan
Terima kasih infonya... :D
nice infoo..
mantap kang cuma sidebar saya kekecilan nggak lebar seperti punya akang
hehehe, saya mah seneng2 aja Kang, dikasih ilmu masa ngga mau...
wah...aku harus banyak baca isi blogmu kawan...banyak ilmu tentang blog...ok tank's
salam hujan
Wah, sedot lagi ilmunya ah..hehhhhehe..
Info yg bagus..
Nice day...
Saya jatuh cinta dengan template yang Anda gunakan. Saya sudah download versi aslinya tapi sepertinya butuh waktu lama untuk memodifikasinya. Jika berkenan, saya ingin minta template persis seperti yang ada di blog ini. jika berkenan, saya tunggu di email saya: syarief.tokonjo@yahoo.com
makasi mas masukannya..perlu utk dicoba..hehe
Mas, kalau sidebarnya sempit mending diletakkan di halaman khusus yah? Trims artikelnya.
Info menarik. Sayangnya blog kami masih dalam proses.
Salam kenal saja dari klub MGMP Matematika
wah asik banget nih pengen nyoba jadine
sanes bosen, Kang, tapi abi mah ampuuuun teh kalau sudah harus otak-atik html. Nembe ge ka shoutcamp wah ... hehe ...
Nyoba ah
nuhun sobat
salam
dari dulu saya bingung masalah sitemap mang/kang ne..
pasang digoogle sitemap g pernah beres..
Assalamualaikum ..
Sob, dah nyoba, koq ga sukses eunk
dimana tah salahna
ari nama blogna make http teu
nuhun
@Rep Semua:
Thanks atas komentarnya ya...
@Rep Reca:
Wa'alaikum salam sohib...
Jigana salahna kusabab make http:// Kuduna langsung ngarang situs, teu make http:// sob...
Wah tutornya mantap, kang. Salam kenal.
ALRIS
http://alrisblog.wordpress.com
Tips yg sangat menarik pak buat dipraktekin. Sayangnya blog kami belum kelar.
BTW, makasih banyak buat ilmunya. Sangat bermamfaat bagi kami yg baru belajar ICT.
Hebat c bapak mah. Bukan guru TIK tp menguasai TIK. Salut...
Tips hebat yeuh... Perlu dicoba di blog distorsi kang...
Muantap abizzzz!!!
@Rep Arisjualan:
Salam kenal juga sob... Makasih ah nyasar ke SC dari WP, hehe...
@Rep MGMP:
Jangan ditunggu tahun depan, nungguin proyek baru, hehehe... Kalo bisa buat dari sekarang.
Sama-sama... Ya, sharing ilmu sesama guru IPA. Tp, kok aku gak diajak MGMP ya, padahal kan guru IPA juga?
@Rep Pasti:
Yup... Kamana wae atuh? Distorsi diantep teu diurus. Ngke di huni jurig geura...
walah geus diutak-atik, masih kosong kunano nya jadi binun
bantuan sobat
@Rep Ence:
Ku ane geus dicobaan dina template jika nu Reca, bisa. Ternyata lain make co.cc, tp make blogspot.
Nulisna jiga kieu:
<div style="overflow:auto; padding-left:5px; width:100%; height:250px;">
<script language="javascript">
numposts=9999;
home_page="kebunsaida.blogspot.com";
</script>
<script style="text/javascript" src="http://sites.google.com/site/ruangsc/enes/sitemap.js"></script>
</div>
Kode bullet <ul> jeung </ul> dihapus.
Cobaan deui geura. Kuane mah bisa
Sudah dibaca tambahannya Kang, hatur nuhun pisan
Alus pisan dipake di tarbiyatunnisaa.blogspot.com
Good info...
1. saya tertarik dengan 'menu bar pita' diatas
2. koleksi foto berjalan dibawah
3. Cara membuat site map, yg saya buat hanya kotak kosong....cara membuatnya gimana?
@Rep Dede Nana:
Seharusnya sobat menulis pertanyaannya di ruang tanya jawab, biar org lain bisa melihat jawabannya. Tp berhubung sobat kliatannya seorang guru, saya jawab aja. Maklum sesama guru harus saling bantu, hehehe...
1. Jawabannya ada pada artikel Navbar Menu Animasi dan Non Animasi
2. Itu menggunakan perintah marquee sob. Sobat bisa baca artikel ttg tulisan berjalan.
3. Saya lihat sobat belum mengganti "NamaBlog" dengan nama blogsobat, jelas aja ga bakalan muncul
Makasih Infonya
o iya .. w msih kurang ngerti kangg di num post nya.. btw maksudnya apa kangg?
Mav comment Laggi..
@Rep Yogazz:
Makanya banyak baca, hehe... Saya rasa diartikel lain dah dijelasin.
Numpost itu, banyaknya judul postingan yg dicari
saya dah coba...bagus gak kang hasilnya?hehehe...mudah2an bagus...hehehe
met siang kang, ieu kunjungan perdana.
wah, salut kang blog na sangat sempurna.
trus postingannya sangat bermanfaat.
salam knal dari saya kang..
hatur nuhun...
@Rep Alrezamittariq:
Siiip....
@Rep Candra Blog:
Hatur nuhun sob tos dipuji. Jadi beukah yeuh irung, hehehe...
Salam kenal oge sob...
nice info sob,.......
hehe sami2.. kang, hatur nuhun oge tos rela mengorbankan waktu main ka blog abi anu kumuh. hehe..
mantap sob....bookmarks dulu ah...
bagus lagi..^^ semua artikelnya banyak yang bermanfaat..alhamdulillah aku bisa belajar dari sini..
thanks ya infonya.........!!!!
langsung kucoba ya mas,,ditunggu baslannya
mantap. ga repot.
hatur nuhun kang
Ok lah kalo begitu
thx
thanks
KERREEEENNN ABBBIISSSSSS SALAM KENALL KANG ENNES wahhh pokokknya mantab banget dah ne blog buat panduan :D mau dunk tukar link nya :)
hanya bilang Woww keren...
Mantapp.. setiap widget / halaman memiliki tutorialnya ..
blog yang sangat profesional !
Artikel yg sgt bermanfaat mas.. http://www.nehandnews.com
assalamu alaikum wr. wb. mantap blognya, sy sangat tertarik. abang, sy pemula dalam hal buat blog atau web dan yang lainnya. mhon di bantu utk kode htmlx. ini blog sekolah kami. sy ingin posting soal ulangn atau artikel lainnya, tp msh blm mmpnyai kmmpuan sampai di situ. skli lg mhn di bntu utk mmprlncar pendidikan di kabupaten sorong provinsi papua barat. ini alamt email kami. sdinpres1kabupatensorong@gmail.com
sdinpres1kabupatensorong.blogspot.co.id
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.