Assalamualaikum wr.wb

Kemarin Sudah kita bahas tentang MENU NAVIGASI

Sekarang kita masuk ketahap berikut-nya tentang Post...

kita atur bagian kerangka post-nya dulu atau bagian .body .post

Contoh:

.post { background: black; border:1px solid green; margin:0px; padding:0px; text-align:center }

Disini kita hanya mengatur background, border, jarak luar dan dalam dan juga posisi text-nya. Dan yang perlu diingat demi kerapianya adalah bagian ini posisinya sama antara header, searchform dan yang lain, yang pernah kita bahas sebelumnya, jadi atur saja bagaimana agar serasi antara atas bawah dan samping kiri kanan-nya !!

Sekarang bagian judul post-nya. .

contoh:

.post .title { background:black; border:1px solid green; padding:3px; margin:0px; text-align:center; color:white }

Dalam bagian Ini kita mengatur keseluruhan dalam judul post, termasuk tanggal-nya.,

sekarang untuk judul link-nya maksudnya judul artikel sebelum di klik,

contoh:

.post .title a { color:white; padding;2px; margin:0px; text-align:center; text-transform:uppercase }

Silahkan jika menyukai pake border juga tidak apa2, dan kreasikan sendiri. Hanya yang perlu diperhatikan jarak antara bagian luarnya ke text-nya saja beri sedikit kelonggaran agar tidak menempel yaitu kita pakai padding.

Sekarang kita atur tanggal-nya dan memisahkan antara judul dan tanggal agar tidak ngikut di belakang judul post

contoh:

.post .title small { color:white; font-size:small; text-align:center; padding:2px; margin:0px; display:block }

Mungkin property dispaly baru dalam pembahasan kali ini. dan kenapa kita memakai value block dalam display ?

Sebenarnya aku tidak punya kata-kata yang bagus untuk ini, tapi dalam bahasaku agar terlentang gitu. Hehe. . Atau lebih jelasnya dipraktekkan saja deh kawan. Ma'af ya kehabisan kamus. . Wkaka


Untuk judul sudah selesei,dan sekarang kita ke postingannya. . .

Perhatikan contoh :

.post p { padding:7px; margin:0px; text-align:left; color:white }

Diatas kita hanya mengatur jarak text-nya agar tidak menempel dipinggir , warna dan juga arah text-nya agar enak di baca, dan kreasikan sendiri, karena ini hanya contoh dalam membuatnya saja, dan aku tidak ada kata kamu harus begitu dan menggunakan itu juga. . .

LANJUT..

Untuk .post saya rasa itu sudah cukup kawan. Bisa juga kalian pakai selector yang lain misal:

.post p a adalah warna link yang muncul di semua halaman artikel kamu ,

contoh:

.post p a { color:red }

Dan untuk bagian commentlink nya aku biasa biarin standart. Tapi jika ingin di atur warna atau property yang lain silahkan pakai selector .comment_link a


Next. .
sekian dan semoga bermanfa'at. ..