No Page Title | Teras Jagat

CSS

.tac untuk text align center
.tar untuk text align right
.fll untuk float left
.flr untuk float right
.psc untuk posisi tengah

Blockquotes Hr, Pre, Code & Pre Code

Blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes

---

blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes blockquotes

Pre pre pre pre pre pre pre pre pre pre pre pre
pre pre pre pre pre pre pre pre pre pre pre pre pre pre pre pre
pre pre pre pre pre pre pre pre pre pre pre pre pre pre
pre pre pre pre pre pre pre pre pre pre pre pre pre pre pre pre pre pre
pre pre pre pre pre pre pre pre pre 
pre pre pre pre pre pre pre pre pre pre pre pre pre
pre pre pre pre pre pre pre pre
pre pre pre pre pre pre pre pre pre pre pre pre 

Pre code pre code pre code pre code pre code pre code
pre code pre code pre code pre code pre code pre code pre code
pre code pre code pre code pre code pre code
pre code pre code pre code pre code pre code pre code
pre code pre code pre code pre code pre code pre code pre code
pre code pre code pre code pre code pre code pre code
pre code pre code pre code pre code pre code pre code pre code pre code 

Blockquotes Baca Juga

<blockquote class="baju">
  <a href="" target="_blank">Tulisan di halaman ini menarik lho</a>
</blockquote>

Tulisan di halaman ini menarik lho

Blockquotes sumber

Sajian File Download

Dengan tombol yang dapat di klik

<div class='file pdf'>
<p>File title Tulis Disini</p>
<span>9.006</span>
<a aria-label='unduh' href="#" target="_blank"></a>
</div>

Dengan tombol download rusak (tidak dapat di klik)

<div class='file docx'>
<p>File title Tulis Disini</p>
<span>Unknow</span>
<i></i>
</div>

Dengan Thumbnail

<div class='file apk thumb'>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEietFTYc8px3JoIbFFj0NbaD6dAo4LHC9vLLi-oJzemlCy-MqUeAgEJVbRM69pL02osJeT6l0LsPBhQUCSAvObNamdDdIIGdlon45mK2-RPawuDC18oHDDqUfyyMdsI-VeMxP5Xp9oecZWa/s76-rw/' loading='lazy' width='76' height='76'/>
<p>File title Tulis Disini</p>
<span>9.371</span>
<a aria-label='unduh' href="#" target="_blank"></a>
</div>

File title Tulis Disini

9.371

Responsive Table

<div class='table tac'><table>
<tr><td>x</td><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td><td>I</td></tr>
<tr><td>1</td><td>A1</td><td>B1</td><td>C1</td><td>D1</td><td>E1</td><td>F1</td><td>G1</td><td>H1</td><td>I1</td></tr>
<tr><td>2</td><td>A2</td><td>B2</td><td>C2</td><td>D2</td><td>E2</td><td>F2</td><td>G2</td><td>H2</td><td>I2</td></tr>
<tr><td>3</td><td>A3</td><td>B3</td><td>C3</td><td>D3</td><td>E3</td><td>F3</td><td>G3</td><td>H3</td><td>I3</td></tr>
<tr><td>4</td><td>A4</td><td>B4</td><td>C4</td><td>D4</td><td>E4</td><td>F4</td><td>G4</td><td>H4</td><td>I4</td></tr>
<tr><td>5</td><td>A5</td><td>B5</td><td>C5</td><td>D5</td><td>E5</td><td>F5</td><td>G5</td><td>H5</td><td>I5</td></tr>
</table></div>

Button

Single button

<div class='button1'>
<a href='#' target='_blank' rel='nofollow noopener'>Unduh</a>
</div>

Double button

<div class='button2'>
<a href='#' target='_blank' rel='nofollow noopener'>Unduh</a>
<a href='#' target='_blank' rel='nofollow noopener'>Tombol Unduhan Dengan teks sangat panjang sekali seperti ular</a>
</div>

Font Arab

teks arab block

إِنَّ ٱللَّهَ وَمَلَٰٓئِكَتَهُۥ يُصَلُّونَ عَلَى ٱلنَّبِىِّ ۚ يَٰٓأَيُّهَا ٱلَّذِينَ ءَامَنُوا۟ صَلُّوا۟ عَلَيْهِ وَسَلِّمُوا۟ تَسْلِيمًا

<div class='arab'>
teksnya disini
</div>

teks arab in line

“Sesungguhnya ٱللَّهَ dan مَلَٰٓئِكَتَهُۥ bershalawat untuk ٱلنَّبِىِّ. Hai orang-orang yang beriman, bershalawatlah kamu untuk Nabi dan ucapkanlah salam penghormatan kepadanya”

teks abjad <span class='arab-line'> teks hijaiyah </span> teks abjad

OL UL Inline

1. li satu
2. li dua
3. li tiga
4. li empat
5. li lima
6. li enam
7. li tujuh
8. li delapan
9. li sembilan
10. li satu
11. li dua
12. li tiga
13. li empat
14. li lima
15. li enam
16. li tujuh
17. li delapan
18. li sembilan

• li satu
• li dua
• li tiga
• li empat
• li lima
• li enam
• li tujuh
• li delapan
• li sembilan
• li satu
• li dua
• li tiga
• li empat
• li lima
• li enam
• li tujuh
• li delapan
• li sembilan

<ol class='inline'>
  <li>li satu</li>
  <li>li dua</li>
  <li>li tiga</li>
  <li>li empat</li>
  <li>li lima</li>
  <li>li enam</li>
  <li>li tujuh</li>
  <li>li delapan</li>
  <li>li sembilan</li>
</ol>

Table Bait Nazhom

<div class='table arab nazhom'>
  <table>
    <tr>
      <td>رَحِماً فَصِلْ بِخُلْقِكَ تُرْحَمْ</td>
      <td>وَسْتَحْيِ رَبَّكَ اَحْسِنَنْ</td>
    </tr>
  </table>
</div>