Membuat Format Spasi Teks Tidak Berubah : Pernahkah kita mengetikkan teks yang telah kita format spasinya sedemikian rupa namun setelah mem-publish-nya format spasinya menjadi rata atau tidak seperti yang kita ketikkan? Begini, kadang-kadang untuk memberi variasi tampilan atas suatu teks/tulisan, kita perlu memberikan spasi sedemikian rupa sehingga tulisan menjadi menjorok ke kanan. Namun apa yang terjadi, setelah capek-capek membuatnya, setelah kita mem-publish-nya, format spasinya (menjorok tidaknya) tidak seperti yang kita format sebelumnya.


Masih bingung?!! Sama, dong, he,.. he,… Begini saja, coba kita ketikkan tulisan dengan format seperti di bawah ini pada halaman pengetikan (post editor). Gunakan space bar untuk memberikan spasi sehingga tulisan menjadi menjorok ke dalam (ke kanan).

Indonesia tanah airku
Tanah tumpah darahku
Disanalah aku berdiri
Jadi pandu ibuku
Indonesia kebangsaanku
Bangsa dan Tanah Airku
Marilah kita berseru
Indonesia bersatu

Hiduplah tanahku
Hiduplah negriku
Bangsaku Rakyatku semuanya
Bangunlah jiwanya
Bangunlah badannya
Untuk Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta

Indonesia Raya
Merdeka Merdeka
Hiduplah Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta
Bla,… bla,…
Bla,… bla,…
Bla,… bla,…
Coba sekarang terbitkan (publish) dan kemudian bukalah halaman postingan yang baru saja kita terbitkan tersebut. Kemudian perhatikan apakah yang terjadi dengan yang telah ketikkan tersebut? Pastinya spasi yang telah kita format sedemikian rupa akan menjadi hilang atau rata, seperti di bawah ini.

Indonesia tanah airku
Tanah tumpah darahku
Disanalah aku berdiri
Jadi pandu ibuku
Indonesia kebangsaanku
Bangsa dan Tanah Airku
Marilah kita berseru
Indonesia bersatu

Hiduplah tanahku
Hiduplah negriku
Bangsaku Rakyatku semuanya
Bangunlah jiwanya
Bangunlah badannya
Untuk Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta

Indonesia Raya
Merdeka Merdeka
Hiduplah Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta
Bla,… bla,…
Bla,… bla,…
Bla,… bla,…

Untuk mengatasinya, apitlah teks yang tidak ingin format spasinya berubah dengan kode
 dan 

. Contohnya, ketikkan seperti di bawah ini.

Indonesia tanah airku
Tanah tumpah darahku
Disanalah aku berdiri
Jadi pandu ibuku
Indonesia kebangsaanku
Bangsa dan Tanah Airku
Marilah kita berseru
Indonesia bersatu

Hiduplah tanahku
Hiduplah negriku
Bangsaku Rakyatku semuanya
Bangunlah jiwanya
Bangunlah badannya
Untuk Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta

Indonesia Raya
Merdeka Merdeka
Hiduplah Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta
Bla,… bla,…
Bla,… bla,…
Bla,… bla,…
Setelah itu, terbitkan postingan tersebut. Kemudian coba liatlah hasilnya dan pastikan format spasinya tidak berubah, persis seperti yang kita ketikkan sebelumnya.

Hasilnya seperti di bawah ini.

Indonesia tanah airku
Tanah tumpah darahku
Disanalah aku berdiri
Jadi pandu ibuku
Indonesia kebangsaanku
Bangsa dan Tanah Airku
Marilah kita berseru
Indonesia bersatu

Hiduplah tanahku
Hiduplah negriku
Bangsaku Rakyatku semuanya
Bangunlah jiwanya
Bangunlah badannya
Untuk Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta

Indonesia Raya
Merdeka Merdeka
Hiduplah Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta
Bla,… bla,…
Bla,… bla,…
Bla,… bla,…
APLIKASI UNTUK PEMPOSTINGAN KODE HTML
(KODE PEMROGRAMAN)

Bagi yang sering memposting kode html (kode pemrograman) ke dalam halaman postingan mungkin membutuhkan kode tersebut untuk menjaga agar format spasi sama persis dengan format aslinya.

Bingung, ya!! Sama donk,…

Begini saja,………..

Coba sekarang ketikkan kode html seperti di bawah ini. Buatlah dua postingan dengan cara yang berbeda.
Untuk postingan yang pertama, cobalah mempostingnya tanpa memberi kode
 dan 

. Kemudian perhatikan hasilnya.

Sedangkan untuk yang kedua, buatlah postingan dengan menggunakan

 dan 

kemudian lihat perbedaannya dengan cara yang pertama.



.fullpost{display:inline;}



.fullpost{display:none;}


Readmore,..


Dengan cara yang pertama hasilnya menjadi seperti di bawah ini.


.fullpost{display:inline;}


.fullpost{display:none;}

Readmore,..

Sedangkan cara yang kedua, hasilnya seperti di bawah ini.



.fullpost{display:inline;}



.fullpost{display:none;}


Readmore,..


Tentunya, kita lebih suka dengan hasil yang kedua kan di mana format kode html-nya persis seperti kode aslinya sehingga para pengunjung lebih mudah dalam memahaminya.

Selamat Mencoba!!!