Membuat Sitemap Blogger

-
Membuat Sitemap Blogger atau Daftar isi blog

Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi atau sitemap tersebut sangat mudah atau gampang, yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.

(Jika gagal kita bisa gunakan cara ke-2 dalam membuat daftar isi / sitemap Blogger atau cara ke-3 membuat sitemap)

Pembuatan sitemap atau daftar isi secara otomatis pada artikel ini ditujukan untuk pengunjung blog kita, bukan untuk robot Google. Platform blog yang dimaksud di sini adalah Blogger bukan Wordpress, Tumblr, dan platform blog lainnya. Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.


Cara Membuat Sitemap Otomatis - Blogger
Gambar 1. Laman Sitemap

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :
Masuk ke akun blogger
Pilih menu 'Laman'
Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
Pilih mode 'HTML'
Beri judul Daftar Isi atau Sitemap (judul terserah anda)
Masukkan kode utama sebagai berikut

<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://baajei.blogspot.co.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti kode 'baajei.blogspot.com' di atas dengan alamat blog anda
Publikasikan

Daftar Isi / Sitemap Ber-scroll


Apabila anda menginginkan daftar isi atau sitemap yang memiliki scroll di samping kanan (gambar 2), anda harus menambahkan sedikit kode di awal dan di akhir (antara kode utama). Jadi jika digabungkan kodenya akan terlihat seperti berikut:

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://baajei.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>
Nilai '100' pada 'height' bisa dirubah sesuai dari panjang daftar isi yang diinginkan. Jangan lupa ganti kode 'baajei.blogspot.com' di atas dengan alamat blog anda.
Cara Membuat Sitemap Otomatis dengan scroll - Blogger
Gambar 2. Sitemap dengan scroll

Informasi terkait
Cara ke-2 membuat sitemap
Cara ke-3 membuat sitemap
Terima kasih telah berkunjung di Belajar Membuat Blogo, tepatnya di artikel tentang Membuat Sitemap Blogger. Ikuti terus perkembangan blog ini
Lihat yang Anda Cari disini
Daftar Isi Baajei Blog

List of Content 

  1. Memasang Tombol Sosial Media
  2. Cara Menampilkan Judul sebelum Judul Blog
  3. Membuat Readmore Otomatis di Blogger
  4. Panduan Mendirikan Web Bisnis dengan Toko Online
  5. Cara Membuat Blog Gratis dengan menggunakan 1 Akun Google
  6. Cara Membuat Account Google
  7. Cara Membuat Menu Bar di Blogspot
  8. Cara Membuat Menu Bar di Blogspot
  9. Bahan Baku Membuat Toko Online
  10. Membuat Text atau Gambar Berjalan di Blog
  11. Membuat Sitemap Blogger
  12. Cara Mengetahui Top Keyword Hari ini
  13. Cara Mengatur Jarak Antar Widget Sidebar Blogger
  14. Utak Atik Template Bloger Mengganti Menu Navbar
  15. Membuat Deskripsi dan Keyword SEO Friendly
  16. Memasang Aplikasi atau plugin chatting
  17. Mengganti Powered by Blogger dengan suka-suka
  18. 10 Trik Penjualan Online
  19. Awali Kalimat dengan Kata-kata Sensasional
  20. Kumpulkan Pembaca Anda
  21. Janjikan Manfaat Pada Target Anda
  22. Ajukan Pertanyaan yang Menggoda
  23. Gunakan Kesaksian atau Tesmonial
  24. Berikan Bukti Nyata atau Rill
  25. Tampilkan Tawaran Anda dengan Jelas
  26. Berikan Batasan Waktu
  27. Buatlah Segalanya Menjadi Mudah
  28. Cantumkan Nama Jelas Kita dan Nomor yang Bisa Dihubungi
  29. Pentingnya Mengkaji Ulang Kesalahan Dalam SEO
  30. SISTEM INFORMASI HOTEL BERBASIS PHP DAN SMS GATEWAY
  31. Latar Belakang, Rumusan Masalah, Batasan Masalah dan Tujuan
  32. Teori Penunjang Short Message Service, Komponen SMS, GAMMU
  33. Pemograman PHP
  34. MYSQL
  35. PERANCANGAN DAN PEMBUATAN SISTEM
  36. SUBSISTEM SMS GATEWAY
  37. Membuat Aplikasi PHP untuk Pelayanan Hotel Online
  38. Cerita Orang Sukses Bermain Web
  39. Mencari Trik Seo yang Jitu
  40. Lanjutan Pengenalan Tentang Blogger
  41. Cara Posting Blogger dengan File PDF
  42. Mengatur Tag H1, H2, H3, H4, H5 dan H6
  43. Membuat Meta Description dan Keyword Blog
  44. Optimasi SEO On Page 
  45. Panduan Membuat Blog Gratis Blogspot Lengkap & Tuntas 
  46. Cara Memasukan Artikel atau Entri Baru
  47. Panduan Membuat Blog Secara Gratis
  48. NOBS Sosial Media Marketing Dunia
  49. Membuat Formulir Pendaftaran, Google Doc, Cara Memendekan URL yang Panjang
  50. Cara Membuat Blog dengan Buat Accout Google

