-->
6/Tutorial/slider

Memasang Widget Recent Comments Intense Debate

6 comments
Intense debate menyediakan layanan sistem komentar untuk website ataupun blog. Dan menurut saya kotak komentar menggunakan intense debate cukup bagus. Selain dari segi tampilannya yang elegan, loading-nya pun cepat. Dan ketika memberikan komentar-pun, loading-nya tidak satu halaman, tetapi hanya bagian komentar saja.

Pada kesempatan kali ini, saya mau berbagi tentang bagaimana cara memasang widget recent comment / komentar terbaru yang menggunakan intense debate ini. Walaupun cara ini cukup mudah, namun barangkali ada yang belum tahu maka saya kasih tutorialnya disini.

1. Masuk ke website intense debate disini

2. Pada menu navigasi di atas masuk ke bagian Extras.

3. Pada bagian Add Ons (sebelah kiri) klik Widget


4. Disana ada widget "Latest Comment Widget". Klik Install this Widget Now.


5. Selanjutnya silahkan masukkan nominal jumlah komentar yang ingin ditampilkan. Setelah itu copy script-nya.


6. Masuk ke blogger lalu ke bagian Tata Letak dan tambah widget HTML / Javascript. Paste-kan script yang tadi di copy.

7. Selesai.. Lihat blog dan seharusnya sudah ada recent comment dengan intense debate di sidebar / footer. Tergantung kalian memasangnya dimana.

Sekian untuk artikel kali ini mudah-mudahan bermanfaat. Aamiin.

Continue Reading

Membuat Jendela Konfirmasi ketika Menghapus Data di Database

21 comments
/ / /
Masalah ini sebenarnya saya sendiri mengalaminya. Saya coba menampilkan data di database di browser dalam bentuk tabel. Nah, ketika itu saya ingin menambahkan field / kolom aksi untuk setiap data-nya. Aksi itu bisa berupa edit maupun delete. Namun disini saya fokuskan untuk membuat aksi delete.

Konfirmasi yang saya maksud adalah munculnya kotak / jendela konfirmasi ketika meng-klik tombol delete. Contohnya, ketika tombol delete di klik, maka muncul dialog box yang bertuliskan "Are you sure you want to delete this data?". Jika diklik OK maka data akan dihapus, dan jika diklik Cancel maka tidak jadi dihapus. Seperti itulah maksudnya. Berikut contoh screenshotnya:

Setelah saya browsing. Akhirnya saya menemukan caranya di sebuah forum. Sebenarnya caranya sangat mudah. Tinggal tambahkan javascript di bawah ini dalam tag <a> 
onclick="return confirm('Apakah anda yakin akan menghapus data ini?')"
Anda bisa mengganti kalimat Apakah anda yakin akan menghapus data ini? dengan kalimat lain.

Meskipun sudah saya kasih tahu caranya seperti di atas, saya ingin membahasnya dengan cukup lengkap dari awal supaya lebih jelas. Pertama buat database. Disini saya membuat database dengan nama example. Selanjutnya buat tabel. Saya buat dengan nama contoh. 
create table contoh (
id int(10) not null auto_increment,
field1 varchar(50) not null,
field2 varchar(50) not null,
primary key(id)
);

Setelah pembuatan tabel, isi tabel tersebut dengan sembarang data. Selanjutnya buat file php yang mengkoneksikan ke database. Simpan saja file tersebut dengan nama koneksi.php. Berikut script-nya:
<?php
 $host = "localhost";
 $username = "root";
 $password = "";
 $database = "example";

 $connect = mysql_connect($host,$username,$password);
 mysql_select_db($database,$connect);
?>

Kemudian buat file php yang menampilkan data dari database. Saya beri nama file tersebut dengan tampil.php. Berikut script-nya: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tampilan data</title>
</head>

<body>
<center>
<?php
include("koneksi.php");
$no = 1;
$sql="SELECT * FROM contoh";
$hasil=mysql_query($sql);

echo "<table border='1'><tr><th style='padding:5px;'>No.</th><th>Field1</th><th>Field2</th><th>Aksi</th></tr>";
if($hasil){
 while($baris=mysql_fetch_array($hasil)){
  echo"<tr><td style='padding:5px;'>".$no.".</td><td>".$baris['field1']."</td><td>".$baris['field2']."</td>";?>
  <td><a href="<?php echo "aksi.php?id=$baris[id]";?>" onclick="return confirm('Apakah anda yakin akan menghapus data ini?')">Hapus</a></td>
  <?php $no++;}
 echo "</tr></table>";
}
else {
 echo "gagal menampilkan data";
 }
?>
</center>
</body>
</html>

Nah, jika file tersebut sudah dibuat, coba buka di browser apakah data-nya bisa ditampilkan atau tidak. Jika data sudah bisa ditampilkan, maka kira-kira tampilannya seperti ini:

