Untuk mempermudah proses desain, saya harus membuat halaman contoh posting ini

Lagi-lagi saya harus membuat contoh halaman posting untuk mempermudah proses desain. Yang membuat saya malas ketika membuat halaman ini adalah;  

Pertama, saya harus menyusun beberapa kalimat agar terlihat natural. Karena jika hanya menggunakan kalimat lorem ipsum dollor atau apa dan sebagainya, hasilnya tidak memuaskan di mata saya.

Kedua, selain menyusun kata menjadi kalimat, saya juga harus membuat beberapa kalimat lagi untuk diletakkan dibeberapa desain target.

Membuat Contoh Target Desain Yang Ingin Dicapai

Berikut adalah beberapa target desain yang ingin saya terapkan pada halaman posting, khususnya pada bagian badan posting. Diantaranya adalah;

1. Bullets dan Numbering,
2. Blockquote dengan berbagai macam jenis dan fungsi,
3. Subheading,
4. Social Share Button,
5. Related Posts, dan
6. Komentar.

Setelah target desain saya cantumkan semua seperti di atas, kini tiba saatnya membuat contoh dari beberapa target tersebut. Sepertinya kata, kalimat, maupun paragraf yang dijadikan sebagai contoh harus mengutip dari beberapa posting berita yang telah dipublikasikan sebelumnya untuk mempercepat proses. Huufth..Bullets dan Numbering,

• Blockquote dengan berbagai macam jenis dan fungsi,
• Subheading,
• Social Share Button,
• Related Posts, dan
• Komentar.

Contoh Blockquote Kutipan Berita

Ini adalah contoh quote atau kutipan berita maupun pernyataan dari orang lain yang dikutip dari situs lain maupun buku. Dan di bawah ini adalah contoh blockquote dengan kode class quoted;

RMOL: Susul Jupe, Depe Siap Digarap Kejari - Julia Perez (Jupe) tinggal ‘dijemput paksa’ untuk menjalani hukuman dalam kasus cakar-cakarannya dengan Dewi Perssik (Depe). Sementara perkara Depe untuk kasus yang sama juga telah diajukan Kejaksaan Negeri Jakarta Timur untuk kasasi.

Kejari menilai adanya ketidakadilan dalam kasus yang melibatkan dua artis seksi itu. Pihaknya pun telah mengajukan kasasi setelah sebelumnya juga pernah naik banding di pengadilan tinggi.

“Putusan pengadilan negeri itu dijatuhkan hukuman percobaan. Dua bulan dengan masa percobaan empat bulan. Kemudian JPU melakukan banding. Putusan banding sudah datang dan isinya menguatkan putusan pengadilan negeri. Oleh karena itu dirasa belum adil, maka JPU kemarin sore melakukan kasasi atas putusan banding dari pengadilan tinggi tersebut,” ungkap Pejabat Pelaksana Harian Kepala Kejaksaan Negeri Jakarta Timur, Kardi SH, kemarin.

Berikutnya adalah contoh blockquote normal atau standar;

“Insiden ini mirip kejadian pada sebuah bangsa yang gagal atau dikuasai mafia. Negara tak berdaya dan lemah menghadapi kelompok bersenjata. Hukum tak berjalan dan kurang wibawa,” ujar Wakil Ketua Umum Partai Gerindra Fadli Zon melalui keterangan tertulis yang diterima merdeka.com, Minggu (24/3).

Contoh Bullets dan Numbering Bercabang

Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
2. Stet clita kasd gubergren, no sea takimata sanctus est
   
   • Lorem ipsum dolor sit amet. 
   • Lorem ipsum dolor sit amet,
   • Consetetur sadipscing elitr,
   • Sed diam nonumy eirmod tempor invidunt ut
3. Labore et dolore magna aliquyam erat, sed diam voluptua. 
4. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
5. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
   
   • Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
   • Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
     
     1. Duis autem vel eum iriure
     2. Duis autem vel eum iriure dolor in hendrerit
     3. In vulputate velit esse molestie consequat,
   • Vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
     
     • Lorem ipsum dolor sit amet,
     • Consectetuer adipiscing elit,
     • Sed diam nonummy nibh euismod tincidunt ut laoreet
     • Dolore magna aliquam erat volutpat.
     • dolor in hendrerit in vulputate
6.  velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Saya rasa sudah cukup sampai di sini saja dulu untuk halaman khusus contohnya. Lain waktu akan ditambah jika dibutuhkan. Salam ngepot.

Last update: Senin, Oktober 28, 2013