thumbnail nggak muncul

ane kan baru bikin web dinamis pake bootstrap tampilannya, ane lihat tutor nya bang hilman ,padahal dah sukses gak ada error ketika disubmit tapi kok postingannya gak muncul ya gan :( mohon bantuannya ,btw ini kode ane yang header.php

<!DOCTYPE html>

  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>JarKom - Belajar Komputer</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>

  <body>

  <nav class="navbar navbar-inverse">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#target-list">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>

      </button>
      <a href="#" class="navbar-brand">JarKom</a>
    </div>

    <div class="collapse navbar-collapse" id="target-list">
      <ul class="nav navbar-nav">
        <li class="active"><a href="index.php">Home</a></li>
        <li><a href="#">Komputer</a></li>
        <li><a href="#">Tech News</a></li>
        <li><a href="#">Tips & trik</a></li>
        <li><a href="add.php" target="_blank">Tambah</a></li>
      </ul>

      <form role="search" class="navbar-form navbar-right">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Cari...">
          <button type="submit" class="btn btn-primary">Cari</button>
        </div>
      </form>
    </div>
  </nav>

  <div class="container">
    <div class="jumbotron">
    <h1>Selamat Datang di JarKom!</h1>
    <p>Selamat Datang di JarKom - Belajar Komputer, disini kalian bisa lihat
      artikel tentang perkembangan teknologi, Tips & trik seputar teknologi, dsb.</p>
    <a href="index.php" class="btn btn-primary btn-lg" role="button"> Lihat Selengkapnya </a>

  </div>

  <?php while($row = mysqli_fetch_assoc($articles)):?>
  <div class="row" >
        <div class="col-sm-6 col-md-4 each_article">
          <div class="thumbnail">

            <div class="caption">
            <h3><?= $row['judul']; ?></h3>
            <p>
              <?= $row['isi']; ?>
            </p>
            <p class="waktu"> <?= $row['waktu']; ?> </p>
            <p class="tag"> Tag: <?= $row['tag']; ?> </p>
            <a href="#" target="_blank" class="btn btn-primary"> Lihat Selengkapnya </a>
          </div>
        </div>
      </div>

    </div><!--akhir thumbnail row-->
  <?php endwhile; ?>

    <div class="alert alert-success" role="alert"> Lihat artikel pada JarKom! </div>
    <div class="row">
      <div class="col-md-6">
        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#home" aria-controller="home"
              role="tab" data-toggle="tab"> Home </a></li>
          <li role="presentation"><a href="#contact" aria-controller="contact"
                  role="tab" data-toggle="tab"> Contact </a></li>
        </ul>
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane active" id="home">JarKom adalah sebuah situs web yang berisi artikel menarik seputar teknologi, Tips & trik, serta lainnya terkait teknologi</div>
          <div role="tabpanel" class="tab-pane" id="contact"><b style="color:blue">email</b> : <u>daffagifariakmal@gmail.com</u></div>
        </div>
      </div>
      <div class="col-md-6"></div>

    </div>
  </div><!--akhir kontainer-->
  <br><br><br>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

  </body>

</html>

ini yg add.php

<?php
require_once "init.php";
require_once "view/headerforadd.php";

$error = '';

if(isset($_POST['submit'])){
  $judul = $_POST['judul'];
  $konten = $_POST['konten'];
  $tag = $_POST['tag'];

  if(!empty(trim($judul)) && !empty(trim($konten))){
    if(tambah_data($judul, $konten, $tag)){
      header('Location: index.php');
    }else{
      $error = 'ada masalah saat menambah data';

    }
  }else{
    $error = 'judul dan konten wajib diisi!';
  }
}
 ?>

<form action="" method="post">
  <label for="judul">Judul</label><br>
  <input type="text" name="judul" value=""><br><br>

  <label for="konten">Isi</label><br>
  <textarea name="konten" rows="8" cols="80"></textarea><br><br>

  <label for="tag">Tag</label><br>
  <input type="text" name="tag" value=""><br><br>

  <div id="error"><?=$error ?></div>

  <input type="submit" name="submit" value="submit">
</form>

 <?php
 require_once "view/footer.php"
 ?>

ini yg index.php

<?php
require_once "init.php";
require_once "view/header.php";

$articles = tampilkan();
 ?>

 <?php
 require_once "view/footer.php"
 ?>

ini yg blog.php

<?php

function tampilkan(){
  global $link;

  $query  = "SELECT * FROM blog";
  $result = mysqli_query($link, $query) or die('gagal menampilkan data');

  return $result;
}
function tambah_data($judul, $konten, $tag){
  $query = "INSERT INTO blog (judul, isi, tag) VALUES ('$judul', '$konten', '$tag')";
  return run($query);
}

function run($query){
  global $link;

  if(mysqli_query($link, $query)) return true;
  else return false;
}
 ?>

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban