Tutorial Table of Content Jump To (#)
Kali ini cik tom nak ajarkan tutorial macam mana cara nak buat jump to heading (nama melayu tak tahu la). Adamxis pernah tanyakan cik tom sebelum ini macam mana nak buat dari senarai tajuk kecil tue (ala2 table of contents) bila klik akan terus direct ke tajuk besar dalam entry yang sama. Bagi cik tom cara ini bagus untuk kes entry yang terlampau panjang dan perlu dibahagikan mengikut subtopik yang lebih kecil bagi memudahkan pemahaman pembaca terutamanya entry berinformasi. Kiranya kita senaraikan semua tajuk di dalam entry yang sama bagi memudahkan pembacaan. Tutorial ini boleh digunakan bagi pengguna blogspot dan juga wordpress.
3 Jenis Cara Untuk Buat Internal Anchors untuk buat subtajuk dalam entry.
1. <h2 id=”heading”>Heading</h2>
2. <h2><a id=”heading”>Heading</a></h2>
3. <h2><a name=”heading”>Heading</a></h2>
**Cik tom prefer guna cara yang pertama. Rasanya lagi mudah dan simple code tapi korang bebas nak pilih yang mana.
Internal Anchor yang kat atas tue semua perlu di link pada setiap senarai tajuk kecil dalam entry. Contohnya;
<a href=”#heading”>Heading</a>
Contoh table of content yang di link kepada subtopik dalam entry bagi senarai tajuk kecil dalam entry ialah.
Table of Content
<ol> <li><a href=”#apa-itu-blog”>Apa itu blog</a></li>
<li><a href=”#cara-nak-buat-blog”>Cara nak buat blog</a></li>
<li><a href=”#perkara-asas-dalam-blogging”> Perkara asas dalam blogging </a></li> </ol><h2 id=”apa-itu-blog”>Apa itu blog </h2>
Blog ialah satu medan penulisan secara online. Bla… Bla… Bla….
<h2 id=”cara-nak-buat-blog “>Cara nak buat blog </h2>
Cara nak buat blog ialah korang mesti mempunyai akaun email samaada yahoo, gmail atau apa sahajalah. Bla… Bla… Bla….
<h2 id=”perkara-asas dalam-blogging “>Perkara asas dalam blogging</h2>
Perkara asas dalam dunia blogging ialah kerajinan. Bla… Bla… Bla….
Hasilnya;
Table of Content
- Apa itu blog(cuba klik pada tajuk)
- Cara nak buat blog(cuba klik pada tajuk)
- Perkara asas dalam blogging (cuba klik pada tajuk)
Apa itu blog
Blog ialah satu medan penulisan secara online. Bla… Bla… Bla….
Cara nak buat blog
Cara nak buat blog ialah korang mesti mempunyai akaun email samaada yahoo, gmail atau apa sahajalah. Bla… Bla… Bla….
Perkara asas dalam blogging
Perkara asas dalam dunia blogging ialah kerajinan. Bla… Bla… Bla….
**pastikan ayat/ perkataan dalam <h2 id=”sama-ayat”> sama dengan ayat dalam <a href=”#sama-ayat”>.
Antara contoh-contoh entry yang cik tom pernah guna tutorial jump to heading ialah;
1. Apa itu domain, hosting dan perbezaannya
2. Tutorial Daftar Blog Pada Enjin Carian (Ping Blog Di Google, Yahoo dan Bing)
3. Apa Itu Enjin Carian? Maklumat Mudah Mengenainya
Credit : Ferry
Sharing is caring
Ohooo~ Boleh lah Shag guna pakai coding neh bila nak preview movies 😀 Thanks Cik Tom sayam~ 😉
nice share ciktom… dulu pon ade gak cari benda ni… tapi tak ingat plak nak guna utk buat ape.. kehkehkeh
Assalam…bagus ciktom ingatkan saya balik…dah lupa…sbb jarang praktik…okeh lepas nie nak selalu beramal…TQVM ciktom
complicatednya
utk entri pnjang k cik tom, ehehe..
entri emiey mkin lma mkin pndek lak skg ni 😉
hehe memang dah lama aku cari tutorial ni, mekaseh tom,
thanks ciktom untuk bl dan tutor ni 🙂
cik tom, saya tak berapa clear sangatlah. boleh cik tom, bagi tau saya dengan lebih detail tak? betol, saya tengah pening ni. terima kasih tau. 🙂
tak clear part mana tue yunk??
Terbaiklah ciktom….
Jom baca entri terkini MShahrulnizam …Cara Untuk Membuat Screenshot di Windows 10