Menampilkan Koordinat Mouse di Halaman Blog
Daripada mikirin Gayus Tambunan yang divonis hanya 7 Tahun penjara mending ngetik postingan biar dianggap serius sama blogger lain hehehe. Kali ini saya hanya mau bagikan script yang dapat menampilkan titik koordinat mouse yang dipakai pengunjung dalam mengakses halaman blog. Titik koordinat 0 (nol) antara garis vertikal dan horisontal berada pada sudut kiri atas halaman blog, sedangkan untuk melihat informasi berada di koordinat berapa silahkan lihat sudut kiri bawah halaman blog. Dan berikut kode script yang dipakai :
Cara pasangnya :
Masuk ke menu Rancangan-->Tambah Gadget-->HTML/Javascript copas kode diatas kedalamnya.
Sekali lagi walaupun script ini tidak begitu penting namun setidaknya sebagai penambah wawasan kita mengenai kode script, salam
<script language="javascript">
var where = "http://www.masbugie.com";
function checkwhere(e) {
if (document.layers){
xCoord = e.x;
yCoord = e.y;
}
else if (document.all){
xCoord = event.clientX;
yCoord = event.clientY;
}
else if (document.getElementById){
xCoord = e.clientX;
yCoord = e.clientY;
}
self.status = "Horisontal= "+ xCoord + " Vertikal= " + yCoord;
}
document.onmousemove = checkwhere;
if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
</script>
var where = "http://www.masbugie.com";
function checkwhere(e) {
if (document.layers){
xCoord = e.x;
yCoord = e.y;
}
else if (document.all){
xCoord = event.clientX;
yCoord = event.clientY;
}
else if (document.getElementById){
xCoord = e.clientX;
yCoord = e.clientY;
}
self.status = "Horisontal= "+ xCoord + " Vertikal= " + yCoord;
}
document.onmousemove = checkwhere;
if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
</script>
Cara pasangnya :
Masuk ke menu Rancangan-->Tambah Gadget-->HTML/Javascript copas kode diatas kedalamnya.
Sekali lagi walaupun script ini tidak begitu penting namun setidaknya sebagai penambah wawasan kita mengenai kode script, salam
Script Pesan Bergerak di Bar Bawah
Ah..ilmu memang tidak ada habisnya, begitu pula dengan bermacam script yang banyak beredar di dunia maya ini dan kali ini saya ingin membagikan kode script yang dapat menampilkan pesan bergerak di bar bawah browser mozilla Anda. Jika ada yang belum tahu bar bawah ini dia contoh gambarnya :
Biasanya tulisannya Done bila menyelesaikan loading halaman atau Stopped jika menghentikan loading halaman suatu situs. Sedangkan yang Anda lihat pada bar bawah halaman ini adalah script informasi halaman di bar bawah, nanti kapan-kapan saya share untuk Anda.
Bagi Anda yang lebih mengutamakan pernak-pernik di blog tidak ada salahnya mencoba script ini, dijamin keren habis..gag percaya cobain donk, ini dia scriptnya :
-Silahkan ubah dan sesuaikan teks yang berwarna merah dengan keinginan Anda.
-Andaikan ingin menambah pesan, silahkan tambahkan dibawahnya
ar[4] = "pesan selanjutnya"
dan seterusnya.
Cara Pasangnya :
Masuk ke menu Rancangan-->Tambah Gadget-->HTML/Javascript copas kode diatas kedalamnya.
Biasanya tulisannya Done bila menyelesaikan loading halaman atau Stopped jika menghentikan loading halaman suatu situs. Sedangkan yang Anda lihat pada bar bawah halaman ini adalah script informasi halaman di bar bawah, nanti kapan-kapan saya share untuk Anda.Bagi Anda yang lebih mengutamakan pernak-pernik di blog tidak ada salahnya mencoba script ini, dijamin keren habis..gag percaya cobain donk, ini dia scriptnya :
<SCRIPT LANGUAGE="JavaScript">
var speed =5
var pause = 1500
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] = "Selamat Datang di http://www.masbugie.com"
ar[1] = "Semoga Anda dapat menemukan informasi"
ar[2] = "Silahkan tinggalkan komentarnya donk"
ar[3] = "Keep smile beibeh"
var message = 0
var state = ""
clearState()
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function clearState() {
state = ""
for (var i = 0; i < ar[message].length; ++i) {
state += "0"
}
}
function showBanner() {
if (getString()) {
message++
if (ar.length <= message)
message = 0
clearState()
timerID = setTimeout("showBanner()", pause)
}
//visit http://www.masbugie.com
else {
var str = ""
for (var j = 0; j < state.length; ++j) {
str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " "
}
window.status = str
timerID = setTimeout("showBanner()", speed)
}
}
function getString() {
var full = true
for (var j = 0; j < state.length; ++j) {
if (state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = getRandom(ar[message].length)
if (state.charAt(num) == "0")
break
}
state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)
return false
}
function getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
startBanner()
</SCRIPT>
Note :var speed =5
var pause = 1500
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] = "Selamat Datang di http://www.masbugie.com"
ar[1] = "Semoga Anda dapat menemukan informasi"
ar[2] = "Silahkan tinggalkan komentarnya donk"
ar[3] = "Keep smile beibeh"
var message = 0
var state = ""
clearState()
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function clearState() {
state = ""
for (var i = 0; i < ar[message].length; ++i) {
state += "0"
}
}
function showBanner() {
if (getString()) {
message++
if (ar.length <= message)
message = 0
clearState()
timerID = setTimeout("showBanner()", pause)
}
//visit http://www.masbugie.com
else {
var str = ""
for (var j = 0; j < state.length; ++j) {
str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " "
}
window.status = str
timerID = setTimeout("showBanner()", speed)
}
}
function getString() {
var full = true
for (var j = 0; j < state.length; ++j) {
if (state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = getRandom(ar[message].length)
if (state.charAt(num) == "0")
break
}
state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)
return false
}
function getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
startBanner()
</SCRIPT>
-Silahkan ubah dan sesuaikan teks yang berwarna merah dengan keinginan Anda.
-Andaikan ingin menambah pesan, silahkan tambahkan dibawahnya
ar[4] = "pesan selanjutnya"
dan seterusnya.
Cara Pasangnya :
Masuk ke menu Rancangan-->Tambah Gadget-->HTML/Javascript copas kode diatas kedalamnya.
Padatkan Jeroan Bikin Loading Blog Ringan
Bingung menentukan judul postingan mending pakai bahasa seenak perut aja. Inti dari isi postingan kali ini adalah bagaimana cara meringankan loading blog dan juga sekaligus mempermudah google menggerayangi atau merayapi halaman situs blog Anda. Keuntungan yang didapat dari sebuah blog yang mempunyai beban loading ringan adalah pengunjung dapat dengan mudah mengakses info yang terdapat pada blog. Nah maka dari itu memadatkan jeroan atau isi perut blog bagi saya sangat penting guna menciptakan efisiensi waktu yang digunakan pengunjung saat menjelajah situs blog Anda. Menurut blog sebelah, banyaknya gambar dan penggunaan kode java script pada halaman blog akan menurunkan performa yang berhubungan dengan kecepatan loading, namun menurut saya faktor non teknis juga harus diperhitungkan seperti, browser yang digunakan saat membuka halaman situs blog tersebut, kecepatan koneksi per KB-nya dan sarana penunjang lainnya yakni komputer atau laptop. Walaupun gambar dan kode java script dihilangkan dari halaman blog namun kalau komputer yang digunakan keluaran jaman dinosaurus ya sama saja.
Berikut cara manual yang bisa Anda coba:
1. Login ke blogger.com-->Rancangan-->Edit HTML-->
2. Untuk jaga-jaga bila terjadi kesalahan Download Template Lengkap
Saya ilustrasikan isi kode HTML blog Anda seperti gambar berikut :
Dapat Anda lihat bahwa isi blog Anda berserakan dan amburadul susunannya. Halaman blog seperti ini selain berpengaruh terhadap loading blog namun juga akan mengurangi kinerja spider both dalam merayapi situs blog Anda.
Untuk memadatkan kode-kode diatas silahkan Anda hilangkan spasi antara baris pertama dengan baris kedua dan seterusnya secara keseluruhan, kemudian simpan. Dengan demikian akan menghasilkan seperti gambar dibawah ini :
Padat dan mampat, itu makanya setiap postingan yang diterbitkan akan cepat terbaca pada mesin pencari google.
Trik memadatkan kode html pada blogger seperti ini bukanlah satu-satunya cara yang digunakan untuk meringankan loading blog, sebab pada postingan terdahulu sudah pernah saya bahas sebelumnya disini.
Semoga informasi ini dapat memberikan inspirasi dan manfaat bagi yang sudi membacanya sehingga akan terasa manfaatnya, salam..
Berikut cara manual yang bisa Anda coba:
1. Login ke blogger.com-->Rancangan-->Edit HTML-->
2. Untuk jaga-jaga bila terjadi kesalahan Download Template Lengkap
Saya ilustrasikan isi kode HTML blog Anda seperti gambar berikut :
Dapat Anda lihat bahwa isi blog Anda berserakan dan amburadul susunannya. Halaman blog seperti ini selain berpengaruh terhadap loading blog namun juga akan mengurangi kinerja spider both dalam merayapi situs blog Anda.Untuk memadatkan kode-kode diatas silahkan Anda hilangkan spasi antara baris pertama dengan baris kedua dan seterusnya secara keseluruhan, kemudian simpan. Dengan demikian akan menghasilkan seperti gambar dibawah ini :
Padat dan mampat, itu makanya setiap postingan yang diterbitkan akan cepat terbaca pada mesin pencari google.
Trik memadatkan kode html pada blogger seperti ini bukanlah satu-satunya cara yang digunakan untuk meringankan loading blog, sebab pada postingan terdahulu sudah pernah saya bahas sebelumnya disini.
Semoga informasi ini dapat memberikan inspirasi dan manfaat bagi yang sudi membacanya sehingga akan terasa manfaatnya, salam..
Menampilkan Koordinat Mouse di Halaman Blog
Daripada mikirin Gayus Tambunan yang divonis hanya 7 Tahun penjara mending ngetik postingan biar dianggap serius sama blogger lain hehehe. Kali ini saya hanya mau bagikan script yang dapat menampilkan titik koordinat mouse yang dipakai pengunjung dalam mengakses halaman blog. Titik koordinat 0 (nol) antara garis vertikal dan horisontal berada pada sudut kiri atas halaman blog, sedangkan untuk melihat informasi berada di koordinat berapa silahkan lihat sudut kiri bawah halaman blog. Dan berikut kode script yang dipakai :
Cara pasangnya :
Masuk ke menu Rancangan-->Tambah Gadget-->HTML/Javascript copas kode diatas kedalamnya.
Sekali lagi walaupun script ini tidak begitu penting namun setidaknya sebagai penambah wawasan kita mengenai kode script, salam
<script language="javascript">
var where = "http://www.masbugie.com";
function checkwhere(e) {
if (document.layers){
xCoord = e.x;
yCoord = e.y;
}
else if (document.all){
xCoord = event.clientX;
yCoord = event.clientY;
}
else if (document.getElementById){
xCoord = e.clientX;
yCoord = e.clientY;
}
self.status = "Horisontal= "+ xCoord + " Vertikal= " + yCoord;
}
document.onmousemove = checkwhere;
if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
</script>
var where = "http://www.masbugie.com";
function checkwhere(e) {
if (document.layers){
xCoord = e.x;
yCoord = e.y;
}
else if (document.all){
xCoord = event.clientX;
yCoord = event.clientY;
}
else if (document.getElementById){
xCoord = e.clientX;
yCoord = e.clientY;
}
self.status = "Horisontal= "+ xCoord + " Vertikal= " + yCoord;
}
document.onmousemove = checkwhere;
if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
</script>
Cara pasangnya :
Masuk ke menu Rancangan-->Tambah Gadget-->HTML/Javascript copas kode diatas kedalamnya.
Sekali lagi walaupun script ini tidak begitu penting namun setidaknya sebagai penambah wawasan kita mengenai kode script, salam
Read more: Menampilkan Koordinat Mouse di Halaman Blog | Mas Bugie [dot] com http://www.masbugie.com/2011/01/menampilkan-koordinat-mouse-di-halaman.html#ixzz1FQOmyD9k
Tidak ada komentar:
Posting Komentar