Cara Membuat Sitemap atau Daftar Isi Blogger Rapi dan Keren

Sitemap atau daftar isi blog sangat penting untuk menampilkan halaman yang didalamnya berisi tentang informasi untuk pengunjung agar mereka mengetahui seluruh isi artikel di blog. Jadi artikel atau tulisan apa saja entah itu terbaru atau terdahulu ( postingan lama ) yang Kita Publikasikan didalam Blog akan terdaftar pada sitemap sehingga pengunjung puas dengan informasi yang Kita bagikan.

Cara Membuat Sitemap atau Daftar Isi Blogger Rapi dan Keren

Membuat Sitemap/Daftar Isi Blogger sangatlah sederhana dan mudah, tergantung pembawaan Kita seperti apa. Kebetulan cara yang akan saya bagikan ini adalah cara yang sangat mudah sekali untuk dipraktikan sehingga untuk Kita yang belum begitu paham dengan CSS maupun HTML, beruntunglah Kalian mengunjungi artikel yang telah kita bahas kali ini.

Ada begitu banyak cara untuk membuat Sitemap di Blogger, bahkan ratusan orang membuat tutorialnya pada Blog mereka masing - masing bahkan para Blogger Profesional seperti:

  1. Mas Timon

    Mas Timon Pemilik Timon Adiyoso adalah salah satu Blogger Indonesia yang merupakan kategori Profesional. Didalam isi blognya Mas Timon kebanyakan adalah pengalaman dari Beliau sendiri. Beliau juga sempat menuliskan artikel tentang tutorial membuat Sitemap atau daftar isi di Blogger dengan judul "Cara buat SITEMAP Blog Per Label terbaru dengan mudah dan rapi" (07/18).

  2. Arlina Design

    arlinadzgn.com adalah salah satu Blog Indonesia yang merupakan kategori Profesional. Sedikit berbeda dengan Mas Timon yang dimana awalnya banyak membagikan pengalaman - pengalaman di Dunia nyata hingga saat ini menjadi salah satu Blogger dengan juga membagikan Tips dan Trick tentang Blogger begitu juga dengan Arlina Design yang dimana pemilik dari website tersebut sering membagikan Tips dan Trick seputar Blogger. Beliau juga sempat menuliskan artikel tentang tutorial membuat Sitemap atau daftar isi di Blogger dengan judul "Cara membuat Sitemap di Blogger" (15/15).

  3. Sugeng

    sugeng.id Pemilik Sugeng Riyadi adalah salah satu Blogger Indonesia yang merupakan kategori Profesional. Berbagai Tips dan Trick bagus seputar Blogger beliau berikan untuk para pengunjung setia pada websitenya. Selain memberikan Tips dan Trick seputar Blogger, Pemilik dari website tersebut juga sering memberikan Tips sebagai Blogger Profesional. Beliau juga sempat menuliskan artikel tentang tutorial membuat Sitemap atau daftar isi di Blogger dengan judul "Cara Memasang Widget Daftar Isi di Halaman Statis Template VioMagz" (07/18).

  4. KompiAjaib

    kompiajaib.com pemilik Adhy Suryadi adalah salah satu Blogger Indonesia yang merupakan kategori Profesional. Berbagai Tips dan Trick bagus seputar Blogger beliau berikan untuk para pengunjung setia pada websitenya. Selain itu juga beliau membuat Template dan menjualnya bahkan ada juga yang gratis. Beliau juga sempat menuliskan artikel tentang tutorial membuat Sitemap atau daftar isi di Blogger dengan judul "Modifikasi Cantik, Sitemap Blog ala Abu Farhan" (04/12).

  5. Bung Frangki

    bungfrangki.com pemilik Alfrangki Ibrahim adalah salah satu Blogger Indonesia yang merupakan kategori Profesional. Beliau juga sempat menuliskan artikel tentang tutorial membuat Sitemap atau daftar isi di Blogger dengan judul "Cara Membuat Sitemap/Daftar Isi Berdasarkan Label Secara Otomatis" (09/15).