Postingan populer dari blog ini

Membuat Formulir Pendaftaran, Google Doc, Cara Memendekan URL yang Panjang

-
Gambar
MEMBUAT FORMULIR PENDAFTARAN ONLINE DGN MEMANFAATKAN GOOGLE DOCS DAN TINY URL Google Docs? Apa itu Google Docs? Bagi yang belum tau, Google Docs merupakan sebuah perangkat lunak yang digunakan untuk keperluan perkantoran, seperti mengolah kata (seperti microsoft word), pengolah data spreadsheet (seperti microsoft excel), mengolah persentasi (seperti microsoft power point) dan pengolah dataset (seperti microsoft access). Namun yang berbeda adalah, Google Docs berjalan diatas website! Yup tanpa harus menginstallnya kita bisa menjalankan Google Docs. Yang penting anda punya account google dengan membuat email terlebih dahulu. Tiny URL? Tiny URL merupakan website yang menyediakan solusi sebagai pemendek url website. Misal saja jika kita memiliki URL website yang panjang sekali, kita dapat memendekkannya mengugnakan Tiny URL, misal URL : http://panjangsekali.panjangjuga.com/menghapus-jejak/dan-sekarang-aku-taksanggup/hello-ini-url-yang-sangat-panjang.php dapat diubah oleh Tiny URL
Read more »

Panduan Membuat Blog Secara Gratis

-
Gambar
Panduan Membuat Blog Secara Gratis . Kata-kata Web sebenarnya penyederhanaan dari sebuah istilah dalam dunia komputer yaitu WORLD WIDE WEB yang merupakan bagian dari tekhnologi Internet. World wide Web atau disingkat dengan nama www, merupakan sebuah sistem jaringan berbasis Client-Server yang mempergunakan protokol HTTP (Hyperteks Transfer Protocol) dan TCP/IP (Transmisson Control Protocol / Internet Protocol) sebagai medianya.  Karena kedua sistem ini sedemikian erat hubungan nya, maka untuk saat ini sulit untuk membedakan antara HTTP dengan WWW, mungkin Anda punya pengertian yang lebih spesifik mengenai kedua istilah tersebut..?, Bila demikian berbagilah dengan yang lain melalui SSC Forum. Pada awalnya Internet atau WEB hanya dipergunakan untuk kepentingan Militer yaitu suatu tekhnologi yang dipergunakan untuk mengirimkan pesan rahasia melalui satelit. Akan tetapi lama kelamaan tekhnologi tersebut akhirnya meluas, dan bahkan Perkembangan Internet pada saat ini sudah sama
Read more »

Cara Membuat Postingan Tidak Bisa Dicopy (Non Copy)

-
Cara Membuat Postingan Tidak Bisa Dicopy Bila anda menginginkan karya maupun postingan atau apapun yang tampilkan di web atau blog tdak bisa di copy paste oleh pengunjung, berikut cara membuatnya.  Silahkan anda ikuti langkah - langkahnya : Masuk ke Dasbor Klik tab Tata Letak/Layout/Rancangan Klik tab Edit HTML Beri tanda centang pada kotak kecil Expand Template Widget Silahkan anda cari kode <head> Kalau sudah ketemu, anda Copy Pastekan script yang ada dibawah ini "Persis setelah kode <head>". COPY TEKS DIBAWAH INI < SCRIPT type="text/javascript"> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT> 7. Klik Simpan Template. Ok...., Silahkan anda coba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-ar
Read more »