Membuat tulisan rata kiri, rata kanan atau rata kiri-kanan pada blog

Hal ini mungkin bukan merupakan suatu permasalahan bagi para webmaster atau para blogger senior. Namun lain halnya bagi para blogger pemula seperti saya. Awalnya tidak begitu peduli dengan penampilan tulisan yang rata kiri, rata kanan atau rata kiri-kanan. Setelah beberapa lama ingin merubah format tampilan artikel yang saya muat, saya mencoba melakukannya. Berhubung seperti cerita lama tentang keterbatasan pengetahuan yang terkadang menjadi suatu bahan kelucuan, saya kurang bisa berkomunikasi secara online didunia maya (padahal kalau berkomunikasi secara bertatap muka langsung bisa sampai membusa ini mulut heu…), dan dengan adanya kekurang-mampuan menguasai css jadinya kebingungan juga.

Disisi lain, teman tempat bersandar eh tempat bertanya ini itu, lagi pada kondisi yang susah diganggu alias sibuk, jadi tambah bingung tuh…. Tapi otak kita berpikir dong, apa gunanya ada Internet dan mengenalnya, Internet kan menjadi sumber berbagai informasi, betul tidak? kalau kata Aa Gim mah. Jadinya saya langsung mencari informasi yang berkaitan. Alhasil didapatkan juga deh langkah2 yang diperlukan tadi, diantaranya:

Mengedit/menambahkan kode pada css nya. Kalau tidak menguasainya, bagaimana bisa? tetep masih bingung kan.

Cara lain yaitu mengedit/menambahkan kode html pada tulisan. Kalau ini masa sih ga bisa, kan tinggal nambahin kode html di awal tulisan dan menutupnya diakhir tulisan. Contohnya :

Untuk tampilan tulisan rata kiri : <div align=”left”>Tulisan….</div>
Untuk tampilan tulisan rata kanan : <div align=”right”>Tulisan….</div>
Untuk tampilan tulisan rata kiri-kanan : <div align=”justify”>Tulisan….</div>

Nah, yang jadi permasalahan, apakah kita mau mengedit semua artikel yang kita tulis? Caaapek deh heu… tidak mau kan? Sementara mau mengedit pada css nya yang lebih tepat masih bingung karena belum menguasainya. Alhasil saya mencoba sebuah alternatif saja, yaitu menambahkan kode HTML pada beberapa file.php (index.php, page.php, single.php) dalam design, theme editor yang mengandung kode untuk content utama, yaitu:

<div class=”article”>
<?php the_content(“<br />Continue Reading »<br />”. the_title(”,”,false), 0).””; ?>
</div> <!– End Of Class Article –>

Langkah yang dlakukan yaitu melengkapi kode tersebut dengan menyisipkan kode diatas tadi seperti dibawah ini

Untuk tampilan tulisan rata kiri :

<div class=”article”>
<div align=”left”>
<?php the_content(“<br />Continue Reading »<br />”. the_title(”,”,false), 0).””; ?>
</div>
</div> <!– End Of Class Article –>

Untuk tampilan tulisan rata kanan :

<div class=”article”>
<div align=”right”>
<?php the_content(“<br />Continue Reading »<br />”. the_title(”,”,false), 0).””; ?>
</div>
</div> <!– End Of Class Article –>

Untuk tampilan tulisan rata kiri-kanan :

<div class=”article”>
<div align=”justify”>
<?php the_content(“<br />Continue Reading »<br />”. the_title(”,”,false), 0).””; ?>
</div>
</div> <!– End Of Class Article –>

25 Responses to Membuat tulisan rata kiri, rata kanan atau rata kiri-kanan pada blog

  1. rama says:

    ato klo begini bisa override css yang udah ada… 🙂

  2. kips says:

    memang seharusnya mengedit css nya, ini cuma alternatif saja daripada menyisipkan kode html pada setiap tulisan. 🙂

  3. Okta Sihotang says:

    langsung ketiikkan aja di textareanya, kan bisa 😉

  4. maseko says:

    Jika mau di CSS, coba cari
    .article {


    }

    tambahkan di dalamnya
    text-align:left;
    text-align:right;
    text-align:justify;
    sesuai yang diinginkan

    Oya, temen Mas Indra itu kali sok sibuk.. 🙂
    Jitak aja

  5. kips says:

    #4 Sudah ko.

  6. muji says:

    tips yang bagus buat pemula seperti saya. eh berani sama tantangan saya. lihat di blog saya. key. keep writing….

  7. cecep says:

    kang yang dimaksud mas eko saya bukan, kalau sayamah , merasa ganteng he3x iraha bade ngaliwet di cililin deui?

  8. deui says:

    kang kena ayam atanapi tetelo teu meuni sampai ka ngabudah astagfirullah hal adzim he3x

  9. kips says:

    #8 sanes, eta tos nyuci lancingan busa (budah) na teu acan beresih, ayam atanapi ayan? Upami goreng uyah di purulukan ku daging ayam enak sigana.

  10. Terasi Rumah says:

    saya setuju sama maseko
    biar ga ribet aja sih 😀

  11. kips says:

    #10 Sama mas, sy juga begitu 😀

  12. maseko says:

    #10
    Si Darkum bisanya setuju-stuju ajah.. 😀

    Jadi inget, lama gak ketemu Darkum kalau siang

  13. dani says:

    kebablasan ngedit di bbrp template php-nya..kl pas upgrade bs berubah ya..

    tp kok ada yg blg (saya baca) kl tepi kiri lbh terbaca dan lbh disarankan..cmiiw 🙂

  14. Thanks for the info sir. I still looking for this tutorial. but, does it work for widget? couse I want to move a little my sitemeter to left.

    thaks for this info

    matur thenkyu 😀

  15. a'ak budi says:

    makasih pak… kalau cara membuat border gambar gmna ya? kok gak bisa border=”2″ gak bisa tampil

  16. mohanlink™ says:

    thanks gan sangat membantu, BTW slider bawah blogku tulisannya jadi justify, hehe

  17. CANDRAMIDI says:

    blog walking,,,,look seo magic n lowongan kerja semua bidang>>>>>>visit my blog

  18. lavhalitya says:

    aku pengin di widget tapi gak bisa

  19. oke sob thanks tuk infonya saya coba dulu…

  20. djsamm88 says:

    mas… kalo mo buat justify dengan img gmn caranya ya???

  21. vinra pandia says:

    thanks ya gan atas infonya , berkan artikel agan, ane bisa buat artikel di website ane lebih mantap 🙂
    keep posting !

  22. ponseluler says:

    terima kasih pencerahannya mas. saya cari tutorialnya baru ketemu di sini.

  23. Ok makasi boz sangat membantu

  24. Info yang menarik untuk disimak… Good Job

Leave a Reply

Your email address will not be published. Required fields are marked *