Kelab Remaja HALUAN | KeARAH

Skip to content

Tips Menulis Artikel

01Membuat kod dalam artikel.

<pre>Code di sini</pre>.

#ja-rightcol {
  width: 180px;
  float: right;
  color: #EEEEEE;
}

02Membina list.

List biasa. <ul><li>item1</li><li>item2</li></ul> Item pertama Item kedua	List checklist. <ul class="checklist"><li>item1</li><li>item2</li></ul> Item pertama Item kedua
List arrow. <ul class="arrow"><li>item1</li><li>item2</li></ul> Item pertama Item kedua	List star. <ul class="star"><li>item1</li><li>item2</li></ul> Item pertama Item kedua

03Stail Bercakap dan Berfikir.

Ini adalah contoh Bubble1 yang dicakap oleh Penulis 1. <div class="bubble1"><div><div><div><div><div>Ini adalah contoh Bubble1 yang dicakap oleh Penulis 1</div></div></div></div></div><span class="author">Penulis 1</span></div>

Penulis 1

Ini adalah contoh Bubble2 yang dicakap oleh Penulis 2. <div class="bubble2"><div><div><div><div><div>Ini adalah contoh Bubble2 yang dicakap oleh Penulis 2</div></div></div></div></div><span class="author">Penulis 2</span></div>

Penulis 2

Ini adalah contoh Bubble3 yang difikir oleh Penulis 3. <div class="bubble3"><div><div><div><div><div>Ini adalah contoh Bubble3 yang dicakap oleh Penulis 3</div></div></div></div></div><span class="author">Penulis 3</span></div>

Penulis 3

Ini adalah contoh Bubble4 yang difikir oleh Penulis 4. <div class="bubble4"><div><div><div><div><div>Ini adalah contoh Bubble4 yang dicakap oleh Penulis 4</div></div></div></div></div><span class="author">Penulis 4</span></div>

Penulis 4

Ini adalah contoh avatar cakap. Avatar maximum 50px X 50px <div class="comment-left clearfix">
<div class="avatar"><img src="/images/stories/demo/monkey.jpg"/></div<div class="comment-content"><div class="comment-text">Ini adalah contoh avatar cakap. Avatar maximum 50px X 50px </div></div></div>

Ini adalah contoh avatar cakap. Avatar maximum 50px X 50px <div class="comment-right clearfix">
<div class="avatar"><img src="/images/stories/demo/cat.jpg"/></div<div class="comment-content"><div class="comment-text">Ini adalah contoh avatar cakap. Avatar maximum 50px X 50px </div></div></div>

04Nota, Download dan Quote

Ini adalah contoh nota ringkas. Gunakan <p class="stickynote">Nota anda di sini</p> untuk mencipta nota.

Ini adalah contoh download. Gunakan <p class="download">Download anda di sini</p> untuk mencipta download!

Ini adalah contoh quote. Gunakan <blockquote>Quote anda di sini! </blockquote> untuk membina quote!

Ini adalah contoh quote. Gunakan <blockquote><span class="open">Q</span>uote anda di sin<span class="close">i!</span></blockquote> untuk mencipta quote!

05Blok nombor dan mesej ringkas.

01Ini adalah contoh blok nombor. Gunakan <p class="blocknumber"><span class="bignumber">01.</span>Kandungan anda di sini!</p> untuk mencipta blok nombor!

02Ini adalah contoh blok nombor. Gunakan <p class="blocknumber"><span class="bignumber">02.</span>Kandungan anda di sini!</p> untuk mencipta blok nombor!

03Ini adalah contoh blok nombor. Gunakan <p class="blocknumber"><span class="bignumber">03.</span>Kandungan anda di sini!</p> untuk mencipta blok nombor!

Ini adalah contoh mesej error. Gunakan <p class="error">Mesej error anda di sini!</p>.

Ini adalah contoh mesej info. Gunakan <p class="message">Mesej info anda di sini!</p>.

Ini adalah contoh mesej tips. Gunakan <p class="tips">Mesej tips anda di sini!</p>.

Ini adalah contoh mesej rss. Gunakan <p class="rss">Mesej rss anda di sini!</p>.

06Highlight, Dropcap dan Legend.

Ini adalah frasa highlight. Use <span class="highlight">Frasa highlight anda di sini!</span>.

Ini adalah Dropcap jenis majalah. Perkataan pertama dalam paragraph adalah huruf besar. Gunakan <p><span class="dropcap">Huruf pertama di sini!</span> bersambung dengan huruf seterusnya!</p> untuk mencipta dropcap pada paragraph tersebut. Lebih panjang perkataan dalam paragraph ini, lebih cantik paragraph akan kelihatan. Biar saya panjang lebih sedikit supaya anda nampak dengan lebih jelas.

Tajuk Legend

Gunakan <div class="legend"><h3 class="legend-title">Tajuk legend</h3><p>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.</p></div>

Berita Terkini

Berita Popular

Hubungi Kami

Sila hubungi kami;

Alamat: No. C-02-17, Tingkat 1, Jalan Taman Kenari 12, Taman Seri Kenari 43000, Selangor Darul Ihsan
Tel: 03 8736 6564 (Pej) 019 269 3042 (Pengerusi)
Email: kearah@haluan.org.my
Web: http://kearah.haluan.org.my
Fax: 03 8736 6564