Masih banyak lagi para Blogger Profesional yang belum saya sebutkan di atas yang telah membuat Tutorial atau Tulisan tentang Cara Membuat Sitemap/Daftar Isi Blogger Rapi dan Keren yang akan kita bahas kali ini. Perlu Kita ketahui dengan menampilkan Sitemap atau daftar Isi blog yang Rapi dan Keren pasti akan menjadi perhatian khusus di mata pengunjung dan ini akan membuat pengunjung akan betah di blog yang kita kelola. Mari kita simak langkah - langkahnya:

Cara Membuat Sitemap atau Daftar Isi Blogger Rapi dan Keren


1. Login Blogger itu pasti.
2. Buatlah Halaman baru dengan cara Pilih menu Halaman pada Dashbord Blogger Kalian dan buat Halaman baru.
3. Copas (Copy dan Paste) kode di bawah ini dan letakan pada Halaman baru dengan mode HTML, ingat mode HTML bukan Compose.
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<style type="text/css">
.tabbed-toc {margin:0 auto;background-color:#2f77bd;box-shadow: 0 0 7px rgba(5, 5, 5, 0.34);overflow:hidden;
position:relative;color:#333;border: 1px solid #9C9C9C;}
.tabbed-toc .loading {display:block;padding:10px 12px;font:normal bold 12px/normal Helmet,FreeSans,Sans-Serif;
color:white;}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li {margin:0;padding:0;list-style:none;}
.tabbed-toc .toc-tabs {width:20%;float:left;}
.tabbed-toc .toc-tabs li a {display:block;font:normal bold 12px/28px Helmet,Freesans,Sans-Serif;overflow:hidden;text-overflow:ellipsis;color:#fff;text-transform:uppercase;text-decoration:none;
padding:7px 15px;cursor:pointer;box-shadow: 0px 1px 1px rgb(255, 255, 255);}
.tabbed-toc .toc-tabs li a:hover {background-color:#4086E0;color:white;box-shadow: 0 0 7px rgba(0,0,0,.7);}
.tabbed-toc .toc-tabs li a.active-tab {background-color:#FFF;color:black;box-shadow: 0 0 7px rgba(0,0,0,.7);
z-index:5;margin:0 -1px 0 0;/* cursor:text; */}
.tabbed-toc .toc-content,.tabbed-toc .toc-line {width:80%;float:right;background-color:white;border-left:5px solid #1E84BC;box-sizing:border-box;}
.tabbed-toc .toc-line {float:none;display:block;position:absolute;top:0;right:0;bottom:0;box-shadow:0 0 7px rgba(0,0,0,.7);}
.tabbed-toc .panel {position:relative;z-index:5;font:normal normal 10px/normal Helmet,FreeSans,Sans-Serif;}
.tabbed-toc .panel li a {display:block;position:relative;font-weight:bold;font-size:12px;color:#000;line-height:20px;padding: 10px 12px;
text-decoration:none;outline:none;overflow:hidden;}
.tabbed-toc .panel li time {display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right;}
.tabbed-toc .panel li .summary {display:block;padding:10px 12px 10px;font-style:italic;
border-bottom:4px solid #275827;overflow:hidden;}
.tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;padding:4px;
width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa;}
.tabbed-toc .panel li:nth-child(even) {background-color:#66A9FF}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li a:hover time,.tabbed-toc .panel li.bold a {
background-color:#333;color:white;outline:none;}
.tabbed-toc .panel li.bold a:hover,
.tabbed-toc .panel li.bold a:hover time {background-color:#222}
.post ol li::before {content: none;}
.post ol li {margin:0;}
@media (max-width:700px) {
.tabbed-toc {border:2px solid #333}
.tabbed-toc .toc-tabs,.tabbed-toc .toc-content {overflow:hidden;width:auto;float:none;display:block;}
.tabbed-toc .toc-tabs li {display:inline;float:left;}
.tabbed-toc .toc-tabs li a,.tabbed-toc .toc-tabs li a.active-tab {background-color:#2f77bd;box-shadow:2px 0 7px rgba(0,0,0,.4);}
.tabbed-toc .toc-tabs li a.active-tab {background-color:white;color:#333;}
.tabbed-toc .toc-content {border:none}
.tabbed-toc .toc-line,
.tabbed-toc .panel li time {display:none}
.tabbed-toc .panel li a{height: auto;}
</style>
<script>
var tabbedTOC = {
blogUrl: "https://www.legendseo.net/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
monthNames: [ // Array of month names
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>
<script src="https://cdn.jsdelivr.net/gh/tovic/dte-project@2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>
4. Pratinjau terlebih dahulu hasil dari kode yang telah di Pastekan tadi dan sesuaikan warna, ukuran dan style sesuai keinginan dengan cara merubah kode - kodenya.

Untuk membantu untuk menyesuaikanya, mari kita perjelas apa saja kode yang terpenting untuk merubah tampilan agar menjadi menarik dan semakin keren lagi daripada sebelumnya.

Note: Cari kode dengan huruf tebal dan ganti kode setelah petik dua ":".
.tabbed-toc .toc-tabs li a.active-tab: Label yang aktif
.tabbed-toc .toc-tabs li a: Label yang tidak aktif
.tabbed-toc .toc-tabs li a: Judul

Manfaat dan fungsi dari membuat Sitemap atau Daftar Isi Blog dengan Rapi dan Keren

  • Blog semakin SEO Friendly.
  • Banyak pengunjung setia.
  • Tidak banyak orang yang bosa dengan Blog Kita.
  • Blog semakin terpercaya.
  • Kita semakin semangat membuat konten atau artikel.
  • Blog Semakin di kenal.
  • Informasi semakin terjangkau oleh pengunjung, dll
Hal yang paling menarik tentang Manfaat dan fungsi dari membuat Sitemap atau Daftar Isi Blog dengan Rapi dan Keren di atas adalah Blog Kita semakin SEO Optimized dengan menampilkan sitemap otomatis sesuai dengan labelnya, sehingga ia menampilkan judul posting sesuai dengan label yang telah Anda kategorikan atau buat. Posting terbaru akan secara otomatis dimasukkan dalam daftar dengan adanya tanda, jadi Anda tidak harus memasukkannya satu per satu mana yang terbaru mana yang terdahulu. Memasang sitemap di blog khususnya blogger tidak memerlukan keahlian yang khusus untuk menguasai html, karena Kita hanya cukup menyalinnya dan menginstalnya di halaman statis, hanya sedikit yang dirubah seperti Alamat URL Website Kita.

Itulah tadi Pembahasan Kita tentang Cara Membuat Sitemap atau Daftar Isi Blogger Rapi dan Keren. Semoga dapat dijadikan Inspirasi bagi kita semua untuk menjalani hidup menjadi seorang Blogger, semoga Kita semua dapat membangun Blogger Indonesia semakin maju dan profesional seperti Beliau - beliau yang saya sebutkan di atas walaupun belum semuanya ada. Akhir kata Terima kasih banyak atas kunjunganya jangan lupa bagi Kalian yang bersedia untuk berlangganan pada Blog sederhana ini untuk meluangkan waktunya sebentar untuk Mengikuti atau Berlangganan Email.

Artikel Pencarian Terkait:
  • Cara Membuat Sitemap / Daftar Isi Otomatis Di Blog
  • Cara Membuat Sitemap SEO Keren di Blogspot
  • Cara Membuat Sitemap (Daftar Isi) di Blog Versi Lengkap
  • Cara Membuat Sitemap/Daftar Isi Berdasarkan Label Secara Otomatis
  • Cara Membuat Page Sitemap/Daftar Isi Keren Dan Seo ...

Komentar

Posting Komentar

Postingan populer dari blog ini

Terlalu Dekat Dengan Pasar, 15 Minimarket Modern Di Malang Akan Di Tutup Oleh Pemkot Malang

Gambar
WESTERNBLOG.XYZ  - Rencana Pemerintah Kota Malang untuk menutup toko modern yang dekat dengan pasar tradisional terus menjadi matang. Selain itu, mencoba memasukkan produk-produk usaha mikro, kecil dan menengah (UMKM) ke dalam toko-toko ritel yang dioperasikan juga ditingkatkan. Mengenai penyelesaian toko modern yang sedang berjalan, itu juga membantu mengangkat produk UMKM. Upaya untuk mengendalikan toko modern di dekat pasar tradisional akan segera diterapkan pada mereka yang mengganti aturan. "Pengendalian toko modern ini harus dilakukan tahun ini," kata Walikota Malang, Sutiaji, Minggu (21/4). "Dalam waktu dekat, saya akan bertemu dengan toko ritel modern untuk membahas dan mengadakan perjanjian baru," jelas politisi Demokrat itu. Sebelumnya, Sutiaji mengaku telah bertemu dengan salah seorang General Manager sebuah toko modern di Jakarta. Dia mengumumkan bahwa dia telah membuka rencana untuk memutuskan toko modern, sementara berencana untuk memasarkan produk lok...
Baca selengkapnya

Cara Menghindari Konten Salinan dengan Baik dan Benar

Gambar
Apakah kalian tahu, bahwa konten Kalian hasil salinan atau bukan? disengaja dan tidak disengaja bisa saja terjadi pada Blog Kalian. Bagaimana tidak, banyak para Blogger diluar sana yang berbondong - bondong membuat artikel yang memungkin tulisan mereka sama walaupun tidak disengaja. Artikel ini tidak mengajari Kalian untuk berbuat curang dengan membuat konten salinan yang aman dan sebagainya, akan tetapi hal itu bisa dilakukan selama Kalian tahu caranya. Merasa kasihan dengan mereka para Blogger yang telah membuat artikel dengan susah payah lalu di Copy begitu saja tanpa ijin. Akan lebih baiknya lagi selain menampilkan sumber yang di cari di berbagai website yang Kalian kunjungi, hendahlak untuk mengganti kata - kata yang bertujuan sama dengan maksud menghindari konten salinan. Berikut ini contoh yang baik dan benar untuk mengbuat konten atau artikel dengan Mencantumkan sumber ilmu yang didapatkan. Mengbuat Konten atau Artikel dengan Mencantumkan Sumber "Banyak Para Blogger membua...
Baca selengkapnya

112 TPS di Riau akan melakukan pengulangan Coblosan dan Lanjutan

Gambar
WESTERNBLOG.XYZ - Bawaslu Riau merekomendasikan bahwa ada 112 tempat pemungutan suara yang akan melakukan pemungutan suara ulang (PSU) dan pemilihan lebih lanjut. Ini dilakukan karena masalah di lapangan. "Kami sudah menyampaikan ini ke KPU Riau. Ini karena banyaknya laporan yang kami terima dari publik saat pemilihan 17 April 2019," kata Ketua Bawaslu Riau, Rusidi Rusdan Lubis. Rusidi menjelaskan rekomendasi PSU dan melanjutkan setelah partainya memverifikasi dan mengumpulkan hasil data pemantauan di TPS di Riau. Hasil pengawasan ini kemudian ditinjau dan dibahas dua hari setelah pemungutan suara. "Diskusi dilakukan secara komprehensif dengan merekapitulasi peristiwa dan masalah khusus yang terjadi di semua TPS di Riau," kata Rusidi. Menurut Rusdi, berdasarkan hasil pengumpulan masalah, ditemukan bahwa 26 tempat pemungutan suara akan dilakukan oleh PSU dan 86 tempat pemungutan suara dilaksanakan dengan pemilihan lebih lanjut. "(Sebanyak) 26 tempat pemungutan ...
Baca selengkapnya