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 –>
ato klo begini bisa override css yang udah ada… 🙂
memang seharusnya mengedit css nya, ini cuma alternatif saja daripada menyisipkan kode html pada setiap tulisan. 🙂
langsung ketiikkan aja di textareanya, kan bisa 😉
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
#4 Sudah ko.
tips yang bagus buat pemula seperti saya. eh berani sama tantangan saya. lihat di blog saya. key. keep writing….
kang yang dimaksud mas eko saya bukan, kalau sayamah , merasa ganteng he3x iraha bade ngaliwet di cililin deui?
kang kena ayam atanapi tetelo teu meuni sampai ka ngabudah astagfirullah hal adzim he3x
#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.
saya setuju sama maseko
biar ga ribet aja sih 😀
#10 Sama mas, sy juga begitu 😀
#10
Si Darkum bisanya setuju-stuju ajah.. 😀
Jadi inget, lama gak ketemu Darkum kalau siang
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 🙂
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 😀
makasih pak… kalau cara membuat border gambar gmna ya? kok gak bisa border=”2″ gak bisa tampil
thanks gan sangat membantu, BTW slider bawah blogku tulisannya jadi justify, hehe
blog walking,,,,look seo magic n lowongan kerja semua bidang>>>>>>visit my blog
aku pengin di widget tapi gak bisa
makasih gan
oke sob thanks tuk infonya saya coba dulu…
mas… kalo mo buat justify dengan img gmn caranya ya???
thanks ya gan atas infonya , berkan artikel agan, ane bisa buat artikel di website ane lebih mantap 🙂
keep posting !
terima kasih pencerahannya mas. saya cari tutorialnya baru ketemu di sini.
Ok makasi boz sangat membantu
Info yang menarik untuk disimak… Good Job