ബ്ലോഗില്‍ വിവിധ രീതിയിലുള്ള ലിസ്റ്റുകള്‍ നല്‍കാന്‍.

നമ്മള്‍ മൈക്രോസോഫ്റ്റ് വേര്‍ഡില്‍ (Microsoft Word) ചില കാര്യങ്ങള്‍ വിവരിക്കുമ്പോള്‍ അതില്‍ ക്രമപ്രകാരം ഒന്നിന് താഴെ ഒന്ന് എന്ന രീതിയില്‍ ബുള്ളെറ്റ് (Bullets) ഉപയോഗിച്ചും ഇംഗ്ലീഷ് അക്ഷരങ്ങള്‍ നല്‍കിയും അക്കങ്ങള്‍ നല്‍കിയും ഒക്കെ ചില ഭാഗങ്ങള്‍ വിശദീകരിക്കാറുണ്ടല്ലോ. അത് പോലെ ബ്ലോഗ് പോസ്റ്റിലോ അല്ലെങ്കില്‍ Html / javascript കോളത്തിലോ ഇത്തരത്തില്‍ ചെയ്യാനുള്ള Html സൂത്രം താഴെ കാണൂ. അത്തരത്തിലുള്ള വിവിധ രീതിയിലുള്ള കുറച്ചു (Lists) ലിസ്റ്റുകളുടെ ഉദാഹരണവും അവയുടെ കോഡുകളും താഴെ കാണാം. അതില്‍ നിങ്ങള്‍ക്കാവശ്യമായ ലിസ്റ്റുകളുടെ കോഡുകള്‍ കോപ്പി ചെയ്തെടുത്തു അതില്‍ ചുവന്ന നിറത്തിലുള്ള വാക്കുകള്‍ക്കു പകരം നിങ്ങള്ക്ക് എന്താണോ ആ രീതിയില്‍ (List) ബ്ലോഗ് പോസ്റ്റില്‍ / ജാവാസ്ക്രിപ്റ്റ്‌ കോളത്തില്‍ ഡിസ്‌പ്ലേ ചെയ്യിക്കേണ്ടത്, അത് നല്കുക.
ബ്ലോഗ് പോസ്റ്റിലാണ് ഈ രീതിയില്‍ ചെയ്യുന്നതെങ്കില്‍, പോസ്റ്റ് ചെയ്യുന്ന കോളത്തിന്റെ വലതു മുകളിലായുള്ള Html രീതി തിരഞ്ഞെടുത്തു നിങ്ങളുടെ പോസ്റ്റിലെ ഏത് ഭാഗത്താണ് / ഏത് പാരഗ്രാഫിനു ശേഷമാണ് ഈ രീതിയല്‍ ലിസ്റ്റുകള്‍ ചെയ്യേണ്ടത് എന്ന് കണ്ടെത്തി അവിടെയായിരിക്കണം ഈ കോഡ് നല്‍കേണ്ടത്.
(ഈ ബ്ലോഗടക്കം ചില ബ്ലോഗുകളില്‍ ഇത്തരത്തിലുള്ള ചില ലിസ്റ്റുകള്‍ ശരിയായ രീതിയില്‍ ഡിസ്‌പ്ലേ ചെയ്യാറില്ല. അവയുടെ ടെമ്പ്ലെറ്റുമായി ബന്ധപ്പെട്ട പ്രശ്നങ്ങളാണ് കാരണം എന്നാണു മനസ്സിലാക്കാന്‍ കഴിഞ്ഞത്. ബ്ലോഗ് ടിപ്സുകളുടെ കൂട്ടത്തില്‍ ഇതും പോസ്റ്റ് ചെയ്തു എന്ന് മാത്രം. ഇതു ശരിയായി കാണിക്കാന്‍ വേണ്ടി എന്റെ ബ്ലോഗിന്റെ ടെമ്പ്ലേറ്റ് മാറ്റാന്‍ ഒക്കില്ല കേട്ടോ....ക്ഷമിക്കുക.)

---

Square Bullets list

• ലിസ്റ്റ് : 1
• ലിസ്റ്റ് : 2
• ലിസ്റ്റ് : 3
• ലിസ്റ്റ് : 4

