Melacak Seseorang Lewat Google Earth Berdasarkan IP Address

Melalui IP address kita dapat melacak lokasi seseorang disuatu daerah/kota tentunya melalui jasa alamat web pelacak IP semisal Geobytes, IP Locator, atauDomain white pages.

Menurut saya masih terdapat keterbatasan, disana kita hanya diberi tahu tentang lokasi kota/daerah saja tanpa tahu orang itu rumah kayak apa ?, di jalan apa ?, rt/rwnya berapa ? (eitts..kalo yang ini saya gak jamin hehe). Dari hasil yang didapat dari alamat-alamat pelacak IP diatas kita bisa menelusuri lebih lanjut dan detail pelacakan melalui google earth. Jadi instal dulu google earth-nya sob.

Caranya cukup simple siapkan Ip address yang sobat mau lacak. Maaf saya tidak mau membahas dulu bagaimana mengetahui IP address seseorang. Silahkan masuk salah satu web pelacak IP diatas dan submitkan nomor IP-nya, dalam kasus ini saya menggunakan www.geobytes.com dengan ip 110.137.91.89. Nampak data-datanya seperti ini.



Setelah hasilnya diketahui lihat keterangan koordinat pada latitude dan longitude ambil keduanya dan masukan pada kotak pencarian google earth tab "fly to" pisahkan dengan tanda koma dan spasi seperti gambar dibawah ini lalu begin search.



Google Earth akan mendirect langsung ke lokasi yang dituju. Zoom lagi biar lebih jelas dan lihat hasilnya. Orang yang saya lacak posisinya dekat jalan Teuku Umar Pekanbaru.




http://hariswae.blogspot.com/2010/12/melacak-seseorang-lewat-google-earth.html

Continue reading →

Ringankan blog dengan jQuery Lazy Load

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image sesudah page yang di scroll akan terlihat dengan menggunakan efek jQuery Lazy Load. Untuk melihat Demo, silahkan klik di sini.

Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak menampilkan image gambar ataupun image yang berukuran besar.

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kode di bawah pada content HTML/Javascript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPquGpRhc5WZsWn7oWpHf3aA0az734M8oVwGv6wRjCaKlm2sU72bktqK1jQXHOVsQzhlk59kZwG24qvqg0ZLwycDWWXn5ULKLGZbIN7UjYmd3kmXB4HvdY7FzNOXzuL-ds582b1IfFQJc/s1600/grey.gif"
});
});
</script>

Terakhir, klik save

Pesan:
1.Jika tidak ada apapun efek terjadi setelah kode di Save, silahkan paste kode tersebut sebelum atau di atas kode pada script template.

2.Jika tidak ada seberang perubahan setelah kode di paste di atas atau sebelum kode , silahkan paste kode tersebut sebelum atau di atas kode

Continue reading →

Mengatasi Judul Widget / Gadget Yang Tidak Boleh Kosong

Pada zaman dahulu kala blogger mengijinkan widget dengan tanpa judul (title) namun sekarang kebebasan itu dikekang oleh blogger, jadi setiap widget/gadget harus ada title atau judulnya. Namun sering kali kita tidak menginginkan gadget/widget tanpa judul, dan jika dipaksa akan muncul pesan perintah error "Required field must not be blank" atau intinya judulnya harus ada dan tidak bisa dilanjutkan bila tanpa judul.

Bagaimana mengatasinya?

Caranya cukup mudah kita tinggal mengisi title atau judul gadget dengan code

<!--->

lihat contoh dibawah ini

Dan hanya cukup code diatas tidak perlu tambahan apa-apa lagi.

Continue reading →

Menampilkan Judul Postingan di Halaman Blog

Terkadang arsip blog mesti kita tata rapi agar memudahkan kita mencari postingan terdahulu ataupun mempercepat loading halaman blog. Berikut adalah kode HTML yang bisa membuat tampilan arsip blog lebih ringkas, yaitu hanya menampilkan judul postingan, tanpa tanggal ataupun nama pengarang.

• Pertama login dulu ke blogger.
• Kemudian klik menu Tata letak > Edit HTML.
• Jika anda ingin mengamankan kode HTML template anda, klik tulisan download lengkap yang ada pada pojok atas kanan
• Beri tanda cek pada kotak "Expand widget template"
• Pada kotak edit template, carilah kode berikut:

<b:include data='post' name='post'/>

• Ganti kode tersebut dengan semua kode ini.

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<li/><data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

• Simpan Template dan lihat hasilnya.

JIKA INGIN COPAS MOHON UNTUK MENCAMTUMKAN ALAMAT WEB INI !

Continue reading →

Cara Membuat Efek Refresh di Blog

Anda pernah mengunjungi situs www.livescore.com, jika anda sering mengunjungi situs tersebut tentu anda tahu bahwa situs tersebut akan me-reload halaman yang sedang kita buka setiap menitnya. ini difungsikan bahwa score yang kita lihat adalah score yang selalu update setiap saat dan kita bisa melihat perubahannya setiap menitnya.

Di dalam blog kita pun bisa membuat efek refresh (reload otomatis). sesuai ketentuan waktu yang kita atur. pada tab browser akan tampak seperti dibawah ini :


ini menandakan sedang mereload halaman blog anda. sebelum kita mempelajari lebih lanjut marilah kita ketahui apa itu refresh di dalam blog.

Refresh atau dengan kata lain adalah "penyegaran" maksudnya adalah membuat blog kita me-reload otomatis pada waktu beberapa detik yang kita setting. ini sama fungsinya apabila kita reload pada browser kita. yang membedakan adalah disini akan me-reload secara otomatis.

Beberapa detik ini akan berjalan waktunya setelah kita ataupun pengunjung membuka halaman utama maupun posting pada blog kita.

Berikut ini cara pembuatannya untuk pengguna Blogger.

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Edit Html.
3. lalu copy kode di bawah ini :

   <meta http-equiv="refresh" content="300"/
   >



4. lalu kode tersebut di atas di taruh (paste) di antara kode :

   <head> .... </head
   >



5. Kemudian Simpan Template

Ket :
Tulisan yang berwarna merah menandakan jumlah waktu yang akan me-reload atau refresh secara otomatis dalam hitungan detik.
Contoh : dalam kode diatas dituliskan "300" berarti blog atau website kita akan refresh secara otomatis dalam waktu 5 menit. karena 1 menit = 60 detik dan 5 menit = 300 detik.
Rubahlah angka "300" dengan waktu yang anda inginkan untuk me-refresh secara otomatis (dalam hitungan detik).

Saran :
Sebaiknya waktu jangan di set terlalu cepat karena akan menimbulkan kaget atau kejengkelan kepada pengunjung yang sedang membaca artikel kita apabila terlalu cepat di refresh.

Continue reading →

Membuat Tulisan Berjalan ( Marque )

 
Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahui cara membuat tulisan berjalan tersebut. tapi disini Trik Tips Tutorial akan mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

berikut cara pembuatannya :

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri

kode :   


         <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>


hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan

kode :  

                   <marquee direction="right" scrollamount="2"" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik

kode :   

          <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah

kode :

          <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas

kode :

                <marquee direction="up"scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



6. Teks berjalan mondar-mandir

kode :

         <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



7. Teks berjalan zig-zag nembus

kode :        

             align="center"behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :




Contoh Tulisan Berjalan



8. Teks berjalan zig-zag mantul

kode :  

   <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee><<marquee></center>

hasil :









Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan

dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

<center>....... </center>

adalah agar tulisan tersebut selalu berada di tengah.

Continue reading →