Jumat, 27 Oktober 2017

Tutorial Membuat SiteMap Responsive

Depok, On The Spot Lovers Selamat Siang Sobat Blogger, Kali ini saya akan membahas mengenai Tutorial (Tata cara) membuat SiteMap (Daftar isi pada suatu blog) yang keren,otomatis serta responsive pada blog sobat. SiteMap ini sangat penting dalam suatu blog, dengan adanya suatu SiteMap (Daftar isi) maka pengunjung (Viewer) blog sobat dapat mengetahui dan mempermudah melihat semua konten atau artikel yang telah sobat buat. Selain itu juga dengan dibuatnya SiteMap pada suatu blog juga dapat meninggkatkan jumlah Page View pada blog sobat.
SiteMap Sederhana,Otomatis&Responsive[Source]

Pada Suatu Blog kehadiran SIteMap sangatlah penting untuk meningkankan Page View blog kita, dengan adanya siteMap maka perambatan pada mesin pencari semakin besar karena telah diurutkan konten secara teratur. SiteMap pada Tutorial ini akan menampilkan seluruh post secara otomatis berdasarkan label yang telah ditentukan, diurutkan secara Alpabet (A-Z) selain itu juga akan ada tanda "Baru" pada post yang belum lama di buat dalam suatu label SiteMap ini.



Berikut ini tampilan SiteMap yang terdapat pada On The Spot Lovers:
Tutorial SiteMap Yang Responsive [Source]

Sangat menarik kan sobat SiteMapnya. Berikut Tutorial Membuat SiteMap Responsive:
1. Sobat Log in Pada Akun blogger sobat (Isikan User ID & Password).
2. Sobat Cari Halaman (Page), Klik Halaman Baru (New Page),seperti pada gambar berikut

3. Lalu ubah ke mode HTML
4. Copy dan Pastekan Script (Koding) dibawah ini ke halaman daftar isi yang telah kamu buat

<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://goo.gl/2qrReh" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew    = true,
    accToc     = true,
    openNewTab = true,
    maxNew     = 10,
    baru       = "Baru !",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>
<script src="https://goo.gl/6FjxRX" type="text/javascript"></script>
<script src="https://pecintaonthespot.blogspot.co.id/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
5. Ganti Tulisan yang berwarna biru menjadi Link Blog Sobat
6. Catatan : Simpan dalan Mode HTML ya jangan Mode Compse nanti hasilnya tidak akan terlihat.

Demikian penjelasan singkat/ Tutorial Membuat SiteMap Secara sederhana,otomatis dan Responsive pada blogger. Semoga penjelasan saya bermanfaat bagi sobat blogger semua :)