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&alt=json-in-script&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