Tuesday, April 23, 2024

Cara Membuat Sitemap di Blog

Hello, semua!

Terimakasih sudah berkunjung ke artikel ini

Pada proses pembuatan website, blog, aplikasi, dan sebagainya penting untuk memahami tampilan customization dari halaman kita agar dapat memberikan kenyamanan bagi pembaca atau pengunjung mencari artikel atau hal yang dibutuhkan pada halaman kita dengan cepat dan mudah. Berdasarkan teori akademis, hal ini berkaitan dengan teori marketing yang disebut e-CRM (electronic customer relationship management). Faktanya, e-CRM yang baik termasuk memperhatikan kenyamanan customization tampilan halaman dapat meningkatkan e-loyalty atau loyalitas pengunjung, loh! Untuk memahami konsep teori e-CRM ini kalian bisa cek pada jurnal berikut^^

Di blog kali ini kita akan membahas cara mudah mengenai bagaimana membuat sitemap atau daftar isi pada halaman depan blog. Penasaran? Yuk, langsung di simak aja!

Untuk membuat daftar isi maka kita butuh membuat halaman baru pada blog kita dengan judul serupa. Maka dari itu langkah pertama untuk membuat daftar isi adalah membuat new page atau halaman baru

Versi video dari artikel ini dapat dilihat pada video berikut :

1. Membuat halaman baru

·         Pada halaman blog pilih -> halaman/page -> new page/halaman baru

·         Ketikkan judul sitemap/daftar isi/table of content (pilih salah satu)

·         Klik simbol <> lalu pilih “tampilan HTML”

·         Pada lembar tampilan HTML kalian ketikkan kode berikut :

<style type="text/css">

#toc{width:99%;margin:5px auto;border:1px solid #df772d;

-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}

.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;

  • padding:1px 0 2px 11px;background: #08484f;

border:1px solid #2D96DF;

border-radius:4px;-moz-border-radius:4px;

-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;

-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}

.labl a{color:#fff;}

.labl:first-letter{text-transform:uppercase;}

.new{color:#FF5F00;font-weight:bold;font-style:italic;}

.postname{font-weight:normal;background:#fff;margin-left: 35px;}

.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}

</style>

<br />

<div id="toc">

<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>

<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div> 

  • Jika sudah klik publikasikan

Pada tahap ini selamat! Menu daftar isi blog kamu sudah selesai dibuat. Langkah selanjutnya adalah menampilkannya pada menu utama di blog.

Cara menampilkan sitemap atau daftar isi pada blog :

·         Pada blog kalian pilih tata letak

·         Dalam menu tata letak, klik menu halaman -> pilih tampilkan widget ini

·         Klik tampilkan item baru -> lalu ketik nama halaman daftar isi yang tadi telah kalian buat -> klik save/simpan

·         Setelahnya jangan lupa untuk save/simpan perubahan tata letak dengan mengklik simbol save di kanan bawah

·         Pada tahap ini menu sitemap sudah muncul! Kalian bisa reload tampilan menu blog kalian

Berikut tutorial cara menampilkan halaman daftar isi pada blog. Semoga membantu ^^

_Riska Dwinda Elsyah



0 Comments

Post a Comment