Senin, 18 Februari 2013

CARA MUDAH MENGATASI TAMPILAN NUMBERING BERANTAKAN DI WEB JOOMLA DLL



Saya tidak pernah mengalami kesulitan untuk memposting artikel pada website almasentra.com ketika seluruh artikel yang saya posting seluruhnya berupa paragrap. Tetapi ketika di dalam artikel tersebut ada yang berupa bullet dan numbering, cukup lama saya mengalami kesulitan sampai dengan akhirnya tahu cara mengatasinya. Kesulitan yang saya alami adalah :

  1. Jika semua artikel termasuk bagian bullet dan numberingnya dicopy paste dari microsoftword secara langsung, tampilannya di website menjadi berantakan. Terlebih jika kemudian kita klik perintah rata, kadar berantakannya semakin terlihat nyata.
  2. Sebaliknya jika bullet dan numberingnya kita atur melalui klik perintah bullet dan numbering, yang kita temui kemudian adalah munculnya font-size bullet dan numbering bawaan yang berukuran lebih kecil dari font size artikel yang kita gunakan, sehingga meskipun rapih tapi jelas terlihat tidak proporsional dan lucu.
  3. Jika font-size artikel kita kecilkan menyesuaikan font-size bawaan dari website, problemnya adalah artikel kita menjadi terlihat lembut dan bisa jadi menulitkan bagi para pembaca.  

Bagaimana langkah penyelesaiannya :

  1. Siapkan artikel anda dalam bentuk microsoft word, misal dengan font-size 16pt.
  2. Matikan perintah bullet/numbering dibagian yang mengandung perintah itu.
  3. Silajkan copy paste artikel anda ke lokasi pemuatan artikel
  4. Blok bagian yang anda ingin tampilkan dalam bentuk bullet/numbering
  5. Klik perintah bullet/numbering yang tersedia di atas space artikel
  6. Klik perintah “save” sementara
  7. Klik tombol html warna biru
  8. Cari di artikel html kode <ol>
  9. Sisipkan kode berikut : style="font-size: 16.0pt;"
  10. Sehingga menjadi <ol style="font-size: 16.0pt;">
  11. Tekan Save dan lihat hasilnya
  12. Jika nomornya tidak terlihat, sisipkan lagi kode berikut : margin-left: 7.5pt;
  13. Sehingga menjadi <ol style="font-size: 16.0pt; margin-left: 7.5pt;">
  14. Tekan save dan Lihat hasilnya pada tampilan artikel bullet/numbering anda
  15. Mudah-mudahan bisa mengurangi kesulitan yang ada.
Google PageRank Checker