Pada kolom paling kanan, terdapat link dengan tulisan "Hapus". Seperti terlihat pada script, link tersebut mengarah ke aksi.php. Berikut ini adalah isi dari file aksi.php: 
<?php
include "koneksi.php";

$id = $_GET['id'];
$query = "DELETE from contoh WHERE id='$id'";
mysql_query($query);
header("location:tampil.php");

?>

File aksi.php tersebut berfungsi menghapus data yang ada di database.

Selesai.. Mudah-mudahan artikel yang singkat ini bisa berguna.

Download source code : Disini

Continue Reading

Yo.. Berburu Alexa Rank

11 comments
/
Yosh.. Beberapa hari yang lalu aku baru saja membereskan perbaikan pada blog ini. Maklumlah blog ini merupakan blog pindahan dari blogku sebelumnya di www.netfaris.co.cc.

Blog itu sudah tidak bisa digunakan lagi dikarenakan server domain .co.cc yang sudah mati. Dan masalahnya blog itu tidak menggunakan platform blogger tapi pake wordpress self-hosted yang berhosting di 000webhost. Karena bukan dari blogger, jadi ga bisa balik ke URL lama. Kalo awalnya dari blogger kan tinggal ganti ke alamat sebelumnya aja.

Akhirnya aku bikin blog baru deh. Ini dia blognya. Tapi sayangnya blog ini belum masuk alexa rank alias rank-nya masih "no data". Padahal di blog sebelumnya lagi semangat-semangatnya nge-blog. Dari alexa rank yang 18 Jutaan sampe akhirnya ranknya berhasil mencapai 3 Juta sekian. Pas lagi grafiknya menanjak, eh malah server .co.cc mati. Dan tampaknya tidak akan pernah hidup kembali.

Makanya sekarang aku lagi berburu alexa rank supaya mudah diindex google (walopun page rank lebih ampuh untuk hal ini) dan terlihat lebih keren. Hahaha :D

Lalu bagaimana supaya mendapatkan alexa rank dengan cepat?
Aku juga kurang ahli soal ini. Tapi yang aku lakukan cuma blogwalking aja ke blog-blog yg ada chatbox / shoutbox-nya. Meninggalkan jejak. Terus katanya kalo masang alexa toolbar juga tambah cepat mendapatkan alexa rank-nya.

Yah mudah-mudahan seiring berjalannya waktu blog ini bisa mendapatkan alexa rank-nya. Yosh sekian dulu ah.

Selesai..

Continue Reading

Meletakkan Arsip Wordpress dalam Scroll

No comments
Arsip merupakan sesuatu yang cukup penting menurut saya. Dengan adanya arsip kita bisa melihat postingan – postingan kita yang sudah lama misalnya.. Arsip yang dimaksudkan disini adalah seperti yang ada di sidebar-footer kanan blog ini. Semakin kita sering posting tentu semakin banyak arsipnya.

Contoh di blog ini agar arsipnya tidak terus panjang ke bawah, maka disini saya akan memberikan tips untuk meletakkan arsip yang perbulanan itu ke dalam scroll. Tapi cara ini hanya untuk wordpress self-hosted.

1. Pasang plugin exec-php. Download disini

2. Jika sudah, aktifkan plugin tersebut.

3. Setelah aktif masuk ke bagian widget.

4. Tambahkan widget text dan isi dengan script berikut: 
<div style="height:300px;width:275px;border:none; overflow:auto; margin-left:-30px;">
<ul>
<?php wp_get_archives('show_post_count=true'); ?>
</ul>
</div>

Script get archives di atas akan menampilkan nama bulan dan jumlah posting yg ada di bulan tersebut. Untuk opsi selengkapnya bisa dilihat disini. Width dan Height untuk scroll juga bisa diatur sesuai keinginan sendiri.

5. Selesai.. Arsip blog sudah berada dalam scroll

Jika ada yg tidak mau menginstalkan plugin exec-php. Masih ada cara yaitu langsung masukan script wp_get_archive di atas ke sidebar.php yang ada di theme kamu.

Mudah"an artikel yang sedikit ini bisa bermanfaat.

Continue Reading

An ENTJ Person. A software engineer, experienced in web development, especially in Java. The best graduate of engineering field of Bandung State Polytechnic. Self-motivated and adaptable person. Highly passionate about IT stuff. A fast learner, always curious and loves to learn something new. Has a strong logical and analytical thinking. [Faris Arifiansyah] (https://lh4.googleusercontent.com/9-OcR6PfTb9wECGLmzP0uzrFor9GiXdbMHRt_eXiIh9D_kdopGPGDogIuhWVlCaeBfGONpDMz54MuZHfm98s=w1920-h925)