Diskon 80% terbatas! Masukkan kupon "merdeka" di kelas apa saja

Cara menampilkan daftar semua berita dengan php

saya ingin bertanya bagaimana cara menampilkan daftar berita, misalnya ada 5 berita yang saya mau tampilkan dan untuk yang 1 berita gambarnya besar dan 4 lainnya kecil bagaimana caranya atau ada rumus php?

avatar iswantomahmud2
@iswantomahmud2

6 Kontribusi 0 Poin

Diperbarui 8 tahun yang lalu

2 Jawaban:

cara menampilkan nya dengan while loop mas, kalo mau i berita gambar nya besar sendiri tinggal atur aja di file css nya.. atau untuk lebih jelas nya lihat di tutorial ini aja : [link]https://www.sekolahkoding.com/kelas/belajar-php-dari-dasar/video/while-dan-do-while[/link] atau yang ini juga boleh mas : https://www.sekolahkoding.com/kelas/membuat-blog-dengan-php/video/koneksi-dan-menampilkan-data

avatar BadRabbit
@BadRabbit

149 Kontribusi 56 Poin

Dipost 8 tahun yang lalu

Misallkan anda punya database spt ini : CREATE TABLE IF NOT EXISTS `berita` ( `id` int(5) NOT NULL AUTO_INCREMENT, `tanggal` date NOT NULL, `gambar` varchar(50) NOT NULL, `judul` varchar(200) NOT NULL, `konten` text NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;

Kemudian setelah anda buat file koneksi.php, pada bagian file untuk menampilkan beritanya, katakan index.php...buat looping untuk mengambil berapa banyaknya berita spt ini :

 <?php
                    include "koneksi.php";
                    date_default_timezone_set("Asia/Jakarta");
                    $qu=mysqli_query($con,"select * from berita order by id desc limit 2");
                    while($has=mysqli_fetch_row($qu))
                    {

                        $tgl=explode("-",$has[1]);
                        $x  = mktime(0, 0, 0, date("$tgl[1]"), date("$tgl[2]"),  date("$tgl[0]"));
                        switch(date("l",$x))
                        {
                            case 'Monday':$nmh="Senin";break;
                            case 'Tuesday':$nmh="Selasa";break;
                            case 'Wednesday':$nmh="Rabu";break;
                            case 'Thursday':$nmh="Kamis";break;
                            case 'Friday':$nmh="Jum'at";break;
                            case 'Saturday':$nmh="Sabtu";break;
                            case 'Sunday':$nmh="minggu";break;
                        }
                        echo "
                            <div class='row' style='margin-bottom:12px;border-bottom: solid 1px #337ab7; '>
                                <div class='col-md-3'>
                                    <img class='img-default  img-center' src='img/$has[2]' width='120' height='135' alt='agenda' style='padding-top: 10px;'>
                                </div>
                                <!-- Bagian Beritanya-->
                                <div class='col-md-9'>
                                    <h5 style='color:#ffb60f;'>
                                        <strong><a href='detil_post.php?id=$has[0]' style='color:#ffb06f'>$has[3]</a></strong>
                                    </h5>
                                    <small style='font-size:8pt;color:#ea7048'>$nmh, ".$has[1]."</small>
                                    <p>".strip_tags(substr(substr($has[4],0,200),0,strrpos(substr($has[4],0,200),' ')))." ...</p>
                                </div>

                                <p style='text-align:right;'>
                                    <a href='artikel_edukasi.html'>
                                        <button class='btn btn-primary'>

                                         <a href='detil_post.php?id=$has[0]'>Read More</a>
                                        </button>
                                    </a>
                                </p>
                            </div>

                            ";
                    }
                ?>

Informasi Lengkapnya :

http://ilmu-detil.blogspot.co.id/2016/05/php-readmore-pada-artikel-web.html

Anda juga dapat menemukan kasus-kasus pembuatan web lainnya pada :

http://ilmu-detil.blogspot.co.id/p/html-html-head-style-p-background-color.html

avatar androidmaker155
@androidmaker155

17 Kontribusi 17 Poin

Dipost 8 tahun yang lalu

Login untuk ikut Jawaban