Membuat Sitemap Sederhana Ala Kang-Cahya Di Blogger
Sitemap merupakan kumpulan semua judul konten yang disajikan dalam format list atau lainnya, dimana di masing-masing judul itu memiliki link yang terhubung pribadi dengan halaman yang bersangkutan. Sitemap ini berfungsi sebagai peta yang pertanda segala hal yang ada di website tersebut, ibarat ini misalnya : https://www.kang-cahya.com/p/sitemap-page.html
Dalam pembahasan kali ini saya ingin membahas sedikit seputar cara menciptakan sitemap di blogger, sitemap ala kang-cahya, dimana bentuk sitemapnya nanti akan berupa list yang dikelompokan menurut kategori, ibarat yang nampak pada gambar di atas.
INSTALASI SITEMAP
Cara memasang sitemap di blogger sangatlah mudah, caranya :
Pertama, login ke blogger.com, kemudian masuk ke hidangan halaman/page, klik tombol buat halaman baru.
Kedua, pada bab judul ketikan "sitemap" atau apa bebas namanya terserah kamu. Tapi untuk blog saya sendiri pada bab judul saya beri nama "Sitemap Page".
Ketiga, pada bab tubuh konten, disana terdapat dua opsi untuk mode penulisan kontennya, yakni compose dan html. Kita pilih opsi html.
Keempat, salin arahan dibawah ini ke tubuh konten
<style> #toc { width: 100%; margin: 5px auto; border-left: 1px solid #2AAF63; } .labl { color: #FF5F00; font-weight: bold; margin: 0 -5px; padding: 9px 0 10px 30px; background: #2AAF63; border: 1px solid #2AAF63; display: block; } .labl a { text-decoration: none; color: #FFFFFF; font-family: 'Roboto', sans-serif; } .labl { text-transform: uppercase; } .new { color: #E91E63; font-weight: bold; font-style: italic; font-family: 'Roboto', sans-serif; } .postname { font-weight: normal; background: #FFFFFF; margin-left: 35px; color: #415A6B; } .postname li { border-bottom: #415A6B 1px dotted; margin-right: 5px; padding: 7px 0 3px 0; } .postname li a { text-decoration: none; font-family: 'Roboto', sans-serif; color: #415A6B; } </style> <div id="toc"> <script src="https://cdn.rawgit.com/dyazincahya/9ecfa81d87af2bc2e36a6e9566fb67bf/raw/52def2eea6302cf8a43f51ce268bfd78e6ae41e0/k4ng_sitemap.js" type="text/j4vascript"></script> <script src="https://www.kang-cahya.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </div> Pada bab ini <script src="https://www.kang-cahya.com/feeds/posts/default, silahkan ganti URL kang-cahya.com degan URL blog kau sendiri.
Kelima, kalau sintak diatas sudah disalin, kau sanggup pribadi simpan kemudian publish. Disini ada satu bab arahan lagi, tapi ini sifatnya optional, tidak wajib. Kode ini berfungsi untuk menyembunyikan kolom komentar pada halaman sitemap. Sekali lagi, arahan ini bersifat optional. Jika kau ingin menggunakannya, kau sanggup meletakan arahan ini sempurna di bawah arahan sitemap
<style type="text/css"> #comments {display:none;} </style> Jika semua sudah dilakukan, kau tinggal lihat hasilnya.
Mungkin goresan pena ini saya cukupkan dulu hingga disini, supaya bermanfaat, tschuss... Sumber http://www.kang-cahya.com
0 Response to "Membuat Sitemap Sederhana Ala Kang-Cahya Di Blogger"
Posting Komentar