Cara Membuat Sitemap Menampilkan Semua Pos Blog

Beberapa hari ini saya lagi pusing - pusingnya nyari sitemap yang menampilkan smeua isi blog. Ada sih dan muncul dipencariann Google sejumlah blog dengan tutorial kaya gini, tetapi lagi - lagi blog tersebut hanya memberikan tutorial cara membuat sitemap blog blogspot. Sedangkan hal ini bukan yang saya maksud. 
Contoh Sitemap

Yang saya maksudkan adalah adanya sebuah kode scirpt yang bisa benar - benar menampilkan semua isi blog. Jadi semua artikel blgo dari awal sampai hari ini tetap muncul. Hal ini karena ya kalau lagi cari tutorial diblog sendiri atau cara artikel tertentu bisa cepat dengan meihat sitemap tersebut. 

Ya kalau isi blog baru beberapa memang tampil semua dengan cara membuat sitemap berdasarkan kategori, tetapi ternyata dengan cara beberapa artikel saya tenggelam, kan jadi repot kalau harus login dan cari artikel dari dasbhord kan. 

Yang belum tau sitemap. Sedikit kenalan dulu nhi. Sitemap juga dikenal dengan daftar isi yaitu suatu halaman yang dibuat untuk menampilkan isi blog. Orang juga menyebutnya dengan peta situs. Kalau dijelaskan kaya semacam cara bagaimana bisa melacak semua isi artikel begitu. Sitemap juga berguna bagi pengunjung yang ingin melihat semua artikel pada blog tersebut. Selain itu juga penting untuk alasan SEO.

Lanjut, akhirnya ketemu nhi sebuah blog yang benar - benar bisa memberikan solusi agar bisa membuat sitemap dengan menampilkan semua artikel blog 100 persen. Berikut caranya.

1. Setelah login klik Laman

2. Buat laman "Sitemap", lalu klik yang HTML (bukan Compose)

3. Copy Paste kode berikut

<style type="text/css">
#bp_toc {background:#FFFFFF;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#2E2E2E;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#585858;width:250px;}
.toc-header-col2 {padding:10px;background-color:#585858;width:75px;}
.toc-header-col3 {padding:10px;background-color:#585858;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#0101DF;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
</style>
<br />
<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/teknomia/sitemap/95c4a4a6/sitemap-blogtoc.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments {display:none;}
</style>

4. Klik Publikasikan


Dari kode diatas tidak perlu melakuan edit apapun cukup dengan copy paste beres dech. Ya kecuali situ mau otak atik warnanya. Ya kaerna saya juga sudah rubah warnanya dari kode aslinya. Maklum saya gak suka warna dari sononya yang pinky. 

Minusnya adalah, loading sitemap agak lama, tidak secepat yang versi berdasarkan kategori. Tapi ya mau bagaimana, yang inikan bisa menampilkan semua isi blog. Jad gak papa lah. 

Terimakasih pada blog yang telah memberikan solusi ini. Kalau mau lihat tutorial aslinya cek di sumber dibawah ini. 

Sumber
https://duarupa.blogspot.com/2017/04/cara-membuat-sitemap-daftar-isi-blog.html

0 Response to "Cara Membuat Sitemap Menampilkan Semua Pos Blog"

Posting Komentar

Terimakasih telah berkunjung, silahkan tinggalkan komentar