Blog: Paragraph & Text sctructure

March 1, 2009 · Print This Article

3.0 Paragraph

Sesebuah laman web atau blog akan melibat pelawat untuk membaca isi kandungan (content) laman web anda. Oleh kerana itu, perenggan dan struktur teks merupakan antara elemen penting bagi menarik perhatian pembaca untuk terus membaca isi kandungan blog anda dari awal hingga ke akhir. Sebagai contoh:

Contoh A:

Barack Obama, the US president, has urged Israel and the Palestinian group Hamas to maintain their ceasefires in Gaza in his first remarks on the crisis since taking office. The US leader was speaking at the state department as he named George Mitchell, who helped broker the Good Friday peace accord in Northern Ireland, as US special envoy for the Middle East. Obama said he was “deeply concerned” about the loss of life in Gaza and also reiterated the US view that Israel had a right to defend itself from Palestinian rocket attacks.  It will be the policy of my administration to actively and aggressively seek a lasting peace between Israel and the Palestinians, as well as Israel and its Arab neighbours,” Obama said. “Now we must extend a hand of opportunity to those who seek peace. As part of a lasting ceasefire, Gaza’s border crossings should be open to allow the flow of aid and commerce,” Obama said.

Contoh B:

Barack Obama, the US president, has urged Israel and the Palestinian group Hamas to maintain their ceasefires in Gaza in his first remarks on the crisis since taking office. The US leader was speaking at the state department as he named George Mitchell, who helped broker the Good Friday peace accord in Northern Ireland, as US special envoy for the Middle East. Obama said he was “deeply concerned” about the loss of life in Gaza and also reiterated the US view that Israel had a right to defend itself from Palestinian rocket attacks.

“It will be the policy of my administration to actively and aggressively seek a lasting peace between Israel and the Palestinians, as well as Israel and its Arab neighbours,” Obama said.

“Now we must extend a hand of opportunity to those who seek peace. As part of a lasting ceasefire, Gaza’s border crossings should be open to allow the flow of aid and commerce,” Obama said.

Sumber: Al Jazeera English

Di antara Contoh A dan Contoh B, pelawat akan lebih mudah dan gemar untuk meneruskan pembacaan artikel untuk B kerana ia lebih nampak kemas, teratur dan ringkas. Jika anda mahir di dalam bidang penulisan, setiap perenggan yang baru juga kadang kala bermaksud anda (penulis) ingin menyampaikan idea atau isi baru di dalam penulisannya. Namun ia terpulang pada kreativity anda. Contoh A merupakan contoh yang kurang baik dan sesuai kerana pelawat terpaksa membaca berhati – hati ketika membaca kerana terlalu banyak baris untuk perenggan A.

4.0 Structure of text

Berikut merupakan tag sebagai penanda sebelum sesuatu content atau senarai.

h1

h2

h3

paragraph

h1 biasanya digunakan untuk title kepada laman web anda, contoh tutorial @ iLuvislam. h2 pula biasa digunakan untuk title article atau bahagian – bahagian subcontent di dalam sesebuah laman web manakala h3 biasanya digunakan di dalam perenggan artikel. paragraph merupakan text biasa atau default untuk artikel anda. Contoh yang baik dalam penggunaan tag ini boleh dilihat di bawah:

ilt

Credit: ilovetypography.com

Penggunaan tag h1 atau h2 ini boleh dilakukan secara normal pada bahagian Compose – jika anda mahir dengan HTML, anda boleh gunakan Edit HMTL seperti di dalam screen shot di bawah:

edithtml1

Selain itu, quote atau di dalam terma HTML, <blockquote> juga merupakan elemen yang penting di dalam struktur sesebuah text. Ia biasanya digunakan apabila sesuatu ingin diambil terus daripada sumber asal seperti ucapan. Kadangkala, ia juga digunakan untuk menekankan tentang sesuatu perkara. Contoh penggunaan quote adalah seperti berikut:

If you can dream – and not make dreams your master;
If you can think – and not make thoughts your aim;

- If, Rudyard Kipling

Semoga artikel ini dapat menjadi panduan buat anda ketika menulis blog post. Jika ada sebarang soalan, anda boleh tinggalkan komen di bahagian bawah atau emailkan terus ke tutorial@iluvislam.com. Jumpa lagi di dalam siri akan datang! Selamat mencuba!

Antara artikel yang menarik:

  1. Blog: Layout
  2. Blog Review: Good design (Part1)
  3. Blog Review: Good Design (Part 2)
  4. Blog: Remove blogspot topbar
  5. Blog: Layout colour & font

Comments

Got something to say?




XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>