Cara Mudah Menampilkan Google Maps di Web Pribadi


Pada Kesempatan kali ini saya akan menjelaskan sedikit mengenai cara menampilkan Google Maps di halaman web. Untuk sebuah perusahaan atau website yang dipakai untuk usaha peran google maps atau alamat asli dari tempat usaha atau perusahaan tersebut sangat penting, salah satunya untuk meyakinkan pengguna bahwa website kita ini merupakan website yang dapat dipertanggung jawabnya selain itu maps juga dapat berfungsi untuk mempermudah user untuk mencari alamat perusahaan.

contoh maps di dalam sebuah website.

google maps perusahaan

baiklah akan kita mulai cara membuatnya.

pertama buatlah daerah yang akan dijadikan sebagai tempat menyimpan maps tersebut. misalnya di dalam sebuah div atau elemen apapun.

misalnya :

<div id="maps-here" style="width:500px;height:380px;">
</div>

selanjutnya masukkan kode javascript berikut ini di ke dalam dokumen yang sama :
berikut ini adalah kode yang harus dimasukkan untuk menampilkan google maps sebaiknya masukkan kode di bawah ini di atas elemen sebelumnya.

<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
  var mapProp = {
    center:new google.maps.LatLng(51.508742,-0.120850),
    zoom:5,
    mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  var map=new google.maps.Map(document.getElementById("maps-here"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

Untuk mengubah alamatnya anda dapat mengubahnya di bagian

center:new google.maps.LatLng(51.508742,-0.120850)

ubah langitude dan latitudenya sesuai dengan alamat yang diinginkan.
contoh kode lengkap dari kode diatas sebagai berikut :

 <!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
  var mapProp = {
    center:new google.maps.LatLng(51.508742,-0.120850),
    zoom:5,
    mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="maps-here" style="width:500px;height:380px;"></div>
</body>
</html> 

selemat mencoba dan semoga berhasil. terimakasih telah berkunjung

Memasukkan Kode Program ke dalam artikel di wordpress


Saat ini saya akan membahas mengenai Cara memasukkan kode PHP di dalam artikel di WordPress.com. untuk memasukkan kode ke dalam artikel di WordPress.com caranya sangat mudah sekali karena kita tidak perlu melakukan instalasi plugin. dan hanya tinggal menggunakannya saja. fitur ini sendiri biasanya disebut codehighlighter atau syntaxhighlighter dan lain-lain.

Cara menggunakannya pun sangat gampang tidak serumit di platform blogspot. berikut cara menggunakan syntaxhighlighter tersebut.

1. Masuk ke mode Text di Editor

2. Sebelum memasukkan kode masukkan tag ini diantara kode misalnya PHP yang akan dimasukkan ke dalam artikel.
dan akhiri dengan.
code
maka hasilnya akan nampak seperti kode di bawah ini.

<html>
<head>
<title>Percobaan Kode Highlighter</title>
</head>
<body>
<?php echo "Testing Kode Highlighter !" ?>
</body>
</html>

sekian dulu artikel kali ini semoga bermanfaat selamat mencoba dan semoga sukses

Join Table di Database MySQL


Imagepada kesempatan hari ini saya akan membahas join table. mungkin dari istilahnya join nya sendiri kita sudah bisa membayangkan bahwa kita dapat menampilkan data gabungan dari beberapa buah tabel.

Join table disini digunakan untuk dapat menampilkan data dari dua buah tabel atau lebih menjadi satu tampilan dengan menggunakan relasi atau suatu kata kunci  :

ada beberapa metode yang dapat digunakan yaitu

  1. Left Join
  2. Right Join
  3. Inner Join
  4. Cross Join Continue reading “Join Table di Database MySQL”