മുകളിലെ ലിസ്റ്റിന്റെ കോഡ് താഴെ
<h4>ലിസ്റ്റ് ഹെഡിംഗ് ഇവിടെ</h4>
<ol type="square">
<li>ലിസ്റ്റ് : 1</li>
<li>ലിസ്റ്റ് : 2</li>
<li>ലിസ്റ്റ് : 3</li>
<li>ലിസ്റ്റ് : 4</li>
</ol>

---

Disc Bullets list:

• ലിസ്റ്റ് : 1
• ലിസ്റ്റ് : 2
• ലിസ്റ്റ് : 3
• ലിസ്റ്റ് : 4

മുകളിലെ ലിസ്റ്റിന്റെ കോഡ് താഴെ
<h4>ലിസ്റ്റ് ഹെഡിംഗ് ഇവിടെ </h4>
<ol type="disc">
<li>ലിസ്റ്റ് : 1</li>
<li>ലിസ്റ്റ് : 2</li>
<li>ലിസ്റ്റ് : 3</li>
<li>ലിസ്റ്റ് : 4</li>
</ol>

---

Circle Bullets list:

• ലിസ്റ്റ് : 1
• ലിസ്റ്റ് : 2
• ലിസ്റ്റ് : 3
• ലിസ്റ്റ് : 4

മുകളിലെ ലിസ്റ്റിന്റെ കോഡ് താഴെ
<h4>ലിസ്റ്റ് ഹെഡിംഗ് ഇവിടെ</h4>
<ol type="circle">
<li>ലിസ്റ്റ് : 1</li>
<li>ലിസ്റ്റ് : 2</li>
<li>ലിസ്റ്റ് : 3</li>
<li>ലിസ്റ്റ് : 4</li>
</ol>

---

Lowercase Letters list:

1. ലിസ്റ്റ് : 1
2. ലിസ്റ്റ് : 2
3. ലിസ്റ്റ് : 3
4. ലിസ്റ്റ് : 4

മുകളിലെ ലിസ്റ്റിന്റെ കോഡ് താഴെ
<h4>ലിസ്റ്റ് ഹെഡിംഗ് ഇവിടെ</h4>
<ol type="a">
<li>ലിസ്റ്റ് : 1</li>
<li>ലിസ്റ്റ് : 2</li>
<li>ലിസ്റ്റ് : 3</li>
<li>ലിസ്റ്റ് : 4</li>
</ol>

---

Letters List:

1. ലിസ്റ്റ് : 1
2. ലിസ്റ്റ് : 2
3. ലിസ്റ്റ് : 3
4. ലിസ്റ്റ് : 4

മുകളിലെ ലിസ്റ്റിന്റെ കോഡ് താഴെ
<h4>ലിസ്റ്റ് ഹെഡിംഗ് ഇവിടെ</h4>
<ol type="A">
<li>ലിസ്റ്റ് : 1</li>
<li>ലിസ്റ്റ് : 2</li>
<li>ലിസ്റ്റ് : 3</li>
<li>ലിസ്റ്റ് : 4</li>
</ol>

---

An Unordered List:

• ലിസ്റ്റ് : 1
• ലിസ്റ്റ് : 2
• ലിസ്റ്റ് : 3

മുകളിലെ ലിസ്റ്റിന്റെ കോഡ് താഴെ
<h4>ലിസ്റ്റ് ഹെഡിംഗ് ഇവിടെ</h4>
<ul>
<li>ലിസ്റ്റ് : 1</li>
<li>ലിസ്റ്റ് : 2</li>
<li>ലിസ്റ്റ് : 3</li>
</ul>

---

An Ordered List:

1. ലിസ്റ്റ് :
2. ലിസ്റ്റ് :
3. ലിസ്റ്റ് :

മുകളിലെ ലിസ്റ്റിന്റെ കോഡ് താഴെ
<h4>ലിസ്റ്റ് ഹെഡിംഗ് ഇവിടെ</h4>
<ol>
<li>ലിസ്റ്റ് : 1</li>
<li>ലിസ്റ്റ് : 2</li>
<li>ലിസ്റ്റ് : 3</li>
</ol>

---