01 June 2012

CARA EDIT PAGE LOGIN HOTSPOT DI MIKROTIK

Bagi anda yang tidak tau cara membuat tampilan login sendiri. Saya akan sharing hasil editan tampilan login mikrotik yang saya edit sendiri.
Anda mendownload nya di SINI

Tampilan login hotspot mikrotik editan saya :


Bagi anda yang ingin meng-edit tampilan login hotspot saya, berikut langkah2 nya :


Mengganti Title / Judul Hotspot
  • Buka file yang bernama login dengan notepad / software desain website, seperti Macromedia Dreamweaver
  • Kemudian cari kode berikut : <title>PFV HOTSPOT ZONE</title>
  • Untuk memudahkan mencari kode berikut dengan cara menekan CTRL+F 
  • Ganti tulisan berwarna merah dengan nama hotspot anda.
  •  Jika sudah anda ganti kemudian Simpan.

Mengganti Favicon


  • Buka file yang bernama login dengan notepad / software desain website, seperti Macromedia Dreamweaver.
  • Kemudian cari kode berikut : <link rel="shortcut icon" href="http://www.pfv-tkj.blogspot.com/favicon.ico" type="image/x-icon">
  • untuk memudahkan mencari kode berikut dengan cara menekan CTRL+F 
  • Ganti tulisan berwarna merah dengan alamat website/blog anda.
  • Setelah anda mengganti dengan alamat website/blog anda, kemudian Simpan.
Lakukan juga hal seperti di atas pada file yang bernama: alogin, logout, kontak, registrasi, dan status. Dan jangan di ganti nama file yang sudah ada, Jika anda menggantinya nanti jika anda mengupload file nya ke mikrotik anda maka tampilannya akan gagal/tidak akan muncul.

Mengganti Background
Ganti nama gambar anda dengan nama back, kemudian simpan di folder img. Dan berextensi jpg.
Gambar tidak harus berextensi JPG anda juga bisa menggunakan yang berextensi GIF, BMP, dan lainnya. Asalkan pada script nya anda ganti juga extensi File nya. Jika anda tidak tahu cara nya berikut langkah - langkahnya :
  • Buka file yang bernama style dengan notepad / software desain website, seperti Macromedia Dreamweaver.
  •  Cari kode berikut : background-image:url(img/back.jpg);
  • Kemudian ganti jpg dengan extensi gambar anda, misalnya gambar anda berextensi gif. Maka Hasilnya akan menjadi seperti ini : background-image:url(img/back.gif);
  • Jika Sudah, Kemudian Simpan.
Mengganti Warna Tulisan
  • Buka file yang bernama style dengan notepad / software desain website, seperti Macromedia Dreamweaver.
  •  Cari kode berikut : color: #000000;
  • Ganti angka 000000 Dengan Kode warna sesuai keinginan anda.
  • Kemudian Simpan.


Mengganti gambar dan link alogin
alogin merupakan halaman yang akan muncul setelah kita berhasil login ke hotspot mikrotik dan akan menuju ke sebuah website sesuai dengan yang kita atur. Tampilannya seperti di bawah ini :


Cara mengganti gambar nya sangatlah mudah anda tinggal mengganti nama gambar yang anda inginkan dengan nama LogoSelamatDatang dan harus berextensi JPG. Kemudian copy gambar anda ke folder img.
Gambar tidak harus berextensi JPG anda juga bisa menggunakan yang berextensi GIF, BMP, dan lainnya. Asalkan pada script nya anda ganti juga extensi File nya. Jika anda tidak tahu cara nya berikut langkah - langkahnya :
  • Buka file yang bernama alogin dengan notepad / software desain website, seperti Macromedia Dreamweaver.
  • Setelah itu cari kode berikut:  "img/LogoSelamatDatang.jpg"
  • Ganti jpg nya dengan extensi file gambar anda. Jika file gambar anda gif, maka anda ganti menjadi gif. Maka hasilnya akan menjadi seperti ini "img/LogoSelamatDatang.gif"
  • Kemudian Simpan.

Cara Mengganti Link alogin
  • Buka file yang bernama alogin dengan notepad / software desain website, seperti Macromedia Dreamweaver.
  • Cari kode berikut : "http://www.google.co.id"
  • Kemudin ganti dengan alamat yang anda inginkan. Misalnya ke alamat website/blog anda. Lumayan kan untuk menambah pageview :) .
  • Lalu Simpan.
Untuk cara upload nya anda bisa melihat di : Cara Upload Tampilan Hotspot Mikrotik Buatan Sendiri
Demikian Penjelasan Dari Saya.
Semoga Bermanfaat.
Previous Post
Next Post
Related Posts

1 comment:

  1. Gan mau nanya sedikit oot saya pakai receiver skybox f1+ cara masuk login wifi mikrotik bagaimana krn di receiver tdk ada browsernya terimakasih

    ReplyDelete