Bismillahirrahmaanirraahiim, Assalamualaikum Wr.Wb
Selamat bertemu kembali, sudah lama saya tidak menulis di blog ini, saya harap kalian semua berada dalam ridho Allah swt dan semoga tetap dalam perlindungan-NYA.
Langsung saja ya, untuk kasus kali ini kta akan membuat tagging pada sebuah website yang biasa nya website nya itu berupa artikel. pasti akan ada tagging, baik tu digunakan untuk pencarian ataupun meta keyword SEO pada website kita.
Ikuti step by step nya untuk membuat sample tagging ini ya,
1.Anda harus mendownload terlebih dahulu file yg dibutuhkan/plugin untuk membuat tagging ini, anda bisa download disini
2. setelah anda berhasil mendownload file tersebut, tuliskan code berikut
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="bootstrap-tagsinput.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="bootstrap.js"></script>
<script type="text/javascript" src="bootstrap-tagsinput.js"></script>
<br><br><br>
<div class="container">
<form method="post" action="baca.php">
<div class="form-group">
<label for="exampleInputEmail1">Tags</label><br>
<input type="text" name="tags" placeholder="Tags" data-role="tagsinput" class="form-control" /> *Pisahkan tags dengan [ENTER]
</div>
<button type="submit" class="btn-sm btn-primary">Submit</button>
</form>
</div>
3. simpan code tersebut dengan nama file index.php
4. untuk melihat inputan apa yg kita tulis di tags tadi, kita buat file lagi bernama baca.php lalu isikan code berikut :
<?php
echo $_POST['tags'];
?>
5. finish, coba running file yang telah kita buat tadi.
*catatan : anda harus punya juga file bootstrap.css , bootstrap.js , jquery.js
contoh gambar hasil jadi dari latihan diatas adalah sebagai berikut :
Jika anda ingin mendownload file yang sudah jadi saya sudah sediakan disini :
https://www.dropbox.com/s/wwgjdvsg9fka0zs/bootstrap-tagsinput.zip?dl=0
mungkin cukup sekian yg dapat saya sampaikan, semoga kita dapat bertemu di lain kesempatan dengan materi yg lebih menarik lagi, terimakasi
Selamat bertemu kembali, sudah lama saya tidak menulis di blog ini, saya harap kalian semua berada dalam ridho Allah swt dan semoga tetap dalam perlindungan-NYA.
Langsung saja ya, untuk kasus kali ini kta akan membuat tagging pada sebuah website yang biasa nya website nya itu berupa artikel. pasti akan ada tagging, baik tu digunakan untuk pencarian ataupun meta keyword SEO pada website kita.
Ikuti step by step nya untuk membuat sample tagging ini ya,
1.Anda harus mendownload terlebih dahulu file yg dibutuhkan/plugin untuk membuat tagging ini, anda bisa download disini
2. setelah anda berhasil mendownload file tersebut, tuliskan code berikut
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="bootstrap-tagsinput.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="bootstrap.js"></script>
<script type="text/javascript" src="bootstrap-tagsinput.js"></script>
<br><br><br>
<div class="container">
<form method="post" action="baca.php">
<div class="form-group">
<label for="exampleInputEmail1">Tags</label><br>
<input type="text" name="tags" placeholder="Tags" data-role="tagsinput" class="form-control" /> *Pisahkan tags dengan [ENTER]
</div>
<button type="submit" class="btn-sm btn-primary">Submit</button>
</form>
</div>
3. simpan code tersebut dengan nama file index.php
4. untuk melihat inputan apa yg kita tulis di tags tadi, kita buat file lagi bernama baca.php lalu isikan code berikut :
<?php
echo $_POST['tags'];
?>
5. finish, coba running file yang telah kita buat tadi.
*catatan : anda harus punya juga file bootstrap.css , bootstrap.js , jquery.js
contoh gambar hasil jadi dari latihan diatas adalah sebagai berikut :
Jika anda ingin mendownload file yang sudah jadi saya sudah sediakan disini :
https://www.dropbox.com/s/wwgjdvsg9fka0zs/bootstrap-tagsinput.zip?dl=0
mungkin cukup sekian yg dapat saya sampaikan, semoga kita dapat bertemu di lain kesempatan dengan materi yg lebih menarik lagi, terimakasi
