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. ..
I discovered your Cara membuat css mwb dengan mudah bag 4 (Post) - Rindra Wap | Tutorial Membuat CSS Mywapblog page and noticed you could have a lot more traffic. I have found that the key to running a website is making sure the visitors you are getting are interested in your subject matter. We can send you targeted traffic and we let you try it for free. Get over 1,000 targeted visitors per day to your website. Start your free trial: https://flust.de/tpuwx Unsubscribe here: http://stpicks.com/2ruse
Shana Marley http://duckshop.co/1f1p
For a limited time we have lowered the rate on targeted website traffic. We have visitors from virtually every country on Earth. Each visitor is targeted by both country and keywords that you submit when you start your free trial period. If you need more visitors or product sales try our service free for seven days and we will send you 500 free visitors during the trial. There are no contracts and if you cancel during the trial period you will not be charged anything! Start your trial today: http://insl.co/11
Unsubscribe here: http://stpicks.com/2ruse
I came across your Cara membuat css mwb dengan mudah bag 4 (Post) - Rindra Wap | Tutorial Membuat CSS Mywapblog website and wanted to let you know that we have decided to open our POWERFUL and PRIVATE website traffic system to the public for a limited time! You can sign up for our targeted traffic network with a free trial as we make this offer available again. If you need targeted traffic that is interested in your subject matter or products start your free trial today: http://insl.co/11 Unsubscribe here: http://stpicks.com/2ruse
I discovered your Cara membuat css mwb dengan mudah bag 4 (Post) - Rindra Wap | Tutorial Membuat CSS Mywapblog page and noticed you could have a lot more traffic. I have found that the key to running a website is making sure the visitors you are getting are interested in your subject matter. We can send you targeted traffic and we let you try it for free. Get over 1,000 targeted visitors per day to your website. Check it out here: http://url.euqueroserummacaco.com/3ewon Unsubscribe here: http://xahl.de/q
I discovered your Cara membuat css mwb dengan mudah bag 4 (Post) - Rindra Wap | Tutorial Membuat CSS Mywapblog page and noticed you could have a lot more traffic. I have found that the key to running a website is making sure the visitors you are getting are interested in your subject matter. We can send you targeted traffic and we let you try it for free. Get over 1,000 targeted visitors per day to your website. Check it out here: http://url.euqueroserummacaco.com/3ewon Unsubscribe here: http://stpicks.com/2ruse
This is a comment to the Cara membuat css mwb dengan mudah bag 4 (Post) - Rindra Wap | Tutorial Membuat CSS Mywapblog admin. Your website is missing out on at least 300 visitors per day. Our traffic system will dramatically increase your traffic to your site: http://stpicks.com/2rusd - We offer 500 free targeted visitors during our free trial period and we offer up to 30,000 targeted visitors per month. Hope this helps
Unsubscribe here: http://xahl.de/q
I came to your Cara membuat css mwb dengan mudah bag 4 (Post) - Rindra Wap | Tutorial Membuat CSS Mywapblog page and noticed you could have a lot more traffic. I have found that the key to running a website is making sure the visitors you are getting are interested in your subject matter. We can send you targeted traffic and we let you try it for free. Get over 1,000 targeted visitors per day to your website. Start your free trial: http://insl.co/11 Unsubscribe here: http://xahl.de/q
This is a message to the Cara membuat css mwb dengan mudah bag 4 (Post) - Rindra Wap | Tutorial Membuat CSS Mywapblog webmaster. Your website is missing out on at least 300 visitors per day. Our traffic system will dramatically increase your traffic to your website: http://url.euqueroserummacaco.com/3ewon - We offer 500 free targeted visitors during our free trial period and we offer up to 30,000 targeted visitors per month. Hope this helps
Unsubscribe here: http://xahl.de/q
I came across your Cara membuat css mwb dengan mudah bag 4 (Post) - Rindra Wap | Tutorial Membuat CSS Mywapblog website and wanted to let you know that we have decided to open our POWERFUL and PRIVATE web traffic system to the public for a limited time! You can sign up for our targeted traffic network with a free trial as we make this offer available again. If you need targeted traffic that is interested in your subject matter or products start your free trial today: http://insl.co/11 Unsubscribe here: http://stpicks.com/2ruse
Do you need more people to visit your website? We have a 7 day free trial that will drive targeted visitors to your website. If you have been struggling with getting your website in front of people then come try our traffic service risk free. Just click the link below to check out our service and select your package, each package includes a 7 day free trial period. There is no catch, if you don't like the service you can cancel during the trial period you will not be charged anything. These visitors are all targeted by the keywords and countries that you submit when you place your order. Start your free trial today: http://stpicks.com/2rusd Unsubscribe here: http://stpicks.com/2ruse